-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
158 lines (131 loc) · 7.3 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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Astralia-Home</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg ">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="/multimedia/astralia v2.png" alt="astralia" class="logo__img">
</a>
<button class="navbar-toggler" id="nav__iconbox" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon" id="nav__icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-link" aria-current="page" href="/pages/artistas.html">Artistas</a>
<a class="nav-link" aria-current="page" href="#">Nosotros</a>
<a class="nav-link" aria-current="page" href="#">Contacto</a>
<a class="nav-link" aria-current="page" href="#">Servicios</a>
</div>
</div>
</div>
</nav>
</header>
<div class="title__index">
<h1> Nuevos lanzamientos</h1>
</div>
<section>
<div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="false">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item slider active">
<iframe class="car1" src="https://www.youtube.com/embed/N-2JnpivtL8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<div class="carousel-caption d-none d-md-block">
<h5>Verso</h5>
<p>El nuevo disco de Julian Desbats</p>
</div>
</div>
<div class="carousel-item slider">
<iframe class="car1" src="https://www.youtube.com/embed/KB9iRPCviR0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<div class="carousel-caption d-none d-md-block">
<h5>Gansia</h5>
<p>Single de Julian Desbats</p>
</div>
</div>
<div class="carousel-item slider">
<iframe class="car1" src="https://www.youtube.com/embed/yqJDoOPTK7s" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<div class="carousel-caption d-none d-md-block">
<h5>Del Cosmos</h5>
<p>Nuevo single de Julian Desbats</p>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</section>
<section>
<div class="title2">
<h2>Artistas destacados</h2>
</div>
</section>
<section>
<div class="ar__cards">
<div class="card" style="width: 18rem;">
<img src="/multimedia/LOS SANDROS v2 tapa.jpg" class="card-img-top jl" alt="los sandros">
<div class="card-body">
<p class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla sint ipsa necessitatibus numquam non obcaecati, mollitia dolor culpa et fugit excepturi velit libero veniam facere autem praesentium commodi enim hic?</p>
</div>
</div>
<div class="card" style="width: 18rem;">
<img src="/multimedia/dirty cacas kamijo connection.jpg" class="card-img-top jl" alt="kamijo">
<div class="card-body">
<p class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero odio reiciendis itaque maiores atque pariatur molestiae ducimus consequuntur fugiat cumque! Assumenda est soluta iste odit tempora eos autem, eaque reiciendis!</p>
</div>
</div>
<div class="card" style="width: 18rem;">
<img src="/multimedia/PGO01905desbastssangelado.jpg" class="card-img-top jl" alt="julian desbats">
<div class="card-body">
<p class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Rem aperiam qui consectetur soluta consequatur temporibus. Quos, alias! Sed, cum itaque recusandae ipsa id dignissimos eaque inventore eos vel, optio doloremque.</p>
</div>
</div>
</div>
</section>
<footer class="footer">
<section>
<div class="footer__container">
<div class="logo__container">
<div class="footer__logo">
<a href="http://facebook.com" target="_blank" rel="noopener noreferrer">
<img class="logof" src="multimedia/facebook_logo_social_social media_icon_512.png" alt="Facebook">
</a>
</div>
<div class="footer__logo">
<a href="http://youtube.com" target="_blank" rel="noopener noreferrer">
<img class="logof" src="multimedia/video_youtube_logo_social_social media_icon_512.png" alt="Youtube">
</a>
</div>
<div class="footer__logo">
<a href="http://instagram.com" target="_blank" rel="noopener noreferrer" >
<img class="logof" src="multimedia/instagram_logo_social_social media_icon_512.png" alt="instagram">
</a>
</div>
</div>
<div class="contact">
<p>Seguinos en nuestras redes!</p>
<p>Whatsapp: 5555555555555</p>
</div>
</div>
</section>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
</body>
</html>