-
Notifications
You must be signed in to change notification settings - Fork 0
/
discografia.html
152 lines (139 loc) · 10.9 KB
/
discografia.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="/img/favicon.ico" rel="shortcut icon" type="image/x-icon">
<title>Mor no le temas al programming</title>
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<div class="degradado">
<span class="span_logo">
<img class="img_logo" src="img/lentesFerxxo.png" alt="Logo de Ferxxo">
</span>
<nav>
<div class="div_nav">
<a class="btn_nav" href="index.html">Inicio</a>
<a class="btn_nav" href="discografia.html">Discografía</a>
<a class="btn_nav" href="escuchar.html">Escuchar</a>
<a class="btn_nav" href="creditos.html">Créditos</a>
</div>
</nav>
</div>
<div class="contenedor_grid">
<section class="centrado">
<img class="img_discografia" src="img/6. ferxxocalipsis.jpg" alt="Portada Ferxxocalipsis">
<h1>Ferxxocalipsis</h1>
<h2>2023</h2>
<a class="btn_discografia" href="https://open.spotify.com/intl-es/album/0lgs2Sa82lyX89nBUWyUy6?si=tKkbX2bgSaSREKsGHHbC4Q" target="_blank" rel="noopener">Escuchar</a>
</section>
<section class="centrado">
<img class="img_discografia" src="img/5. Mor No Le Temas a la Oscuridad.jpeg" alt="Portada Mor No Le Temas A La Oscuridad">
<h1>Mor, No le Temas a la Oscuridad</h1>
<h2>2023</h2>
<a class="btn_discografia" href="https://open.spotify.com/intl-es/album/16ScBmKm5WA3RwvTqiQlJd?si=7h2tjvPtQleqlnCp1sm-Fw" target="_blank" rel="noopener">Escuchar</a>
</section>
<section class="centrado">
<img class="img_discografia" src="img/3. Feliz Cumpleaños Ferxxo.jpeg" alt="Portada Feliz Cumpleaños Ferxxo">
<h1>Feliz Cumpleaños Ferxxo Te Pirateamos El Albúm</h1>
<h2>2022</h2>
<a class="btn_discografia" href="https://open.spotify.com/album/7pijRxgRaBirPz6wDaJIp9?si=grCtlNVsT4KX0tmUZCf_hQ" target="_blank" rel="noopener">Escuchar</a>
</section>
<section class="centrado">
<img class="img_discografia" src="img/4. Sixdo.jpg" alt="Portada Sixdo">
<h1>Sixdo</h1>
<h2>2022</h2>
<a class="btn_discografia" href="https://open.spotify.com/intl-es/album/31L7J7AO993tSBxAunoeoa?si=e1a244034d2343d3" target="_blank" rel="noopener">Escuchar</a>
</section>
<section class="centrado">
<img class="img_discografia" src="img/2. Intershibuya.jpg" alt="Portada Intershibuya">
<h1>Intershibuya</h1>
<h2>2021</h2>
<a class="btn_discografia" href="https://open.spotify.com/album/0kI46dzlikgAVpJ6LdkbJE?si=OQKr_Of8QSiJha8bcbuu5g" target="_blank" rel="noopener">Escuchar</a>
</section>
<section class="centrado">
<img class="img_discografia" src="img/1. Ferxxo Vol 1.jpg" alt="Portada Ferxxo Vol. 1">
<h1>Ferxxo Vol. 1</h1>
<h2>2020</h2>
<a class="btn_discografia" href="https://open.spotify.com/album/3js3vnaiDDghVu9ADH93Q5?si=WDFbT0baQsi9J2vUNpXtWA" target="_blank" rel="noopener">Escuchar</a>
</section>
<section class="centrado">
<img class="img_discografia" src="img/7. 19.jpg" alt="Portada 19">
<h1>19</h1>
<h2>2019</h2>
<a class="btn_discografia" href="https://open.spotify.com/album/56dHJTQQ8lMGgBegxfYVDM?si=A2_WbjxTRNGYJIwKfucc2g" target="_blank" rel="noopener">Escuchar</a>
</section>
<section class="centrado">
<img class="img_discografia" src="img/8. Asi Como Suena.jpeg" alt="Portada Asi Como Suena">
<h1>Asi Como Suena</h1>
<h2>2017</h2>
<a class="btn_discografia" href="https://open.spotify.com/album/6fgCoE70eE6bPQLrkcLVS9?si=3_fJDVDTR4ONT4yTJ3zn4Q" target="_blank" rel="noopener">Escuchar</a>
</section>
</div>
<footer class="degradado_footer">
<div class="contenedor_iconos">
<a class="link_nav" target="_blank" href="https://www.instagram.com/feid/" rel="noopener" title="Instagram Feid">
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 74 74" fill="none">
<g clip-path="url(#clip0_9_303)">
<path d="M12.3333 24.6667C12.3333 21.3957 13.6327 18.2586 15.9457 15.9457C18.2586 13.6327 21.3957 12.3333 24.6667 12.3333H49.3333C52.6043 12.3333 55.7414 13.6327 58.0543 15.9457C60.3673 18.2586 61.6667 21.3957 61.6667 24.6667V49.3333C61.6667 52.6043 60.3673 55.7414 58.0543 58.0543C55.7414 60.3673 52.6043 61.6667 49.3333 61.6667H24.6667C21.3957 61.6667 18.2586 60.3673 15.9457 58.0543C13.6327 55.7414 12.3333 52.6043 12.3333 49.3333V24.6667Z" stroke="#14FF00" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M27.75 37C27.75 39.4533 28.7245 41.806 30.4593 43.5407C32.194 45.2754 34.5467 46.25 37 46.25C39.4533 46.25 41.806 45.2754 43.5407 43.5407C45.2754 41.806 46.25 39.4533 46.25 37C46.25 34.5467 45.2754 32.194 43.5407 30.4593C41.806 28.7245 39.4533 27.75 37 27.75C34.5467 27.75 32.194 28.7245 30.4593 30.4593C28.7245 32.194 27.75 34.5467 27.75 37Z" stroke="#14FF00" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M50.875 23.125V23.1558" stroke="#14FF00" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_9_303">
<rect width="74" height="74" fill="white"/>
</clipPath>
</defs>
</svg>
</a>
<a class="link_nav" target="_blank" href="https://www.tiktok.com/@ferxxo444" rel="noopener" title="Tiktok Feid">
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 73 74" fill="none">
<g clip-path="url(#clip0_9_318)">
<path d="M63.875 24.4107V36.8489C58.3576 36.294 53.0967 34.2131 48.6667 30.8333V44.7083C48.6658 48.4735 47.6188 52.1622 45.6454 55.352C43.672 58.5418 40.8521 61.1035 37.5088 62.7438C34.1655 64.384 30.434 65.0364 26.7419 64.6263C23.0497 64.2161 19.5462 62.7598 16.6328 60.4245C13.7193 58.0891 11.5137 54.969 10.2687 51.4217C9.02376 47.8743 8.7897 44.0432 9.59338 40.3673C10.3971 36.6913 12.206 33.3192 14.8129 30.6373C17.4198 27.9553 20.7193 26.072 24.3333 25.2032V38.5417C23.2964 39.33 22.4755 40.374 21.9485 41.5744C21.4215 42.7749 21.206 44.092 21.3224 45.4006C21.4388 46.7092 21.8833 47.966 22.6136 49.0515C23.3439 50.137 24.3358 51.0153 25.4951 51.6029C26.6545 52.1905 27.9428 52.4679 29.2376 52.4089C30.5325 52.3498 31.791 51.9562 32.8936 51.2654C33.9962 50.5747 34.9063 49.6096 35.5375 48.462C36.1687 47.3144 36.5 46.0223 36.5 44.7083V9.25H48.9191C49.5525 13.0376 51.3323 16.5317 54.012 19.2481C56.6917 21.9645 60.1386 23.7687 63.875 24.4107Z" stroke="#14FF00" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_9_318">
<rect width="73" height="74" fill="white"/>
</clipPath>
</defs>
</svg>
</a>
<a class="link_nav" target="_blank" href="https://ferxxop.com/" rel="noopener" title="Tienda Feid">
<img class="logo_footer" src="img/ferxxoGhost.png" alt="Logo de Feid">
</a>
<a class="link_nav" target="_blank" href="http://www.youtube.com/@Feid" rel="noopener" title="Youtube Feid">
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 73 74" fill="none">
<g clip-path="url(#clip0_9_314)">
<path d="M6.08334 24.6667C6.08334 21.3957 7.36518 18.2586 9.64687 15.9457C11.9286 13.6327 15.0232 12.3333 18.25 12.3333H54.75C57.9768 12.3333 61.0714 13.6327 63.3531 15.9457C65.6348 18.2586 66.9167 21.3957 66.9167 24.6667V49.3333C66.9167 52.6043 65.6348 55.7414 63.3531 58.0543C61.0714 60.3673 57.9768 61.6667 54.75 61.6667H18.25C15.0232 61.6667 11.9286 60.3673 9.64687 58.0543C7.36518 55.7414 6.08334 52.6043 6.08334 49.3333V24.6667Z" stroke="#14FF00" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M30.4167 27.75L45.625 37L30.4167 46.25V27.75Z" stroke="#14FF00" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_9_314">
<rect width="73" height="74" fill="white"/>
</clipPath>
</defs>
</svg>
</a>
<a class="link_nav" target="_blank" href="https://open.spotify.com/intl-es/artist/2LRoIwlKmHjgvigdNGBHNo?si=13o2jktxQ9mNOAYutqm8Tg" rel="noopener" title="Spotify Feid">
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 74 72" fill="none">
<g clip-path="url(#clip0_9_308)">
<path d="M9.25 35.7575C9.25 39.2793 9.96777 42.7666 11.3623 46.0203C12.7569 49.274 14.801 52.2304 17.3778 54.7207C19.9546 57.211 23.0137 59.1864 26.3805 60.5342C29.7473 61.8819 33.3558 62.5756 37 62.5756C40.6442 62.5756 44.2527 61.8819 47.6195 60.5342C50.9862 59.1864 54.0454 57.211 56.6222 54.7207C59.199 52.2304 61.2431 49.274 62.6377 46.0203C64.0322 42.7666 64.75 39.2793 64.75 35.7575C64.75 32.2357 64.0322 28.7483 62.6377 25.4946C61.2431 22.2409 59.199 19.2845 56.6222 16.7942C54.0454 14.3039 50.9862 12.3285 47.6195 10.9808C44.2527 9.63303 40.6442 8.93936 37 8.93936C33.3558 8.93936 29.7473 9.63303 26.3805 10.9808C23.0137 12.3285 19.9546 14.3039 17.3778 16.7942C14.801 19.2845 12.7569 22.2409 11.3623 25.4946C9.96777 28.7483 9.25 32.2357 9.25 35.7575Z" stroke="#14FF00" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M24.6667 35.677C32.375 31.2878 41.625 32.7777 47.7917 37.2474" stroke="#14FF00" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M27.75 44.6968C32.375 41.717 40.0833 41.717 43.1667 46.1867" stroke="#14FF00" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M21.5833 26.8181C27.75 23.8383 40.0833 20.8585 52.4167 28.308" stroke="#14FF00" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_9_308">
<rect width="74" height="71.5149" fill="white"/>
</clipPath>
</defs>
</svg>
</a>
</div>
<span class="span_footer">
<p class="p_footer">COPYRIGHT 2023. TODOS LOS DERECHOS RESERVADOS</p>
</span>
</footer>
</body>
</html>