|
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Acceso a Agua Potable - Proyecto UNICEF</title>
|
|
<style>
|
|
/* General Styles */
|
|
body {
|
|
font-family: 'Arial', sans-serif;
|
|
margin: 0;
|
|
padding: 0;
|
|
color: #333;
|
|
background: #f5f5f5;
|
|
}
|
|
|
|
h1, h2, h3 {
|
|
font-family: 'Georgia', serif;
|
|
color: #0056b3;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
color: white;
|
|
}
|
|
|
|
/* Header */
|
|
header {
|
|
background: linear-gradient(to right, #007bff, #0056b3);
|
|
color: white;
|
|
text-align: center;
|
|
padding: 60px 20px;
|
|
}
|
|
|
|
header h1 {
|
|
font-size: 3rem;
|
|
margin: 0;
|
|
}
|
|
|
|
header p {
|
|
font-size: 1.5rem;
|
|
margin-top: 10px;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
/* Main Section */
|
|
.container {
|
|
max-width: 1200px;
|
|
margin: 0 auto;
|
|
padding: 20px;
|
|
}
|
|
|
|
section {
|
|
margin-bottom: 40px;
|
|
background: white;
|
|
padding: 30px;
|
|
border-radius: 10px;
|
|
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
|
overflow: hidden;
|
|
}
|
|
|
|
section h2 {
|
|
font-size: 2rem;
|
|
margin-bottom: 20px;
|
|
text-align: center;
|
|
}
|
|
|
|
section p {
|
|
font-size: 1.2rem;
|
|
line-height: 1.8;
|
|
margin-bottom: 20px;
|
|
text-align: justify;
|
|
}
|
|
|
|
section ul {
|
|
list-style: disc;
|
|
padding-left: 20px;
|
|
line-height: 1.8;
|
|
margin: 20px 0;
|
|
}
|
|
|
|
section ul li {
|
|
font-size: 1.2rem;
|
|
}
|
|
|
|
section img {
|
|
width: 100%;
|
|
border-radius: 10px;
|
|
margin: 20px 0;
|
|
}
|
|
|
|
.call-to-action {
|
|
text-align: center;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.call-to-action a {
|
|
padding: 15px 40px;
|
|
font-size: 1.2rem;
|
|
background: #0056b3;
|
|
border-radius: 50px;
|
|
color: white;
|
|
display: inline-block;
|
|
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
|
|
transition: background 0.3s, box-shadow 0.3s;
|
|
}
|
|
|
|
.call-to-action a:hover {
|
|
background: #003c82;
|
|
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
/* Footer */
|
|
footer {
|
|
background: #0056b3;
|
|
color: white;
|
|
text-align: center;
|
|
padding: 30px 10px;
|
|
margin-top: 40px;
|
|
}
|
|
|
|
footer p {
|
|
font-size: 1rem;
|
|
margin: 0;
|
|
}
|
|
|
|
/* Responsive Design */
|
|
@media (max-width: 768px) {
|
|
header h1 {
|
|
font-size: 2.5rem;
|
|
}
|
|
|
|
header p {
|
|
font-size: 1.2rem;
|
|
}
|
|
|
|
section h2 {
|
|
font-size: 1.8rem;
|
|
}
|
|
|
|
section p {
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.call-to-action a {
|
|
font-size: 1rem;
|
|
padding: 10px 30px;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<header>
|
|
<h1>Acceso a Agua Potable</h1>
|
|
<p>Garantizando un futuro saludable para las comunidades más vulnerables del mundo.</p>
|
|
</header>
|
|
|
|
<div class="container">
|
|
<!-- Sección de Introducción -->
|
|
<section id="about">
|
|
<h2>¿Por qué es importante el acceso al agua potable?</h2>
|
|
<p>
|
|
Más de 2.200 millones de personas carecen de agua potable segura. Este recurso básico es vital
|
|
para la supervivencia, la salud y el desarrollo de comunidades enteras. En UNICEF trabajamos
|
|
para transformar esta realidad, llevando agua limpia a los rincones más remotos del planeta.
|
|
</p>
|
|
<img src="https://via.placeholder.com/1200x400" alt="Comunidades accediendo a agua potable">
|
|
</section>
|
|
|
|
<!-- Sección de Objetivos -->
|
|
<section id="objectives">
|
|
<h2>Nuestros Objetivos</h2>
|
|
<ul>
|
|
<li>Construcción de pozos en comunidades rurales y áreas de difícil acceso.</li>
|
|
<li>Implementación de sistemas avanzados de purificación de agua.</li>
|
|
<li>Capacitación en higiene y saneamiento para prevenir enfermedades.</li>
|
|
<li>Fomentar la recolección sostenible de agua de lluvia.</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<!-- Sección de Impacto -->
|
|
<section id="impact">
|
|
<h2>El Impacto de tu Ayuda</h2>
|
|
<p>
|
|
Gracias a nuestros proyectos, más de 50.000 personas ahora tienen acceso a agua potable,
|
|
reduciendo la incidencia de enfermedades y mejorando la calidad de vida de miles de familias.
|
|
Con tu apoyo, podemos extender este impacto a muchas más comunidades.
|
|
</p>
|
|
</section>
|
|
|
|
<!-- Sección de Donaciones -->
|
|
<section id="donate">
|
|
<h2>¿Cómo puedes marcar la diferencia?</h2>
|
|
<p>
|
|
Cada contribución ayuda a construir un futuro más justo y sostenible. Haz tu donación hoy y sé parte
|
|
de este cambio transformador. Cada gota cuenta.
|
|
</p>
|
|
<div class="call-to-action">
|
|
<a href="#!">Dona Ahora</a>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<footer>
|
|
<p>© 2024 Proyecto UNICEF - Acceso a Agua Potable. Unidos por un futuro mejor.</p>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|
|
|