<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Conciertos</title>
<link rel="stylesheet" href="estilos/Artistas.css">
</head>
<body>
<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>
<a href="PaginaPrincipal.html" class="back-button">
<span class="arrow">←</span>
</a>
<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>