<!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>