Untitled

<!doctype html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Huellas de Amor - Asociación para ayudar a los animales</title>
</head>
<body>
    <div class="header">
        <h1 class="mainlogo">
            <a href="#" class="mainlogo__image">
                <img src="images/main_logo.png" alt="Huellas de Amor Logotipo" />
            </a>
        </h1>
        <div class="nav">
            <ul>
                <li><a href="#">Adopta</a></li>
                <li><a href="#">Compra</a></li>
                <li><a href="#">Dona</a></li>
                <li><a class="icon-contact" href="#">Contacto</a></li>
            </ul>
        </div>
    </div>
    <div class="banner">
        <h2>Huellas de <span class="secondary_color">Amor</span></h2>
        <p>Es una asociación que se enfoca en ayudar a los animales.</p>
        <iframe src="https://player.vimeo.com/video/33219961" width="100%" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
        <p class="center">Observa nuestras instalaciones en vivo 24H</p>
    </div>
    <div class="location_info">
        <div class="address_line">Matamoros 641 / Monterrey, México / Centro / C.P 64000</div>
        <div class="phone">Llámanos: <a href="tel:8888888888">888 888-8888</a></div>
    </div>
    <div class="search"></div>
    <div class="main_links">
        <ul>
            <li>
                <a class="icon-store" href="#">
                    <h3>Tienda</h3>
                    <p>Cómpra productos para tu mascota</p>
                </a>
            </li>
            <li>
                <a class="icon-care" href="#">
                    <h3>Cuidados</h3>
                    <p>Cómpra productos para tu mascota</p>
                </a>
            </li>
            <li>
                <a class="icon-vet" href="#">
                    <h3>Veterinarios</h3>
                    <p>Cómpra productos para tu mascota</p>
                </a>
            </li>
        </ul>
    </div>
    <div class="testimonials">
        <h2>Testimonios</h2>
        <img src="images/testimonial.jpg" alt="Happy dog">
        <blockquote>Soy el animal no-humano más feliz del mundo
desde que me adoptaron, miren mi cara
de felicidad.</blockquote>
    </div>
    <div class="footer">
        <div class="address">
            <h3>Centro</h3>
            Matamoros 641 <br>
            Monterrey, México<br>
            Centro<br>
            C.P 64000
        </div>
        <div class="address">
            <h3>Cumbres</h3>
            Matamoros 641 <br>
            Monterrey, México<br>
            Centro<br>
            C.P 64000
        </div>
        <div class="footer_links">
            <ul>
                <li><a href="#">Petfinder</a></li>
                <li><a href="#">Refugio</a></li>
                <li><a href="#">Petfinder</a></li>
                <li><a href="#">PETA</a></li>
            </ul>
        </div>
        <div class="social">
            <ul>
                <li><a class="icon-facebook" href="#">Facebook</a></li>
                <li><a class="icon-twitter" href="#">Twitter</a></li>
                <li><a class="icon-instagram" href="#">Instagram</a></li>
                <li><a class="icon-vimeo" href="#">Vimeo</a></li>
            </ul>
        </div>
    </div>
</body>
</html>