<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Salidas MTB – Bordenave Team Bike</title>
<style>
body {
font-family: sans-serif;
margin: 0;
padding: 0;
background: #0d0d0d;
color: #fff;
}
header {
background: #b30000;
padding: 1rem;
text-align: center;
}
header h1 {
margin: 0;
font-size: 2rem;
}
section.hero {
padding: 2rem;
background: url('fondo.jpg') no-repeat center center;
background-size: cover;
text-shadow: 2px 2px 5px #000;
}
section.hero p {
font-size: 1.2rem;
background: rgba(0,0,0,0.6);
padding: 1rem;
border-radius: 10px;
}
form {
max-width: 500px;
margin: 2rem auto;
background: #1a1a1a;
padding: 2rem;
border-radius: 10px;
}
label {
display: block;
margin: 1rem 0 0.5rem;
}
input, select, button {
width: 100%;
padding: 0.5rem;
border: none;
border-radius: 5px;
margin-bottom: 1rem;
}
button {
background: #b30000;
color: white;
font-weight: bold;
cursor: pointer;
}
footer {
text-align: center;
padding: 1rem;
font-size: 0.8rem;
background: #111;
}
.contacto {
text-align: center;
margin-top: 2rem;
font-size: 1.1rem;
}
</style>
</head>
<body>
<header>
<h1>Salidas MTB – Bordenave Team Bike</h1>
</header>
<section class="hero">
<p>
¡Unite a nuestras salidas MTB gratuitas! Te esperamos todos los <strong>martes, jueves y sábados</strong> para entrenar con el equipo <strong>Bordenave Team Bike</strong>. Las salidas son <strong>totalmente gratuitas</strong>, con cupo limitado de <strong>20 personas por día</strong>. Reservá tu lugar con anticipación completando el siguiente formulario.
</p>
</section>
<form onsubmit="handleSubmit(event)">
<label for="nombre">Nombre y apellido</label>
<input type="text" id="nombre" name="nombre" required />
<label for="edad">Edad</label>
<input type="number" id="edad" name="edad" required />
<label for="telefono">Teléfono</label>
<input type="tel" id="telefono" name="telefono" required />
<label for="dia">Seleccioná un día</label>
<select id="dia" name="dia" required>
<option value="">-- Elegí un día --</option>
<option value="martes">Martes</option>
<option value="jueves">Jueves</option>
<option value="sabado">Sábado</option>
</select>
<button type="submit">Reservar lugar</button>
</form>
<div class="contacto">
📞 Contacto: <a href="https://wa.me/5492257552267" style="color: #fff; text-decoration: underline;">2257 552267</a>
</div>
<footer>
© 2025 Bordenave Team Bike – Salidas MTB
</footer>
<script>
function handleSubmit(event) {
event.preventDefault();
alert("¡Reserva enviada! Te esperamos en la salida MTB. Cupo limitado a 20 personas.");
event.target.reset();
}
</script>
</body>
</html>