<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ticket Merc</title>
    <link rel="stylesheet" href="estilos/inicio.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">

</head>
<body style="background-color: #f9f7f4;">
  <div class="background-container">
    <img src="img/linea2.png" class="linea2">
    <img src="img/linea1.png" class="linea">
    <img src="img/linea3.png" class="linea2">
    <img src="img/linea4.png" class="linea">
  </div>
  <div class="blur-overlay"></div>
  
    <br>
    <div class="">
        <ul class="nav nav-pills mb-3 nav justify-content-center" id="pills-tab" role="tablist">
            <li class="nav-item" role="presentation">
              <button class="nav-link active" id="pills-home-tab" data-bs-toggle="pill" data-bs-target="#pills-home" type="button" role="tab" aria-controls="pills-home" aria-selected="true">Inicio</button>
            </li>
            <li class="nav-item" role="presentation">
              <button class="nav-link" id="pills-profile-tab" data-bs-toggle="pill" data-bs-target="#pills-profile" type="button" role="tab" aria-controls="pills-profile" aria-selected="false">Acerca de</button>
            </li>
          </ul>
    </div>
      <div class="tab-content" id="pills-tabContent">
        <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab" tabindex="0">
            <div class="container">
                <div class="title">TICKET <br> MERC</div>
                <div class="button-container">
                    <div class="ventaBoletos" onclick="window.location.href='Artistas.html'">
                      Venta de Boletos <span>&gt;</span>
                    </div>
                    <div class="reporteVenta" onclick="window.location.href='control/reportePDF.php'">
                      Reporte de Venta <span>&gt;</span>
                  </div>                  
                </div>
            </div>
        </div>
        <div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab" tabindex="0">Esta aplicación tendrá la utilidad de poder 
          seleccionar boletos para sala de conciertos de 3 artistas, generar un reporte de ventas y verificar el número de boletos vendidos en total.
        </div>
      </div>

    <script src="js/bootstrap.bundle.min.js"></script>
</body>
</html>