From 17c1c11423d513c5259bc5b02ebf0b839fae39e1 Mon Sep 17 00:00:00 2001 From: "maria.ruiz" <zs22016128@estudiantes.uv.mx> Date: Thu, 13 Mar 2025 04:15:20 +0000 Subject: [PATCH] Actualizar Interfaz/PaginaPrincipal.html --- Interfaz/PaginaPrincipal.html | 90 ++++++++++++++++++++--------------- 1 file changed, 52 insertions(+), 38 deletions(-) diff --git a/Interfaz/PaginaPrincipal.html b/Interfaz/PaginaPrincipal.html index 87e762f..7aa2fd0 100644 --- a/Interfaz/PaginaPrincipal.html +++ b/Interfaz/PaginaPrincipal.html @@ -1,38 +1,52 @@ -<!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;"> - <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>></span></div> - <div class="reporteVenta">Reporte de Venta <span>></span></div> - </div> - </div> - </div> - <div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab" tabindex="0">...</div> - </div> - - <script src="js/bootstrap.bundle.min.js"></script> -</body> -</html> +<!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>></span> + </div> + <div class="reporteVenta" onclick="window.location.href='control/reportePDF.php'"> + Reporte de Venta <span>></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>