Scribd
Cargar
5 vistas3 páginas

Ropa y Consejos para Mascotas

Dolly es una tienda de ropa para mascotas que ofrece una variedad de productos de moda para perros y gatos. El sitio incluye secciones para ropa de mascotas, consejos de cuidado y un diseño atractivo con un enfoque en la experiencia del usuario. Además, proporciona información de contacto y un mensaje sobre la importancia del estilo para las mascotas.

Cargado por

ana.alfarob3
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como TXT, PDF, TXT o lee en línea desde Scribd
5 vistas3 páginas

Ropa y Consejos para Mascotas

Dolly es una tienda de ropa para mascotas que ofrece una variedad de productos de moda para perros y gatos. El sitio incluye secciones para ropa de mascotas, consejos de cuidado y un diseño atractivo con un enfoque en la experiencia del usuario. Además, proporciona información de contacto y un mensaje sobre la importancia del estilo para las mascotas.

Cargado por

ana.alfarob3
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como TXT, PDF, TXT o lee en línea desde Scribd

<!

DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dolly - Tienda de Ropa para Mascotas</title>
<style>
body {
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
background-color: #fff8f0;
}
header {
background: linear-gradient(90deg, #ff6f61, #ffcc00);
color: white;
text-align: center;
padding: 25px;
font-size: 1.5em;
}
nav {
background-color: #ffcc00;
text-align: center;
padding: 15px;
}
nav a {
text-decoration: none;
color: #333;
font-weight: bold;
margin: 0 15px;
font-size: 1.2em;
}
nav a:hover {
color: #ff6f61;
}
section {
padding: 30px;
text-align: center;
}
h2 {
color: #ff6f61;
font-size: 2em;
margin-bottom: 20px;
}
.productos {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
}
.producto {
background: #ffffff;
border-radius: 12px;
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
width: 250px;
padding: 15px;
transition: transform 0.3s;
}
.producto:hover {
transform: scale(1.05);
}
.producto img {
width: 100%;
border-radius: 12px;
}
.producto p {
font-weight: bold;
color: #333;
margin-top: 10px;
}
ul {
list-style: none;
padding: 0;
}
ul li a {
display: inline-block;
margin: 10px;
padding: 10px 15px;
background-color: #ff6f61;
color: white;
border-radius: 8px;
text-decoration: none;
font-weight: bold;
}
ul li a:hover {
background-color: #ffcc00;
color: #333;
}
footer {
background: linear-gradient(90deg, #ff6f61, #ffcc00);
color: white;
text-align: center;
padding: 15px;
font-size: 1em;
}
footer p {
margin: 5px;
}
</style>
</head>
<body>
<header>
<h1>Dolly - Moda para tus Mascotas</h1>
<p>¡Porque ellos también merecen estilo!</p>
</header>

<nav>
#perrosRopa para Perritos</a>
#gatosRopa para Gatos</a>
#consejosConsejos</a>
</nav>

<!-- Sección para perritos -->


<section id="perros">
<h2>Ropa para Perritos</h2>
<div class="productos">
<div class="producto">
<img src="[Link]/photo/2017/09/25/13/12/dog-2785074_1280.jpg
<p>Abrigo cálido para invierno</p>
</div>
<div class="producto">
[Link]
<p>Vestido elegante para perrita</p>
</div>
</div>
</section>

<!-- Sección para gatos -->


<section id="gatos">
<h2>Ropa para Gatos</h2>
<div class="productos">
<div class="producto">
<img src="[Link]
1285634_1280 <p>Suéter cómodo para gato</p>
</div>
<div class="producto">
<img src="[Link]
2934720_ <p>Abrigo para días fríos</p>
</div>
</div>
</section>

<!-- Consejos -->


<section id="consejos">
<h2>Consejos para el cuidado de tus mascotas</h2>
<ul>
<li>[Link] para cuidar a tu
perro</a></li>
<li>[Link] para cuidar a tu
gato</a></li>
</ul>
</section>

<footer>
<p>&copy; 2025 Dolly - Moda para Mascotas</p>
<p>Contacto: Sandy Caballero | Tel: 55 43 10 86 26</p>
</footer>
</body>
</html>

También podría gustarte