Job Search Page

A one-column page that displays available jobs by all categories (with dropdown).

Resize window to see mobile.

page screenshot
  1. 1
  2. 2
  3. 3
  4. 4

  1. Section Header

    Wrap header with <header class="section-header">. Define section further with <h3> and <a id="x">, where x = section header id; color is from section header class. On scroll on desktop and tablet, JavaScript will affix header to top (with Menu and Search). (See scripts.js.)

  2. Title

    Style with <h1>.

  3. Dropdown (Job categories)

    Use <form id="job_search_form">. Fill in appropriate job category ID and category name in <option> tag.

  4. Available jobs

    List all open jobs in the category selected from the dropdown. If there are available jobs, list the first 10, then add a "View More" link at the bottom to taleo. If there are no available jobs, display "There are no jobs available in this category." Enclose the listing in a <div id="job_search_results">. Job listings shall be linked to individual jobs page for more information.