You are on page 1of 8

<!

DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css/bulma.min.css">
<link rel="stylesheet" href="css/material-design-iconic-font.css">
<link rel="stylesheet" href="css/styles.css">
<title>Document</title>
</head>

<body>
<!-- Barra de navegacion secundaria -->

<header>
<div class="container">
<nav class="nav">
<a class="nav-item active has-text-weight-
semibold" href="index.html">Perfect Brand</a>
</nav>
</div>
</header>

<!-- Sección de fotografías -->


<div class="container">
<div class="columns is-multiline">
<div class="column is-full-mobile">
<div class="columns is-centered is-mobile is-multiline">
<!-- 1 Sección de fotografías -->
<div class="column is-half column-full">
<div class="card">
<span class="price">$89.99</span>
<img src="img/hom_cami_polos/img 1.jpg" alt="
">
<div class="card-info">
<h4 class="has-text-black has-text-
centered has-text-weight-bold"> Women's Burnt Orenge
Casual TEE $89.99 </h4>
<p class="has-text-
centered">Classic casual t-shirt for women on the move.
100%
cotton.</p>
<div class="card-buttons">
<a href="#" class="btn btn--mini-
rounded"><i
class="zmdi zmdi-shopping-
cart"></i></a>
<a href="#" class="btn btn--mini-
rounded"><i
class="zmdi zmdi-favorite-
outline"></i></a>
<a href="producto.html" class="btn bt
n--mini-rounded"><i
class="zmdi zmdi-
eye"></i></a>
</div>
</div>
</div>
</div>
<div class="column column-full is-half">
<div class="card">
<span class="price">$47.50</span>
<img src="img/hom_cami_polos/img 2.jpg" alt="
">
<div class="card-info">
<h4 class="has-text-black has-text-
centered has-text-weight-bold"> Women's Burnt Orenge
Casual TEE $47.50 </h4>
<p class="has-text-
centered">Classic casual t-shirt for women on the move.
100%
cotton.</p>
<div class="card-buttons">
<a href="#" class="btn btn--mini-
rounded"><i
class="zmdi zmdi-shopping-
cart"></i></a>
<a href="#" class="btn btn--mini-
rounded"><i
class="zmdi zmdi-favorite-
outline"></i></a>
<a href="producto.html" class="btn bt
n--mini-rounded"><i
class="zmdi zmdi-
eye"></i></a>
</div>
</div>
</div>
</div>

<div class="column is-full">


<div class="card">
<span class="price">$65.95</span>
<img src="img/hom_cami_polos/img 3.jpg" alt="
">
<div class="card-info">
<h4 class="has-text-black has-text-
centered has-text-weight-bold"> Women's Burnt Orenge
Casual TEE $65.95 </h4>
<p class="has-text-
centered">Classic casual t-shirt for women on the move.
100%
cotton.</p>
<div class="card-buttons">
<a href="#" class="btn btn--mini-
rounded"><i
class="zmdi zmdi-shopping-
cart"></i></a>
<a href="#" class="btn btn--mini-
rounded"><i
class="zmdi zmdi-favorite-
outline"></i></a>
<a href="producto.html" class="btn bt
n--mini-rounded"><i
class="zmdi zmdi-
eye"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Segunda sección de fotografías -->
<div class="column is-half is-full-mobile">
<div class="columns is-mobile is-multiline">
<div class="column is-full">
<div class="card">
<span class="price"><strike>$107</strike> $89
.99</span>
<img src="img/hom_cami_polos/img 4.jpg" alt="
">
<div class="card-info">
<h4 class="has-text-black has-text-
centered has-text-weight-bold"> Women's Burnt Orenge
Casual TEE $89.99 </h4>
<p class="has-text-
centered">Classic casual t-shirt for women on the move.
100%
cotton.</p>
<div class="card-buttons">
<a href="#" class="btn btn--mini-
rounded"><i
class="zmdi zmdi-shopping-
cart"></i></a>
<a href="#" class="btn btn--mini-
rounded"><i
class="zmdi zmdi-favorite-
outline"></i></a>
<a href="producto.html" class="btn bt
n--mini-rounded"><i
class="zmdi zmdi-
eye"></i></a>
</div>
</div>
</div>
</div>
<div class="column column-full is-half">
<div class="card">
<span class="price">$29.99</span>
<img src="img/hom_cami_polos/img 5.jpg" alt="
">
<div class="card-info">
<h4 class="has-text-black has-text-
centered has-text-weight-bold"> Women's Burnt Orenge
Casual TEE $29.99 </h4>
<p class="has-text-
centered">Classic casual t-shirt for women on the move.
100%
cotton.</p>
<div class="card-buttons">
<a href="#" class="btn btn--mini-
rounded"><i
class="zmdi zmdi-shopping-
cart"></i></a>
<a href="#" class="btn btn--mini-
rounded"><i
class="zmdi zmdi-favorite-
outline"></i></a>
<a href="producto.html" class="btn bt
n--mini-rounded"><i
class="zmdi zmdi-
eye"></i></a>
</div>
</div>
</div>
</div>
<div class="column column-full is-half">
<div class="card">
<span class="price">$34.79</span>
<img src="img/hom_cami_polos/img 6.jpg" alt="
">
<div class="card-info">
<h4 class="has-text-black has-text-
centered has-text-weight-bold"> Women's Burnt Orenge
Casual TEE $34.79 </h4>
<p class="has-text-
centered">Classic casual t-shirt for women on the move.
100%
cotton.</p>
<div class="card-buttons">
<a href="#" class="btn btn--mini-
rounded"><i
class="zmdi zmdi-shopping-
cart"></i></a>
<a href="#" class="btn btn--mini-
rounded"><i
class="zmdi zmdi-favorite-
outline"></i></a>
<a href="producto.html" class="btn bt
n--mini-rounded"><i
class="zmdi zmdi-
eye"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<footer class="footer">
<div class="container">
<div class="columns is-multiline">
<div class="column">
<ul class="footer-ul">
<li class="footer-item">
<h3 class="has-text-weight-
bold">Información</h3>
</li>
<li class="footer-item"><a class="footer-
link" href="#">La marca</a></li>
<li class="footer-item"><a class="footer-
link" href="#">Local stores</a></li>
<li class="footer-item"><a class="footer-
link" href="#">Servicios </a></li>
<li class="footer-item"><a class="footer-
link" href="#">Privacidad y cookies</a></li>
<li class="footer-item"><a class="footer-
link" href="#">Mapa del sitio</a></li>
</ul>
</div>

<div class="column">
<ul class="footer-ul">
<li class="footer-item">
<h3 class="has-text-weight-
bold">Porqué comprar</h3>
</li>
<li class="footer-item"><a class="footer-
link" href="#">Envios y retornos</a></li>
<li class="footer-item"><a class="footer-
link" href="#">Envios seguros</a></li>
<li class="footer-item"><a class="footer-
link" href="#">Testimonios </a></li>
<li class="footer-item"><a class="footer-
link" href="#">Award waining</a></li>
<li class="footer-item"><a class="footer-
link" href="#">Etival trading</a></li>
</ul>
</div>
<div class="column">
<ul class="footer-ul">
<li class="footer-item">
<h3 class="has-text-weight-
bold">Tu cuenta</h3>
</li>
<li class="footer-item"><a class="footer-
link" href="#">Iniciar sesión</a></li>
<li class="footer-item"><a class="footer-
link" href="#">Registro</a></li>
<li class="footer-item"><a class="footer-
link" href="#">Ver carrito </a></li>
<li class="footer-item"><a class="footer-
link" href="#">Ver catálogo</a></li>
<li class="footer-item"><a class="footer-
link" href="#">Track an order</a></li>
</ul>
</div>
<div class="column">
<ul class="footer-ul">
<li class="footer-item">
<h3 class="has-text-weight-
bold">Catalogo</h3>
</li>
<li class="footer-item"><a class="footer-
link" href="#">Catálogo para hombres</a></li>
<li class="footer-item"><a class="footer-
link" href="#">Catálogo para mujeres</a></li>
<li class="footer-item"><a class="footer-
link" href="#">Ver tu Catalogo </a></li>
<li class="footer-item"><a class="footer-
link" href="#">Privacidad y cookies</a></li>
<li class="footer-item"><a class="footer-
link" href="#">Borrar tu catalogo</a></li>
</ul>
</div>
<div class="column">

<ul class="footer-ul">
<li class="footer-item">
<h3 class="has-text-weight-
bold">Datos de contacto</h3>
</li>
<li class="footer-item"><a class="footer-
link" href="#">Head</a></li>
<li class="footer-item"><a class="footer-
link" href="#">Catálogo para mujeres</a></li>
<li class="footer-item"><a class="footer-
link" href="#">Ver tu Catalogo </a></li>
<li class="footer-item"><a class="footer-
link" href="#">Privacidad y cookies</a></li>
<li class="footer-item"><a class="footer-
link" href="#">Borrar tu catalogo</a></li>
</ul>
</div>
<div class="column is-full">
<div class="footer-socials">
<a class="footer-solcials-
link" href="#"><i class="zmdi zmdi-facebook"></i></a>
<a class="footer-solcials-
link" href="#"><i class="zmdi zmdi-twitter"></i></a>
<a class="footer-solcials-
link" href="#"><i class="zmdi zmdi-instagram"></i></a>
<a class="footer-solcials-
link" href="#"><i class="zmdi zmdi-pinterest"></i></a>
</div>
</div>
</div>
</div>
<div class="footer-bar-top">
<div class="container">
<a class="footer-bar-top-
links" href="#">2019 Perfect Brand</a>
</div>
</div>
</footer>
</body>

You might also like