<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8" />

  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

  <title>Your Name</title>

  <link rel="stylesheet" href="style.css"/>

</head>

<body>

  <header>

    <h1>Your Name</h1>

    <nav>

      <a href="#about">About</a>

      <a href="#work">Work</a>

      <a href="#contact">Contact</a>

    </nav>

  </header>


  <section id="hero">

    <img src="images/hero-placeholder.jpg" alt="Hero Image" />

  </section>


  <section id="about">

    <h2>About Me</h2>

    <p>Write a short, clean bio here. Think two to three lines max for punchy impact.</p>

  </section>


  <section id="work">

    <h2>Portfolio</h2>

    <div class="gallery">

      <img src="images/work1-placeholder.jpg" alt="Work 1" />

      <img src="images/work2-placeholder.jpg" alt="Work 2" />

      <img src="images/work3-placeholder.jpg" alt="Work 3" />

    </div>

  </section>


  <section id="contact">

    <h2>Contact</h2>

    <p>Email me at: <a href="mailto:you@example.com">you@example.com</a></p>

  </section>


  <footer>

    <p>&copy; 2025 Your Name</p>

  </footer>

</body>

</html>