-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
117 lines (100 loc) · 7.9 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Sitio Oficial de The Yonkys">
<meta name="keywords" content="Rock, Setentero, Argentino, Vintage, Nacional, The Yonkys">
<title>Main | The Yonkys</title>
<link rel="icon" type="jpg" href="./resources/img/yonkys-icon-circular.png">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
<link rel="stylesheet" href="./css/style.css">
</head>
<!-- Menu de navegacion + Logo -->
<header>
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<a href="index.html">
<img class="animate__animated animate__bounceIn" src="resources/img/yonkys-logo.png" alt="Logo-Yonkys" width="180px" height="160px">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar1">
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="./pages/biografia.html">Biografia</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pages/contrataciones.html">Contrataciones</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pages/discografia.html">Discografia</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pages/integrantes.html">Integrantes</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main>
<h1 class="animate__animated animate__pulse">Bienvenido al Sitio Oficial</h1>
<p class="parrafoindex">The Yonkys comienza su gira Histrionismo con su primer fecha presentacion en Makena, no te pierdas nuestro ultimo lanzamiento HISTRIONISMO, mirá el primer corte difusion del disco. Club Del Té.</p>
<div class="Portada-video">
<iframe width="1000" height="400"
src="https://www.youtube.com/embed/Q_-LGnK3FSI?si=dz4Agf1vSMHLBOyYstart=60&end=300&autoplay=1"
title="Yonkys-Video" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
<h1 class="animate__animated animate__pulse ">Proximas fechas <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-calendar2-event" viewBox="0 0 16 16">
<path d="M11 7.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5z"/>
<path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1z"/>
<path d="M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5z"/>
</svg></h1>
<p class="parrafofechas animate__animated animate__zoomIn">
<a href="https://maps.app.goo.gl/bQLxUNX4XfMu1nCU6"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-geo" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M8 1a3 3 0 1 0 0 6 3 3 0 0 0 0-6M4 4a4 4 0 1 1 4.5 3.969V13.5a.5.5 0 0 1-1 0V7.97A4 4 0 0 1 4 3.999zm2.493 8.574a.5.5 0 0 1-.411.575c-.712.118-1.28.295-1.655.493a1.3 1.3 0 0 0-.37.265.3.3 0 0 0-.057.09V14l.002.008.016.033a.6.6 0 0 0 .145.15c.165.13.435.27.813.395.751.25 1.82.414 3.024.414s2.273-.163 3.024-.414c.378-.126.648-.265.813-.395a.6.6 0 0 0 .146-.15l.015-.033L12 14v-.004a.3.3 0 0 0-.057-.09 1.3 1.3 0 0 0-.37-.264c-.376-.198-.943-.375-1.655-.493a.5.5 0 1 1 .164-.986c.77.127 1.452.328 1.957.594C12.5 13 13 13.4 13 14c0 .426-.26.752-.544.977-.29.228-.68.413-1.116.558-.878.293-2.059.465-3.34.465s-2.462-.172-3.34-.465c-.436-.145-.826-.33-1.116-.558C3.26 14.752 3 14.426 3 14c0-.599.5-1 .961-1.243.505-.266 1.187-.467 1.957-.594a.5.5 0 0 1 .575.411" <link rel="stylesheet" href="https://maps.app.goo.gl/bQLxUNX4XfMu1nCU6">/>
</svg></a> 30/05 - Makena - Fitz Roy 1519, Cdad. Autónoma de Buenos Aires - 21:30Hs
<br>
<a href="https://g.co/kgs/2Sj64Ry"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-geo" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M8 1a3 3 0 1 0 0 6 3 3 0 0 0 0-6M4 4a4 4 0 1 1 4.5 3.969V13.5a.5.5 0 0 1-1 0V7.97A4 4 0 0 1 4 3.999zm2.493 8.574a.5.5 0 0 1-.411.575c-.712.118-1.28.295-1.655.493a1.3 1.3 0 0 0-.37.265.3.3 0 0 0-.057.09V14l.002.008.016.033a.6.6 0 0 0 .145.15c.165.13.435.27.813.395.751.25 1.82.414 3.024.414s2.273-.163 3.024-.414c.378-.126.648-.265.813-.395a.6.6 0 0 0 .146-.15l.015-.033L12 14v-.004a.3.3 0 0 0-.057-.09 1.3 1.3 0 0 0-.37-.264c-.376-.198-.943-.375-1.655-.493a.5.5 0 1 1 .164-.986c.77.127 1.452.328 1.957.594C12.5 13 13 13.4 13 14c0 .426-.26.752-.544.977-.29.228-.68.413-1.116.558-.878.293-2.059.465-3.34.465s-2.462-.172-3.34-.465c-.436-.145-.826-.33-1.116-.558C3.26 14.752 3 14.426 3 14c0-.599.5-1 .961-1.243.505-.266 1.187-.467 1.957-.594a.5.5 0 0 1 .575.411"/>
</svg></a> 08/06 - The Roxy Live- Cnel. Niceto Vega 5542, C1414BFD Cdad. Autónoma de Buenos Aires - 23:00Hs
<br>
<a href="https://maps.app.goo.gl/XbJUUeKT4BowqKVRA"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-geo" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M8 1a3 3 0 1 0 0 6 3 3 0 0 0 0-6M4 4a4 4 0 1 1 4.5 3.969V13.5a.5.5 0 0 1-1 0V7.97A4 4 0 0 1 4 3.999zm2.493 8.574a.5.5 0 0 1-.411.575c-.712.118-1.28.295-1.655.493a1.3 1.3 0 0 0-.37.265.3.3 0 0 0-.057.09V14l.002.008.016.033a.6.6 0 0 0 .145.15c.165.13.435.27.813.395.751.25 1.82.414 3.024.414s2.273-.163 3.024-.414c.378-.126.648-.265.813-.395a.6.6 0 0 0 .146-.15l.015-.033L12 14v-.004a.3.3 0 0 0-.057-.09 1.3 1.3 0 0 0-.37-.264c-.376-.198-.943-.375-1.655-.493a.5.5 0 1 1 .164-.986c.77.127 1.452.328 1.957.594C12.5 13 13 13.4 13 14c0 .426-.26.752-.544.977-.29.228-.68.413-1.116.558-.878.293-2.059.465-3.34.465s-2.462-.172-3.34-.465c-.436-.145-.826-.33-1.116-.558C3.26 14.752 3 14.426 3 14c0-.599.5-1 .961-1.243.505-.266 1.187-.467 1.957-.594a.5.5 0 0 1 .575.411"/>
</svg></a> 15/07 - Teatro Flores - Av. Rivadavia 7806, C1407 Cdad. Autónoma de Buenos Aires - 00:30 Hs
</p>
<div>
<a class="tuentrada" href="https://tuentrada.com/">
<img class="tuentradaimg" src="./resources/img/tuentrada.png" alt="tuentrada">
</a>
</div>
</main>
<!-- Pie de Pagina -->
<footer>
<br>
<div class="redes-y-canales-logos">
<a href="https://www.facebook.com/TheYonkys"> <img src="https://www.svgrepo.com/show/37719/facebook-logo.svg"
alt="facebook"></a>
<a href="https://www.instagram.com/yonkismusic/"><img src="https://www.svgrepo.com/show/83867/socialcam-logo.svg"
alt="instagram"></a>
<a href="https://open.spotify.com/intl-es/artist/1Yn19pVq0XfuVheO8DGue7?si=JNJdcp1HRlG2F9R6EAA_Tw"> <img
src="https://www.svgrepo.com/show/37155/spotify-logo.svg" alt="spotify"></a>
<a href="https://deezer.page.link/vYjdyLSmJ52m8D9Q7"> <img src="https://www.svgrepo.com/show/89780/deezer-logo.svg"
alt="deezer"></a>
<a href="https://www.youtube.com/@yonkysrock"><img src="https://www.svgrepo.com/show/136803/telly-social-symbol.svg"
alt="youtube"></a>
</div>
<br>
</footer>
<h6>© The Yonkys 2024. All rights reserved. Terms Privacy</h6>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body>
</html>