|
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>?Quienes Somos? - ONG de Animales</title>
|
|
<style>
|
|
body {
|
|
margin: 0;
|
|
font-family: 'Poppins', sans-serif;
|
|
background: linear-gradient(135deg, #74ebd5, #acb6e5);
|
|
color: #222;
|
|
text-align: center;
|
|
line-height: 1.6;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
header {
|
|
margin: 20px 0;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 3.5rem;
|
|
color: #000;
|
|
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
|
|
}
|
|
|
|
p {
|
|
font-size: 1.2rem;
|
|
margin: 10px auto;
|
|
width: 70%;
|
|
max-width: 800px;
|
|
color: #333;
|
|
}
|
|
|
|
.about-container {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-around;
|
|
align-items: flex-start;
|
|
margin: 30px auto;
|
|
padding: 0 20px;
|
|
width: 90%;
|
|
max-width: 1200px;
|
|
}
|
|
|
|
.about-container .section {
|
|
flex: 1;
|
|
margin: 20px;
|
|
padding: 20px;
|
|
background-color: rgba(255, 255, 255, 0.8);
|
|
border-radius: 15px;
|
|
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
|
|
text-align: left;
|
|
}
|
|
|
|
.volunteers-section,
|
|
.news-section {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
|
|
.volunteers-section h2,
|
|
.news-section h2 {
|
|
font-size: 2rem;
|
|
color: #000;
|
|
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.volunteers-section p,
|
|
.news-section p {
|
|
font-size: 1rem;
|
|
color: #666;
|
|
line-height: 1.5;
|
|
text-align: left;
|
|
max-width: 300px;
|
|
}
|
|
|
|
.volunteers-btn,
|
|
.news-btn {
|
|
background-color: #6ab7ff;
|
|
color: #fff;
|
|
padding: 8px 12px;
|
|
font-size: 1rem;
|
|
font-weight: bold;
|
|
border: none;
|
|
border-radius: 50px;
|
|
cursor: pointer;
|
|
margin-top: 10px;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.volunteers-btn:hover,
|
|
.news-btn:hover {
|
|
background-color: #4697e0;
|
|
transform: scale(1.1);
|
|
}
|
|
|
|
.volunteers-btn:active,
|
|
.news-btn:active {
|
|
transform: scale(0.95);
|
|
}
|
|
|
|
.divider {
|
|
border-top: 3px solid #000;
|
|
margin: 20px 0;
|
|
}
|
|
|
|
footer {
|
|
padding: 10px 0;
|
|
font-size: 0.9rem;
|
|
background-color: #1a1a1a;
|
|
color: #fff;
|
|
box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.back-btn {
|
|
background-color: #ff6b6b;
|
|
color: #fff;
|
|
padding: 8px 12px;
|
|
font-size: 1rem;
|
|
font-weight: bold;
|
|
border: none;
|
|
border-radius: 50px;
|
|
cursor: pointer;
|
|
margin-top: 20px;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.back-btn:hover {
|
|
background-color: #ff4040;
|
|
transform: scale(1.1);
|
|
}
|
|
|
|
.back-btn:active {
|
|
transform: scale(0.95);
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>Quienes Somos?</h1>
|
|
<p>Somos la ONG de Animales dedicada a la adopcion, voluntariado y rescate. Fundada por Alba Collado Cano, nos enfocamos en encontrar hogares para animales necesitados, ofreciendo oportunidades de voluntariado y realizando rescates en situaciones criticas.</p>
|
|
</header>
|
|
|
|
<div class="about-container">
|
|
<div class="section volunteers-section">
|
|
<h2>Voluntarios</h2>
|
|
<p>Podemos contar con varios voluntarios comprometidos que nos ayudan en la gestion de adopciones, rescates y eventos. Si deseas ser voluntario, no dudes en unirte a nuestro equipo.Visita nuestra pagina de voluntarios para mas informacion!</p>
|
|
<button class="volunteers-btn" onclick="location.href='voluntarios.html'">Ver Voluntarios</button>
|
|
</div>
|
|
|
|
<div class="divider"></div>
|
|
|
|
<div class="section news-section">
|
|
<h2>Ultimas noticias</h2>
|
|
<p>Mantente al dia con nuestras actualizaciones de ultima hora. Desde nuevas incorporaciones de adopciones hasta nuevos programas de voluntariado, encontraras toda la informacion que necesitas para estar al tanto de lo ultimo en nuestra ONG. Visita nuestra pagina de noticias para mas detalles!</p>
|
|
<button class="news-btn" onclick="location.href='noticias.html'">Ver Noticias</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Boton de Volver -->
|
|
<button class="back-btn" onclick="location.href='index.html'">Volver a la pagina principal</button>
|
|
|
|
<footer>
|
|
Autor: Alba Collado Cano • Ultima modificacion: 12 de diciembre de 2024
|
|
</footer>
|
|
</body>
|
|
</html>
|
|
|