-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
309 lines (309 loc) · 17.2 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
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Inicio Boostrap 4.5 -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<!-- Fin Boostrap 4.5 -->
<!-- CSS Personalizado -->
<link rel="stylesheet" href="estilos/estilos.css">
<!-- /CSS Personalizado -->
<!-- fonts -->
<link href="https://fonts.googleapis.com/css2?family=Krona+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Jost&display=swap" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/js/all.min.js"></script>
<!-- /fonts -->
<!-- Inicio Titulo y SEO -->
<title>Alejandro Maria DJ&Producer</title>
<!-- Inicio Meta Tags -->
<meta name="description" content="Alejandro Maria is a music producer, mixer, and Dj based in Buenos Aires, Argentina"/>
<meta name="keywords" content="musica,producer,house,mix,electronic,recording,editing,mixing,dj"/>
<meta name="author" content="Eric Aguerreberry" />
<meta name="revisit-after" content="15 Days" />
<meta name="GOOGLEBOT" content="index,follow,all" />
<meta name="ROBOTS" content="INDEX,FOLLOW" />
<meta name="ROBOTS" content="ALL" />
<meta name="language" content="English" />
<meta name="distribution" content="Global" />
<meta name="country" content="Argentina" />
<!-- Fin Meta Tags -->
<!-- Fin Titulo y SEO -->
</head>
<body>
<div class="noise"></div>
<div id="cursor"></div>
<div class="loader-wrapper">
<span class="loader">
<img src="./loading.gif" />
<span class="loader-text">Loading...</span>
</span>
</div>
<header id="#header-full"><!-- #header-principal -->
<div class="contenedor">
<div class="menu">
<div class="logo-y-menu">
<a href="./index.html"><img src="./imagenes/logo.png" alt="" ></a>
<nav>
<ul>
<li><a href="./paginas/bio.html">Bio</a></li>
<li><a href="./paginas/music.html">Music</a></li>
<li><a href="./paginas/events.html">Gallery</a></li>
<li><a href="./paginas/contact.html">Contact</a></li>
</ul>
</nav>
</div>
<div class="boton">
<a href="https://www.traxsource.com/artist/583473/alejandro-maria" target="_blank">Buy Now ></a>
</div>
</div>
<div class="titular">
<h1><span>
House music</span> producer. <br>Buenos Aires, <br> Argentina.</h1>
<div class="botones">
<a class="botones" href="./paginas/bio.html">Bio ></a>
<a class="botones blanco" href="./paginas/events.html">Gallery</a>
</div>
</div>
</div>
</header><!-- /#header-principal -->
<header id="header"><!-- #header-dinamico -->
<div class="container">
<div id="logo" class="pull-left">
<a href="./index.html"><img src="./imagenes/logo3.png" alt="alejandro maria" title="DJ/Producer" /></a>
</div>
<nav id="nav-menu-container"><!-- #nav-menu-container -->
<ul class="nav-menu">
<li class="menu-active"><a href="./index.html">Home</a></li>
<li><a href="./paginas/bio.html">Bio</a></li>
<li><a href="./paginas/music.html">Music</a></li>
<li><a href="./paginas/events.html">Gallery</a></li>
<li><a href="./paginas/contact.html">Contact</a></li>
</ul>
</nav><!-- /#nav-menu-container -->
</div>
</header><!-- /#header-dinamico -->
<section id="discografia"><!-- #Discografia -->
<div class="contenedor">
<div class="texto">
<h4>Upcoming release!</h4>
<h2><span>New Music</span> <br>coming soon.</h2>
<p>"Argentinian Alejandro Maria joins Chopshop with his debut single 'A Lot to Live For'. A nu-disco delight featuring all the right ingredients to make you feel good and funky. Including atwork from the Chopshop NFT vault by Henbeibi" Chopshop Music®</p>
<a href="./paginas/music.html" target="_self">All releases ></a>
</div>
<div class="card-deck"><!-- Card -->
<div div class="card" style="width:300px">
<div class="card-header">A lot to live for</div>
<iframe width="100%" height="300" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/1226192290&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true"></iframe><div style="font-size: 10px; color: #cccccc;line-break: anywhere;word-break: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-family: Interstate,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Garuda,Verdana,Tahoma,sans-serif;font-weight: 100;"><a href="https://soundcloud.com/the-chopshop-music" title="Chopshop Music" target="_blank" style="color: #cccccc; text-decoration: none;">Chopshop Music</a> · <a href="https://soundcloud.com/the-chopshop-music/alejandro-maria-a-lot-to-live-for" title="Alejandro Maria - A Lot To Live For" target="_blank" style="color: #cccccc; text-decoration: none;">Alejandro Maria - A Lot To Live For</a></div>
<div class="card-footer">
<div class="redes">
<a href="https://soundcloud.com/the-chopshop-music/alejandro-maria-a-lot-to-live-for" data-toggle="tooltip" title="Soundcloud" target="_blank">
<img class="footer__img-redes" src="./imagenes/soundcloud-svgrepo-com.svg" alt="Soundclud Link">
</a>
</div>
</div>
</div>
</div><!-- /Card -->
</div>
</section><!-- /#Discografia -->
<section id="about"><!-- #About -->
<div class="contenedor">
<h4>About me</h4>
<div class="contenedor-textos">
<div class="texto-izquierda">
<h2>A little bit of history</h2>
<p>I was born in Buenos Aires Argentina in the mid 80s. My interest in music started since I was a child in the 90's with the popular music of that time. After a few years taking some production courses I started playing around making my own tracks, Remixes and DJ Sets. In 2020 was when I finally decided to send my productions to labels of the "Nu Disco" genre, they had an instant impact and I was able to sign with labels such as Young Society Recordings, Tropical Velvet, Disco Balls, Mango Sounds, Chopshop, Feverball, Spa un Disco, Etc.</p>
</div>
<div class="texto-derecha">
<h2>in a few words</h2>
<p>I'm Alejandro Maria a DJ Producer. I create fresh, unique
instrumentals and songs from my studio based in Buenos Aires, Argentina. I love house
music and have a passion for making lots of it – from old school to future-sounding
electronic, and everything in between.</p>
<div class="botones">
<a href="./paginas/bio.html">Bio ></a>
<a href="./paginas/music.html" class="negro">Music</a>
</div>
</div>
</div>
</div>
</section><!-- /#About -->
<section id="tour"><!-- #Tour -->
<div class="contenedor">
<div class="imagen">
<img src="./imagenes/Tour_club-g3abfaf477_1280.jpg" alt="">
</div>
<div class="texto">
<h4>Events</h4>
<h2>Buy tickets for upcoming dates</h2>
<p>Find live music near you. Buy tickets for Alejandro Maria upcoming concert, festival, gig and tour date taking place in Buenos Aires in 2023. Don't miss the first live tour in over 2 years. Amazing seats are on sale now. Treat yourself to good vibes and great music from the best seats with Platinum Seats.</p>
</div>
</div>
<div class="fechas">
<div class="numero">19</div>
<div class="fecha">
<h5>Dec</h5>
<p>2022</p>
</div>
<div class="lugar">
<h5>Club 69</h5>
<p>Buenos Aires, Argentina</p>
</div>
<div class="boton"><a href="https://www.ticketek.com.ar/" target=_blank>Buy ticket ></a></div>
</div>
<div class="fechas">
<div class="numero">26</div>
<div class="fecha">
<h5>Dec</h5>
<p>2022</p>
</div>
<div class="lugar">
<h5>Mandarine</h5>
<p>Buenos Aires, Argentina</p>
</div>
<div class="boton"><a href="https://www.ticketek.com.ar/" target=_blank>Buy ticket ></a></div>
</div>
<div class="fechas">
<div class="numero">02</div>
<div class="fecha">
<h5>Jan</h5>
<p>2023</p>
</div>
<div class="lugar">
<h5>Mute</h5>
<p>Mar del Plata, Argentina</p>
</div>
<div class="boton"><a href="https://www.ticketek.com.ar/" target=_blank>Buy ticket ></a></div>
</div>
</section><!-- /#Tour -->
<footer><!-- Footer -->
<div class="contenedor">
<div class="redes"><!-- .Links -->
<a href="https://www.instagram.com/musicbyalejandromaria" data-toggle="tooltip" title="Instagram" target="_blank">
<img class="footer__img-redes" src="./imagenes/instagram-svgrepo-com.svg" alt="Instagram Link">
</a><!-- /Instagram link -->
<a href="https://open.spotify.com/artist/5W0Agbc0JHIriXYN7Xq9gr?si=_zRhFvkySnG5nzvzlF4eVA" data-toggle="tooltip" title="Spotify" target="_blank">
<img class="footer__img-redes" src="./imagenes/spotify-svgrepo-com.svg" alt="Spotify Link">
</a><!-- /Spotify link -->
<a href="https://soundcloud.com/musicbyalejandromaria" data-toggle="tooltip" title="Soundcloud" target="_blank">
<img class="footer__img-redes" src="./imagenes/soundcloud-svgrepo-com.svg" alt="Soundclud Link">
</a><!-- /Soundcloud link -->
<a href="https://music.apple.com/us/artist/alejandro-maria/1539175451" data-toggle="tooltip" title="Apple Music" target="_blank">
<img class="footer__img-redes" src="./imagenes/apple-music-svgrepo-com.svg" alt="Apple Music Link">
</a><!-- /Apple Music link -->
<a href="https://www.beatport.com/artist/alejandro-maria/934964" data-toggle="tooltip" title="Beatport" target="_blank">
<img class="footer__img-redes" src="./imagenes/beatport-svgrepo-com.svg" alt="Beatport Link">
</a><!-- /Beatport link -->
<a href="https://www.traxsource.com/artist/583473/alejandro-maria" data-toggle="tooltip" title="Traxsource" target="_blank">
<img class="footer__img-redes" src="./imagenes/traxsource-logo-only.png" alt="Traxsource Link">
</a><!-- /#Traxsource link -->
</div><!-- /.Links -->
<h3>© 2022 Music by Alejandro Maria, All rights reserved.</h3>
<p>Buenos Aires, Argentina</p>
</div>
</footer><!-- /Footer -->
<!-- Boostrap JS -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
<!-- /Boostrap JS -->
<!-- js loader -->
<script type="text/javascript">
$(window).load(function() {
$(".loader").fadeOut("slow");
});
</script>
<!-- /js loader -->
<script>//header fijo para todas las pantallas
// Mobile Navigation
if ($('#nav-menu-container').length) {
var $mobile_nav = $('#nav-menu-container').clone().prop({
id: 'mobile-nav'
});
$mobile_nav.find('> ul').attr({
'class': '',
'id': ''
});
$('body').append($mobile_nav);
$('body').prepend('<button type="button" id="mobile-nav-toggle"><i class="fa fa-bars" style="color:white"></i></button>');
$('body').append('<div id="mobile-body-overly"></div>');
$('#mobile-nav').find('.menu-has-children').prepend('<i class="fa fa-chevron-down"></i>');
$(document).on('click', '.menu-has-children i', function(e) {
$(this).next().toggleClass('menu-item-active');
$(this).nextAll('ul').eq(0).slideToggle();
$(this).toggleClass("fa-chevron-up fa-chevron-down");
});
$(document).on('click', '#mobile-nav-toggle', function(e) {
$('body').toggleClass('mobile-nav-active');
$('#mobile-nav-toggle i').toggleClass('fa-times fa-bars');
$('#mobile-body-overly').toggle();
});
$(document).click(function(e) {
var container = $("#mobile-nav, #mobile-nav-toggle");
if (!container.is(e.target) && container.has(e.target).length === 0) {
if ($('body').hasClass('mobile-nav-active')) {
$('body').removeClass('mobile-nav-active');
$('#mobile-nav-toggle i').toggleClass('fa-times fa-bars');
$('#mobile-body-overly').fadeOut();
}
}
});
} else if ($("#mobile-nav, #mobile-nav-toggle").length) {
$("#mobile-nav, #mobile-nav-toggle").hide();
}
// Smooth scroll for the menu and links with .scrollto classes
$('.nav-menu a, #mobile-nav a, .scrollto').on('click', function() {
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
var target = $(this.hash);
if (target.length) {
var top_space = 0;
if ($('#header').length) {
top_space = $('#header').outerHeight();
if( ! $('#header').hasClass('header-fixed') ) {
top_space = top_space - 20;
}
}
$('html, body').animate({
scrollTop: target.offset().top - top_space
}, 1500, 'easeInOutExpo');
if ($(this).parents('.nav-menu').length) {
$('.nav-menu .menu-active').removeClass('menu-active');
$(this).closest('li').addClass('menu-active');
}
if ($('body').hasClass('mobile-nav-active')) {
$('body').removeClass('mobile-nav-active');
$('#mobile-nav-toggle i').toggleClass('fa-times fa-bars');
$('#mobile-body-overly').fadeOut();
}
return false;
}
}
});
</script>
<script async>
(function(s,u,m,o,j,v){j=u.createElement(m);v=u.getElementsByTagName(m)[0];j.async=1;j.src=o;j.dataset.sumoSiteId='60d6b7f779ea60ae3605f1cbb551f4086d952a25b50cfa0b03a9cb806419edd0';v.parentNode.insertBefore(j,v)})(window,document,'script','//load.sumo.com/');
</script>
<script>//header dinamico
$("#header").hide();
$(window).scroll(function() {
if ($(this).scrollTop() > 150) {
$('#header').slideDown(0);
$('#header-full').slideUp(0);
} else {
$('#header').slideUp(0);
$('#header-full').slideDown(0);
}
});
</script>
<script>
window.addEventListener("load", event => {
const loader = document.querySelector(".loader-wrapper");
setTimeout(() => {
loader.classList.add("hidden");
}, 800);
})
</script>
</body>
</html>