<!doctype html>

<html lang="en">

  <head>

    <meta charset="utf-8" />

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

    <title>Acme Studio</title>

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

  </head>

  <body>

    <main class="wrap">

      <header class="hero">

        <p class="tag">Launching soon</p>

        <h1>We build clean, fast websites.</h1>

        <p class="sub">A simple landing page for your new domain.</p>

        <div class="cta">

          <a class="btn" href="mailto:hello@example.com">Contact</a>

          <a class="btn ghost" href="#learn">Learn more</a>

        </div>

      </header>


      <section id="learn" class="panel">

        <h2>What we do</h2>

        <p>Design, build, and deploy lightweight sites with modern tooling.</p>

        <ul class="list">

          <li>Fast performance</li>

          <li>SEO-friendly</li>

          <li>Simple updates</li>

        </ul>

      </section>

    </main>

  </body>

</html>