TIENDA DE ROPA EN LÍNEA DE LA MARCA ACA JOE
Para realizar tu pagina web, vas a necesitar imágenes, y también una canción en formato mp3
Además un complemento con nombre styles.scc
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tienda en Líea</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header style="text-align: center; padding: 20px; background-color: #ffb8c1;">
<img src="fachada.png" alt="Logo de la tienda">
<h1>¡Encuentra lo que tanto buscabas!!!</h1>
</header>
<main style="text-align: center;">
<section style="padding: 20px;">
<h2 style="color: navy;">HOMBRE</h2>
<a href="https://acajoe.co.za/">
<img src="hombre.jpg" alt="Sección Hombre" style="width: 200px; height: 150px; border: 2px solid;">
</a>
</section>
<section style="padding: 20px;">
<h2 style="color: magenta;">MUJER</h2>
<a href="https://acajoe.co.za/">
<img src="mujer.png" alt="Sección Mujer" style="width: 200px; height: 150px; border: 2px solid;">
</a>
</section>
<section style="padding: 20px;">
<h2 style="color: teal;">CALZADO</h2>
<a href="https://acajoe.co.za/">
<img src="zapatos.jpg" alt="Sección Calzado" style="width: 200px; height: 150px; border: 2px solid;">
</a>
</section>
<section style="padding: 20px;">
<h2 style="color: olive;">ACCESORIOS</h2>
<a href="https://acajoe.co.za/">
<img src="accesorios.jpg" alt="Sección Accesorios" style="width: 200px; height: 150px; border: 2px solid;">
</a>
</section>
</main>
<footer style="text-align: center; background-color: #d6d7c6; padding: 20px;">
<p>
<marquee style="color: #00CC99;">DESCUENTOS DEL 20% EN JEANS</marquee>
<marquee style="color: #33CC33;" direction="right">DESCUENTOS DEL 30% EN BLUSAS</marquee>
</p>
<nav>
<a href="conocenos.html">CONÓCENOS</a> |
<a href="envios.html">ENVÍOS</a>
</nav>
<p>Copyright 2024, Escríbenos a
<a href="mailto:pedidosAcaJoe.@gmail.com">pedidosAcaJoe.m@gmail.com</a>
</p>
<p>Comuníate al: 800 962 25 o 55 98 65 32 12</p>
<audio controls>
<source src="rola.mp3" type="audio/mpeg">
Tu navegador no soporta el elemento de audio.
</audio>
</footer>
</body>
</html>
CÓDIGO PARA LA PÁGINA: styles.scc
font-family: 'Verdana', sans-serif;
background-image: url('bj.jpg');
background-size: cover;
color: #000000;
margin: 0;
padding: 0;
}
h1, h2 {
text-transform: uppercase;
font-weight: bold;
}
a {
text-decoration: none;
color: inherit;
}
No hay comentarios.:
Publicar un comentario