<!DOCTYPE html>
<html lang=”es”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Reservas – Excursiones</title>
<link rel=”stylesheet” href=”styles.css”>
</head>
<body>
<header>
<h1>Excursiones en Tailandia</h1>
</header>
<main>
<section class=”reservation”>
<h2>Reserva tu excursión</h2>
<form id=”reservation-form”>
<label for=”excursion”>Selecciona la excursión:</label>
<select id=”excursion” name=”excursion”>
<option value=”bangkok”>Tour en Bangkok</option>
<option value=”chiang-mai”>Tour en Chiang Mai</option>
<option value=”angkor-wat”>Tour en Angkor Wat</option>
</select>
<label for=”date”>Selecciona la fecha:</label>
<input type=”date” id=”date” name=”date” required>
<label for=”people”>Número de personas:</label>
<input type=”number” id=”people” name=”people” min=”1″ max=”12″ required>
<button type=”submit”>Reservar ahora</button>
</form>
</section>
<section class=”availability”>
<h2>Disponibilidad</h2>
<div id=”availability-list”>
<!– Aquí se mostrarán las fechas disponibles –>
</div>
</section>
</main>
<script src=”script.js”></script>
</body>
</html>