Professional Documents
Culture Documents
Doctype HTML Head Meta Meta Meta Link Link Link Title Title Head Body
Doctype HTML Head Meta Meta Meta Link Link Link Title Title Head Body
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>
<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>