Revisión 7f89870e
Añadido por Jacobo Pancorbo Bianquetti hace 7 meses
| ong/donaciones.html | ||
|---|---|---|
|
<!DOCTYPE html>
|
||
|
<html lang="es">
|
||
|
<head>
|
||
|
<meta charset="UTF-8">
|
||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
<title>Localización y Contacto - Cruz Roja</title>
|
||
|
<style>
|
||
|
body {
|
||
|
font-family: Arial, sans-serif;
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
background-color: #f5f5f5;
|
||
|
}
|
||
|
header {
|
||
|
background-color: #d32f2f;
|
||
|
color: white;
|
||
|
text-align: center;
|
||
|
padding: 1rem 0;
|
||
|
}
|
||
|
nav {
|
||
|
background-color: #b71c1c;
|
||
|
padding: 0.5rem;
|
||
|
text-align: center;
|
||
|
}
|
||
|
nav a {
|
||
|
color: white;
|
||
|
margin: 0 1rem;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
nav a:hover {
|
||
|
text-decoration: underline;
|
||
|
}
|
||
|
main {
|
||
|
padding: 2rem;
|
||
|
}
|
||
|
section {
|
||
|
background-color: white;
|
||
|
padding: 1rem;
|
||
|
margin-bottom: 1rem;
|
||
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||
|
border-radius: 5px;
|
||
|
}
|
||
|
iframe {
|
||
|
width: 100%;
|
||
|
height: 300px;
|
||
|
border: 0;
|
||
|
}
|
||
|
form {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
}
|
||
|
label {
|
||
|
margin: 0.5rem 0 0.2rem;
|
||
|
}
|
||
|
input, textarea {
|
||
|
padding: 0.5rem;
|
||
|
margin-bottom: 1rem;
|
||
|
border: 1px solid #ccc;
|
||
|
border-radius: 5px;
|
||
|
}
|
||
|
button {
|
||
|
background-color: #d32f2f;
|
||
|
color: white;
|
||
|
padding: 0.5rem;
|
||
|
border: none;
|
||
|
border-radius: 5px;
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
button:hover {
|
||
|
background-color: #b71c1c;
|
||
|
}
|
||
|
footer {
|
||
|
background-color: #d32f2f;
|
||
|
color: white;
|
||
|
text-align: center;
|
||
|
padding: 1rem 0;
|
||
|
}
|
||
|
</style>
|
||
|
</head>
|
||
|
<body>
|
||
|
|
||
|
<header>
|
||
|
<h1>Cruz Roja - Localización y Contacto</h1>
|
||
|
</header>
|
||
|
|
||
|
<nav>
|
||
|
<a href="#localizacion">Localización</a>
|
||
|
<a href="#contacto">Contacto</a>
|
||
|
</nav>
|
||
|
|
||
|
<main>
|
||
|
<section id="localizacion">
|
||
|
<h2>Localización</h2>
|
||
|
<p>Nos puedes encontrar en nuestra sede principal:</p>
|
||
|
<p><strong>Dirección:</strong> Calle de la Solidaridad, 123, 28000 Madrid, España</p>
|
||
|
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3151.835434509134!2d-122.41941508468196!3d37.774929279759026!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80858064e0d0c4d7%3A0x65a3849d0f5b5bc7!2sCruz%20Roja!5e0!3m2!1ses!2ses!4v1697896174565!5m2!1ses!2ses" allowfullscreen="" loading="lazy"></iframe>
|
||
|
</section>
|
||
|
|
||
|
<section id="contacto">
|
||
|
<h2>Contacto</h2>
|
||
|
<p>Para cualquier consulta, no dudes en escribirnos:</p>
|
||
|
<form action="#" method="post">
|
||
|
<label for="nombre">Nombre:</label>
|
||
|
<input type="text" id="nombre" name="nombre" required>
|
||
|
|
||
|
<label for="email">Correo Electrónico:</label>
|
||
|
<input type="email" id="email" name="email" required>
|
||
|
|
||
|
<label for="mensaje">Mensaje:</label>
|
||
|
<textarea id="mensaje" name="mensaje" rows="5" required></textarea>
|
||
|
|
||
|
<button type="submit">Enviar</button>
|
||
|
</form>
|
||
|
</section>
|
||
|
</main>
|
||
|
|
||
|
<footer>
|
||
|
<p>© 2024 Cruz Roja. Todos los derechos reservados.</p>
|
||
|
</footer>
|
||
|
|
||
|
</body>
|
||
|
</html>
|
||
Exportar a: Unified diff
H) donaciones hecho por Jacobo