forked from edujbarrios/eyemadmusicwebsite
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
167 lines (136 loc) · 6.7 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>EyeMad WebPage</title>
<link href="https://fonts.googleapis.com/css2?family=Product+Sans:wght@400;700&family=Roboto+Slab:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/styles.css">
</head>
<header class="hero">
<div class="hero-content">
<h1>@eyemadmusic</h1>
<p>Experience <span class="highlight">Mad Vibes</span> for All Kinds</p>
<a href="index_esp/index_esp.html" class="translate-button">Traducir al Castellano 🇪🇸</a>
<a href="#biography" class="btn">Explore More <i class="fas fa-arrow-right"></i></a>
</div>
</header>
<body>
<div id="menuToggle" class="menu-icon">
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
</div>
<div id="menu" class="hidden">
<a href="#biography">Biography</a>
<a href="#streaming-links">Find Me On</a>
<a href="#artist-playlist">Artist Playlists & Posts</a>
<a href="#services">Services</a>
</div>
<header>
<img src="images/logoo.png" alt="Logo" />
</header>
<section id="biography">
<h2>Biography</h2>
<img src="images/main.png" alt="EyeMad" width="200">
<p>Eduardo José Barrios García, professionally known as EyeMad, is an accomplished composer and music producer hailing from Tenerife, Spain. From a young age, he exhibited a profound interest in the multifaceted landscape of music, particularly inspired by the emotionally resonant melodies of early 21st-century Spanish Pop and Rock music. This inspiration guided his creative journey, as he sought to imbue his compositions with similar emotional depth and intricate sound design.</p>
<p>Driven by an intrinsic passion for musical expression, EyeMad undertook formal training in guitar and music theory. Leveraging these foundational skills, he has since cultivated a unique musical voice, pushing the boundaries of conventional genres to create an audibly distinct and emotionally resonant sonic palette.</p>
<p>EyeMad's career trajectory can be characterized as a continual quest for musical innovation. With a commitment to artistic evolution, he consistently seeks to update and modernize existing soundscapes. His innovative approach has positioned him as a burgeoning talent in a diverse array of genres, including but not limited to Reggaeton, Dancehall, Progressive House, and Deep House. As he continues to forge his path in the music industry, EyeMad promises to be a transformative figure for years to come.</p>
<div id="photo"></div>
</section>
<section id="streaming-links">
<h2>Find Me On</h2>
<a href="https://open.spotify.com/intl-es/artist/2C15mEsXxAqiKWKG4skXHY" target="_blank">Spotify</a>
<a href="https://soundcloud.com/eyemadmusic" target="_blank">SoundCloud</a>
<a href="https://music.apple.com/es/artist/eyemad/1498674535" target="_blank">Apple Music</a>
<a href="https://www.instagram.com/eyemadmusic/" target="_blank">Instagram</a>
</section>
<section id="artist-playlist">
<h2>Artist Playlists</h2>
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/2CdCwjMKxSoUktPcbTV3tY?utm_source=generator&theme=0" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
</section>
<section id="pre-save">
<h2>New Content</h2>
<a href="https://EyeMadxBeatmad.lnk.to/OpenRoad" target="_blank" class="pre-save-link">Stream "Open Road" at Paraiso and Warner Music Benelux</a>
</section>
<section id="milestones">
<h2>Milestones</h2>
<button role="button" class="golden-button">
<span class="golden-text">+1M streams on 2024</span>
</button>
<h2>Recent Releases</h2>
<section id="posts">
<a href="https://open.spotify.com/intl-es/track/62F0Yh1vPmekAClNvxx3lo?si=3b2df7a95c034043" target="_blank">
<div class="post-card">
<h3>Listen "Muse"</h3>
<img src="images/muse.jpeg" alt="Imagen del Post 2">
<p>A deep adventure into sounds and vibes thanks to Organic House fusion track </p>
</div>
</a>
<a href="https://open.spotify.com/intl-es/track/3kKlJr3EisMQXl843sEMsS?si=c8a749bc6e23494e" target="_blank">
<div class="post-card">
<h3>Listen "Say A Word"</h3>
<img src="images/sayaword.png" alt="Imagen del Post 2">
<p>"Say a Word" about this majestic deep guitar house song! </p>
</div>
</a>
<a href="https://open.spotify.com/intl-es/track/2wZ5jupmlzeIbXkXUJaMd3?si=59798a2f5f124970" target="_blank">
<div class="post-card">
<h3>Listen "You"</h3>
<img src="images/you.png" alt="Imagen del Post 2">
<p>A perfect chill summer song to enhance your workflow.</p>
</div>
</a>
<a href="https://open.spotify.com/intl-es/track/4G3gRYipFMzIDJGrMyPavh?si=f1e1a190861f4f69" target="_blank">
<div class="post-card">
<h3>Listen "Summer Days"</h3>
<img src="images/summer.png" alt="Imagen del Post 2">
<p>Summer Vibes portrayed into a song.</p>
</div>
</a>
<a href="https://open.spotify.com/intl-es/track/1BeRiki6GCuUQaqcwcl4jX?si=4b038afdf18145ca" target="_blank">
<div class="post-card">
<h3>Listen "IFSG"</h3>
<img src="images/I.png" alt="Imagen del Post 2">
<p>Want to Feel Good while listening to a song? </p>
</div>
</a>
<a href="https://open.spotify.com/intl-es/track/0d6xmZXV9U2tCYbbQo7qGe?si=34a9fae5abff4f93" target="_blank">
<div class="post-card">
<h3>Listen "Collide"</h3>
<img src="images/collide.png" alt="Imagen del Post 2">
<p>The perfect song to listen to if you are in a romantic mood ❤️ </p>
</div>
</a>
</section>
<section id="services">
<h2>Services</h2>
<section id="Services">
<div class="card">
<div class="content">
<div class="title">Open to projects of any kind</div>
<div class="description">Getting a powerful mix helps a producer or Artist/Singer to get the best on their productions, or even producing it myself for you. If you like how my songs are made, feel free to contact me and let's discuss your thoughts :)</div>
</div>
<button id="contactButton">Contact Me</button>
</div>
</section>
</section>
<!-- Footer Section -->
<footer class="footer">
<div class="container">
<a href="#hero" class="back-to-top" aria-label="go back to top">
<i class="fa fa-angle-up fa-2x" aria-hidden="true"></i>
</a>
<hr />
<p class="footer__text">
© <span id="year"></span> EyeMad Music. All Rights Reserved. <br />
</p>
</div>
</footer>
<script>
document.getElementById("contactButton").addEventListener("click", function() {
window.location.href = "mailto:[email protected]";
});
</script>
<script src="js/script.js"></script>
</body>
</html>