<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Venta de Boletos</title> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <nav> <div class="logo">TicketCompany</div> <ul> <li><a href="login.html">Iniciar sesión</a></li> </ul> </nav> </header> <section class="banner"> <h1>Encuentra tus eventos favoritos</h1> <p>Compra boletos para tu artista favorito.</p> </section> <section class="eventos"> <h2>Próximos Conciertos</h2> <div class="evento"> <img src="img/images.jpeg" alt="Evento 1"> <h3>Concierto de Artista X</h3> <p>15 de marzo - Ciudad de México</p> <button>Comprar boletos</button> </div> <div class="evento"> <img src="evento2.jpg" alt="Evento 2"> <h3>Partido de Fútbol</h3> <p>20 de abril - Estadio Nacional</p> <button>Comprar boletos</button> </div> <div class="evento"> <img src="evento3.jpg" alt="Evento 3"> <h3>Obra de Teatro</h3> <p>10 de mayo - Teatro Principal</p> <button>Comprar boletos</button> </div> </section> </body> </html>