Repo de LDM-ASIR
This commit is contained in:
93
ACT27_sad/ACT27_sad.html
Executable file
93
ACT27_sad/ACT27_sad.html
Executable file
@@ -0,0 +1,93 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user