devfzn
ee5b469838
Ajustes de página para usar estilo 'style.css'. Medidas proporcionales CSS con 'em'. propiedad 'float' y 'clear'.
70 lines
3.0 KiB
HTML
70 lines
3.0 KiB
HTML
<!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">
|
|
<link rel="stylesheet" href="./style.css">
|
|
</head>
|
|
<body>
|
|
<div class="header">
|
|
<header><h1 id="header">Barbería Alura</h1></header>
|
|
<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>
|
|
</div>
|
|
<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>
|
|
|
|
<img class="utiles" src="./imagenes/utiles.jpg" alt="Utensilios de barbero" />
|
|
|
|
<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>
|
|
<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>
|
|
</main>
|
|
<footer>
|
|
<img src="./imagenes/logo-blanco.png">
|
|
<!-- Copyleft unicode 🄯 🄯 -->
|
|
<!-- Copyright unicode © © -->
|
|
<p class="copyright">🄯 CopyLeft 2023 - DevFzn</p>
|
|
</footer>
|
|
</body>
|
|
</html>
|