Untitled

avatar
unknown
html
10 months ago
2.2 kB
15
Indexable
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Green Gardens - Perennials</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">

  <header class="site-header">
    <div class="brand">Green Gardens</div>
    <div class="user-tools">REGISTER | SIGN IN</div>
  </header>

  <nav class="main-nav">
    <a href="vegetables.html">Vegetables</a>
    <a href="flowers.html">Flowers</a>
    <a href="perennials.html">Perennials</a>
    <a href="herbs.html">Herbs</a>
    <a href="fruit.html">Fruit</a>
    <a href="organics.html">Organics</a>
    <a href="supplies.html">Supplies</a>
    <a href="advice.html">Advice</a>
  </nav>

  <div class="banner">
    <img src="images/banner.jpg" alt="Banner">
  </div>

  <div class="search-row">
    <form>
      <input type="search" placeholder="Search Green Gardens..." />
      <button type="submit">Search</button>
    </form>
  </div>

  <div class="content-wrapper">
    <div class="edge"></div>

    <aside class="sidebar">
      <h3>Perennials</h3>
      <ul>
        <li><a href="#">Hostas</a></li>
        <li><a href="#">Daylilies</a></li>
        <li><a href="#">Peonies</a></li>
        <li><a href="#">Lavender</a></li>
        <li><a href="#">Coneflowers</a></li>
        <li><a href="#">Irises</a></li>
      </ul>
    </aside>

    <main class="main">
      <h1>Perennial Plants</h1>
      <h2>Reliable Beauty Year After Year</h2>
      <p class="lead">
        Perennials return each season to provide long-lasting beauty. 
        Choose from hardy varieties that thrive in many climates.
      </p>
    </main>

    <div class="edge"></div>
  </div>

  <footer class="site-footer">
    <div class="footer-left">
      <a href="#">JOIN OUR COMMUNITIES</a>
      <a href="#">GARDEN TIME</a>
      <a href="#">Request a Catalog</a>
      <a href="#">Buy a Gift Card</a>
    </div>
    <div class="subscribe">
      <span>JOIN OUR EMAIL LIST</span>
      <input type="email" placeholder="Email" />
      <button type="button">Send</button>
    </div>
  </footer>

</div>
</body>
</html>
Editor is loading...
Leave a Comment