2023-04-12 22:33:32 -04:00
|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="es">
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
|
|
|
<meta name="viewport" content="width=device-width">
|
|
|
|
<title>Barbería Alura</title>
|
|
|
|
<link rel="stylesheet" href="./reset.css">
|
2023-04-13 13:05:29 -04:00
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
|
|
<link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
|
2023-04-12 22:33:32 -04:00
|
|
|
<link rel="stylesheet" href="./style.css">
|
|
|
|
</head>
|
|
|
|
<body>
|
2023-04-13 13:05:29 -04:00
|
|
|
<header>
|
|
|
|
<div class="caja">
|
|
|
|
<h1><img src="./imagenes/logo.png"></h1>
|
|
|
|
<nav>
|
|
|
|
<ul>
|
|
|
|
<li><a href="./index.html">Home</a></li>
|
|
|
|
<li><a href="./productos.html">Productos</a></li>
|
|
|
|
<li><a href="./contacto.html">Contacto</a></li>
|
|
|
|
</ul>
|
|
|
|
</nav>
|
|
|
|
</div>
|
|
|
|
</header>
|
2023-04-12 22:33:32 -04:00
|
|
|
<img class="banner"
|
|
|
|
src="./banner/banner.jpg"
|
|
|
|
alt="barbería con dos sillas, fondo con dos espejos y muchos cuadros"/>
|
|
|
|
<main>
|
|
|
|
<section class="principal">
|
|
|
|
<h2 class="titulo-principal">Sobre Barbería Alura</h1>
|
2023-04-13 13:05:29 -04:00
|
|
|
<img class="utiles" src="./imagenes/utiles.jpg" alt="Utensilios de barbero"/>
|
2023-04-12 22:33:32 -04:00
|
|
|
|
|
|
|
<p>Ubicada en el corazón de la ciudad, la <strong>Barbería Alura</strong> trae
|
|
|
|
para el mercado lo que hay de mejor para su cabello y barba. Fundada en 2020,
|
|
|
|
la Barbería Alura ya es destaque en la ciudad y conquista nuevos clientes
|
|
|
|
diariamente.</p>
|
|
|
|
|
|
|
|
<p id="mision"><em>Nuestra misión es: <strong>"Proporcionar autoestima y calidad de vida a
|
|
|
|
nuestros clientes"</strong></em></p>
|
|
|
|
|
|
|
|
<p>Ofrecemos profesionales experimentados que están constantemente observando los
|
|
|
|
cambios y movimiento en el mundo de la moda, para así ofrecer a nuestros clientes
|
|
|
|
las últimas tendencias. El atendimiento posee un padrón de excelencia y agilidad,
|
|
|
|
garantizando calidad y satisfacción de nuestros clientes.</p>
|
|
|
|
</section>
|
2023-04-13 13:05:29 -04:00
|
|
|
|
|
|
|
<section class="mapa">
|
|
|
|
<h3 class="titulo-principal">Donde estamos</h3>
|
|
|
|
<p>Estamos ubicados en el centro de la cuidad</p>
|
|
|
|
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3656.449840047712!2d-46.63683801114504!3d-23.5881948!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94ce5a2b2ed7f3a1%3A0xab35da2f5ca62674!2sCaelum%20-%20Education%20and%20Innovation!5e0!3m2!1ses-419!2scl!4v1681402707968!5m2!1ses-419!2scl"
|
|
|
|
width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy"
|
|
|
|
referrerpolicy="no-referrer-when-downgrade"></iframe>
|
|
|
|
</section>
|
|
|
|
|
2023-04-12 22:33:32 -04:00
|
|
|
<section class="diferencias">
|
|
|
|
<h3 class="titulo-principal">Lo que nos diferencia</h2>
|
|
|
|
<ul>
|
|
|
|
<li class="items">Atención personalizada para cada cliente</li>
|
|
|
|
<li class="items">Espacio diferenciado</li>
|
|
|
|
<li class="items">Localización</li>
|
|
|
|
<li class="items">Profesionales calificados</li>
|
|
|
|
</ul>
|
|
|
|
<img class="imagen_diferencias"
|
|
|
|
src="diferenciales/diferenciales.jpg"
|
|
|
|
alt="hombre sentado en barbería al que le cortan la barba con tijeras"/>
|
|
|
|
</section>
|
2023-04-13 13:05:29 -04:00
|
|
|
|
|
|
|
<div class="video">
|
|
|
|
<iframe width="560" height="315" src="https://www.youtube.com/embed/TnJ_ObLRM9w"
|
|
|
|
title="YouTube video player" frameborder="0"
|
|
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
|
|
allowfullscreen></iframe>
|
2023-04-12 22:33:32 -04:00
|
|
|
</main>
|
|
|
|
<footer>
|
|
|
|
<img src="./imagenes/logo-blanco.png">
|
|
|
|
<!-- Copyleft unicode 🄯 🄯 -->
|
|
|
|
<!-- Copyright unicode © © -->
|
|
|
|
<p class="copyright">🄯 CopyLeft 2023 - DevFzn</p>
|
|
|
|
</footer>
|
|
|
|
</body>
|
|
|
|
</html>
|