mirror of
https://github.com/Lil-Carpi/LDM-ASIR.git
synced 2025-12-06 00:03:48 +00:00
93 lines
3.8 KiB
HTML
Executable File
93 lines
3.8 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html lang="es">
|
|
|
|
<head>
|
|
<title>Mascotas</title>
|
|
<meta charset="utf-8">
|
|
<link rel="stylesheet" href="estilos.css">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<header>
|
|
<h1>Adopta una mascota</h1>
|
|
<nav>
|
|
<ul id="menu">
|
|
<li><a href="#">Nosotros</a></li>
|
|
<li><a href="#">Campañas</a></li>
|
|
<li><a href="#">Socios</a></li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
<main>
|
|
<section id="mascotas">
|
|
<article class="mascota">
|
|
<img src="images/mascota1.jpg" alt="" />
|
|
<div class="info">
|
|
<h3>Praesent quis orcidiam viverralopr</h3>
|
|
<p>Raes quis orci eget diam viverralopr con equat. Fusce sagit quam ihui hyhy kolo opirlo pulvinarhjkjo.</p>
|
|
</div>
|
|
</article>
|
|
<article class="mascota">
|
|
<img src="images/mascota2.jpg" alt="" />
|
|
<div class="info">
|
|
<h3>Praesent quis orcidiam viverralopr</h3>
|
|
<p>Raes quis orci eget diam viverralopr con equat. Fusce sagit quam ihui hyhy kolo opirlo pulvinarhjkjo.</p>
|
|
</div>
|
|
</article>
|
|
<article class="mascota">
|
|
<img src="images/mascota3.jpg" alt="" />
|
|
<div class="info">
|
|
<h3>Praesent quis orcidiam viverralopr</h3>
|
|
<p>Raes quis orci eget diam viverralopr con equat. Fusce sagit quam ihui hyhy kolo opirlo pulvinarhjkjo.</p>
|
|
</div>
|
|
</article>
|
|
<article class="mascota">
|
|
<img src="images/mascota4.jpg" alt="" />
|
|
<div class="info">
|
|
<h3>Praesent quis orcidiam viverralopr</h3>
|
|
<p>Raes quis orci eget diam viverralopr con equat. Fusce sagit quam ihui hyhy kolo opirlo pulvinarhjkjo.</p>
|
|
</div>
|
|
</article>
|
|
<article class="mascota">
|
|
<img src="images/mascota5.jpg" alt="" />
|
|
<div class="info">
|
|
<h3>Praesent quis orcidiam viverralopr</h3>
|
|
<p>Raes quis orci eget diam viverralopr con equat. Fusce sagit quam ihui hyhy kolo opirlo pulvinarhjkjo.</p>
|
|
</div>
|
|
</article>
|
|
<article class="mascota">
|
|
<img src="images/mascota6.jpg" alt="" />
|
|
<div class="info">
|
|
<h3>Praesent quis orcidiam viverralopr</h3>
|
|
<p>Raes quis orci eget diam viverralopr con equat. Fusce sagit quam ihui hyhy kolo opirlo pulvinarhjkjo.</p>
|
|
</div>
|
|
</article>
|
|
</section>
|
|
|
|
<section id="colaboradores">
|
|
<div class="colaborador">
|
|
<img src="images/cara1.jpg" alt="" />
|
|
<h3>Colaborador</h3>
|
|
<p>colaborador1@gmail.com</p>
|
|
</div>
|
|
<div class="colaborador">
|
|
<img src="images/cara2.jpg" alt="" />
|
|
<h3>Colaboradora</h3>
|
|
<p>colaborador2@gmail.com</p>
|
|
</div>
|
|
<div class="colaborador">
|
|
<img src="images/cara3.jpg" alt="" />
|
|
<h3>Colaboradora</h3>
|
|
<p>colaborador3@gmail.com</p>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
|
|
<footer>
|
|
<p><a href="mailto:adoptaunamascota@gmail.com">adoptaunamascota@gmail.com</a></p>
|
|
</footer>
|
|
</body>
|
|
</html> |