Project 13: Job Board Listing

HTML Masterclass

Builds on these lessons

Std W3c Std Whatwg Std Living Standard Std Browser Compatibility Std Feature Detection

Step 1 of 3

Project

Skeleton & Job Listings

List three openings as an unordered list of <article>s, each with a role title, company, and location. Nothing new here syntactically — you're combining lists and semantic content you already know. New tags like <dialog>, <search>, and <popover> exist because HTML is a living standard (maintained by WHATWG, with W3C also publishing recommendations) that keeps evolving rather than being frozen at some fixed version.

🎯 Your Task

Please add the exact code shown in the light gray box below to your editor.Do not delete your previous code, just insert these new lines in the correct place!

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Open Roles | Hiring Board</title>
</head>
<body>
  <h1>Open Roles</h1>
  <ul>
    <li>
      <article>
        <h2>Front-End Engineer</h2>
        <p>Nimbus Labs — Remote</p>
      </article>
    </li>
    <li>
      <article>
        <h2>Product Designer</h2>
        <p>Osteria Bella — Austin, TX</p>
      </article>
    </li>
    <li>
      <article>
        <h2>Backend Engineer</h2>
        <p>HomeFinder — Remote</p>
      </article>
    </li>
  </ul>
</body>
</html>

← Previous Next →