index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sitio oficial de Hunter|Compre botas de agua</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
   <header>
       <div class="container">
        <p class="logo">HUNTER</p>
        <nav>
            <a class="active" href="">Mujer</a>
            <a   class="active"  href="">Hombre</a>
            <a class="active" href="">Niños</a>
            <a class="active" href="">Los Originales</a>
            <a class="active" href="">Contactos</a>

            <div class="buscar"></div>
                <input type="text" placeholder="Buscar" required>
                <div class="btn">
                    <i class="fas fa-search"></i>

                </div>
            </div>


        </nav>
       </div>
   </header>
   <section id="hero">
    <h2>La <br> primavera <br> en la <br>Jardinería</h2>
    <h4>Descubre guantes, <br> botas  y mucho más <br> para tu jardin.</h4>
    <button>COMPRA AHORA</button>
   </section>
    <section id="BIOGRA-FIA">
        <div class="container">

       
         <div class="img-container"></div>
         <div class="texto">

         <h2>BOTAS Y <span class="color-acento"> MÁS</span></h2>
         <p>En nuestro establecimiento manejamos muchas marcas de botas para el jardin y otros tipos de calzado, como por ejemplo:   
            
            <li>Botas Chelses de Militar de Mujer</li>
            <li>Botas Chelsea con detalles de punto Refined para Mujer</li>  
            <li>Botas de agua Play Cortas para Mujer</li>
            <li>Botas de agua bajas y ajustables por detrás para mujer.</li>
            <li>Bota Chelsea Original de hombre</li>
            <li>Botas de agua Chelsea Play para hombre</li>
            <li>Chanclas ajustables para hombre</li>
            <li>Zuecos Play para hombre</li>
                 
         </p>
         <p>
         
        </p>
       
        </p>
        </div>
    </div>
</section>
<footer>
    <div class="container">
        <p>&copy; JulioHdez</p>
    </div>
</footer>



</body>
</html>