Project Brief

Resume Site

A focused HTML and CSS project that turns resume content into a readable, responsive web page.

Brief

Using HTML and CSS, create a digital resume.

If you are new to HTML, keep the styling simple and clean. Focus on clear hierarchy, generous spacing, readable structure, and limited color. If you feel ambitious, try a more complex page layout, but do not let layout experiments make the information harder to read.

Treat this as a learning exercise, not a finished portfolio piece.

Requirements

  • A web font from Google Fonts or Adobe Fonts
  • At least one h1, one h2, and one h3
  • Paragraphs using p
  • An unordered list using ul and li
  • Clean, readable structure using semantic HTML such as header, main, section, and footer

Suggested Structure

Use a header with your name and contact information, then sections for education, experience, and skills.

Keep the document logical and accessible. The structure should make sense before the CSS is added.

Starter Markup

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Your Name — Resume</title>
    <link rel="stylesheet" href="css/styles.css" />
  </head>
  <body>
    <header>
      <h1>Your Name</h1>
      <p>Designer / Student / Contact Information</p>
    </header>

    <main>
      <section>
        <h2>Education</h2>
        <h3>Roger Williams University</h3>
        <p>Degree, major, expected graduation date.</p>
      </section>

      <section>
        <h2>Experience</h2>
        <h3>Role or Position</h3>
        <p>Describe the work clearly and specifically.</p>
      </section>

      <section>
        <h2>Skills</h2>
        <ul>
          <li>HTML</li>
          <li>CSS</li>
          <li>Figma</li>
        </ul>
      </section>
    </main>
  </body>
</html>