Subir archivos a "Interfaz"
This commit is contained in:
parent
ec201f7372
commit
6e549a3876
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
Loading…
Reference in New Issue