From 6e549a3876f80563415c438dd8ffedb0c9d5e275 Mon Sep 17 00:00:00 2001 From: "maria.ruiz" <zs22016128@estudiantes.uv.mx> Date: Sun, 9 Mar 2025 22:27:05 +0000 Subject: [PATCH] Subir archivos a "Interfaz" --- Interfaz/Artistas.html | 43 +++++++++++++++++++++++++++++++++++ Interfaz/BoletosArtista1.html | 33 +++++++++++++++++++++++++++ Interfaz/BoletosArtista2.html | 33 +++++++++++++++++++++++++++ Interfaz/BoletosArtista3.html | 33 +++++++++++++++++++++++++++ Interfaz/PaginaPrincipal.html | 38 +++++++++++++++++++++++++++++++ 5 files changed, 180 insertions(+) create mode 100644 Interfaz/Artistas.html create mode 100644 Interfaz/BoletosArtista1.html create mode 100644 Interfaz/BoletosArtista2.html create mode 100644 Interfaz/BoletosArtista3.html create mode 100644 Interfaz/PaginaPrincipal.html diff --git a/Interfaz/Artistas.html b/Interfaz/Artistas.html new file mode 100644 index 0000000..6e094bb --- /dev/null +++ b/Interfaz/Artistas.html @@ -0,0 +1,43 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Document</title> + <link rel="stylesheet" href="estilos/Artistas.css"> +</head> +<body background="img/fondo.png"> + + <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> + + <div class="titulo"> + <h1>CONCIERTOS</h1> + </div> + <div id="pelicula"> + <div class="artista" onclick="location.href='driver-era.html'"> + <a href="BoletosArtista1.html"> + <img src="img/ross.jpg" alt="The Driver Era"> + <div class="overlay">The Driver Era</div> + </a> + </div> + <div class="artista" onclick="location.href='the1975.html'"> + <a href="BoletosArtista2.html"> + <img src="img/the1975.jpg" alt="The 1975"> + <div class="overlay">The 1975</div> + </a> + </div> + <div class="artista" onclick="location.href='taylor-swift.html'"> + <a href="BoletosArtista3.html"> + <img src="img/taylor.jpg" alt="Taylor Swift"> + <div class="overlay">Taylor Swift</div> + </a> + </div> + </div> +</body> +</html> diff --git a/Interfaz/BoletosArtista1.html b/Interfaz/BoletosArtista1.html new file mode 100644 index 0000000..05c68aa --- /dev/null +++ b/Interfaz/BoletosArtista1.html @@ -0,0 +1,33 @@ +<!DOCTYPE html> +<html lang="es"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Selección de Asientos</title> + <link rel="stylesheet" href="estilos/ventaboletos.css"> + <link rel="stylesheet" href="css/bootstrap.min.css"> +</head> +<body style="background-color: #f9f7f4;"> + <br> + <div class="inicio-container"> + <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> + </ul> + </div> + <div class="conjunto"> + <h2>Marzo</h2> + <div class="dias" class="btn-group" role="group"> + <button class="btn btn-primary" onclick="seleccionarDia(22)">22</button> + <button class="btn btn-primary" class="selected" onclick="seleccionarDia(23)">23</button> + <button class="btn btn-primary" onclick="seleccionarDia(24)">24</button> + </div> + <div class="grid" id="asientos"></div> + <button class="boton-vender" onclick="venderAsientos()">Vender</button> + </div> + + <script src="scripts/BoletosArtista1.js"></script> + <script src="js/bootstrap.bundle.min.js"></script> +</body> +</html> diff --git a/Interfaz/BoletosArtista2.html b/Interfaz/BoletosArtista2.html new file mode 100644 index 0000000..fe9cf3e --- /dev/null +++ b/Interfaz/BoletosArtista2.html @@ -0,0 +1,33 @@ +<!DOCTYPE html> +<html lang="es"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Selección de Asientos</title> + <link rel="stylesheet" href="estilos/ventaboletos.css"> + <link rel="stylesheet" href="css/bootstrap.min.css"> +</head> +<body style="background-color: #f9f7f4;"> + <br> + <div class="inicio-container"> + <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> + </ul> + </div> + <div class="conjunto"> + <h2>Marzo</h2> + <div class="dias" class="btn-group" role="group"> + <button class="btn btn-primary" onclick="seleccionarDia(5)">5</button> + <button class="btn btn-primary" class="selected" onclick="seleccionarDia(6)">6</button> + <button class="btn btn-primary" onclick="seleccionarDia(7)">7</button> + </div> + <div class="grid" id="asientos"></div> + <button class="boton-vender" onclick="venderAsientos()">Vender</button> + </div> + + <script src="scripts/Artista2.js"></script> + <script src="js/bootstrap.bundle.min.js"></script> +</body> +</html> \ No newline at end of file diff --git a/Interfaz/BoletosArtista3.html b/Interfaz/BoletosArtista3.html new file mode 100644 index 0000000..f60557b --- /dev/null +++ b/Interfaz/BoletosArtista3.html @@ -0,0 +1,33 @@ +<!DOCTYPE html> +<html lang="es"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Selección de Asientos</title> + <link rel="stylesheet" href="estilos/ventaboletos.css"> + <link rel="stylesheet" href="css/bootstrap.min.css"> +</head> +<body style="background-color: #f9f7f4;"> + <br> + <div class="inicio-container"> + <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> + </ul> + </div> + <div class="conjunto"> + <h2>Marzo</h2> + <div class="dias" class="btn-group" role="group"> + <button class="btn btn-primary" onclick="seleccionarDia(18)">18</button> + <button class="btn btn-primary" class="selected" onclick="seleccionarDia(19)">19</button> + <button class="btn btn-primary" onclick="seleccionarDia(20)">20</button> + </div> + <div class="grid" id="asientos"></div> + <button class="boton-vender" onclick="venderAsientos()">Vender</button> + </div> + + <script src="scripts/Artista3.js"></script> + <script src="js/bootstrap.bundle.min.js"></script> +</body> +</html> \ No newline at end of file diff --git a/Interfaz/PaginaPrincipal.html b/Interfaz/PaginaPrincipal.html new file mode 100644 index 0000000..87e762f --- /dev/null +++ b/Interfaz/PaginaPrincipal.html @@ -0,0 +1,38 @@ +<!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>