PageSourceSearch

https://www.blackholerecordings.com/

html blackholerecordings.com collected 2026-10-02 04:21:35 UTC 88,547 bytes, 1,546 lines download raw bytes

1<!doctype html>
2<html class="scroll-smooth" lang="en">
3
4<head>
5    <meta charset="utf-8">
6    <meta http-equiv="X-UA-Compatible" content="IE=edge">
7    <meta name="viewport" content="width=device-width, initial-scale=1">
8    <title>Black Hole Recordings</title>
9<meta name="description" content="">
10<meta property="og:title" content="Black Hole Recordings" />
11<meta property="og:description" content="" />
12<meta property="og:url" content="https://www.blackholerecordings.com" />
13<meta property="og:site_name" content="Black Hole Recordings" />
14<meta property="og:type" content="website" />
15<meta property="og:locale" content="en_US" />
16    <link rel="stylesheet" href="/css/tailwind.css?id=fa70be702bdf380dd5ab9af01b00f518">
17    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"
18        integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g=="
19        crossorigin="anonymous" referrerpolicy="no-referrer" />
20    <link rel="icon" href="assets/logo/favicon.ico" type="image/x-icon">
21    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css"/>
22    <!-- Google Tag Manager -->
23    
23<script>
vendor: 330 bytes, lines 23-24
23
24      (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','
24GTM-T56B9ZD
vendor: 8 bytes, lines 24-25
24');
25    
25</script>
25
26    <!-- End Google Tag Manager -->
27
28    
28<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
28
29    <style>
30      @font-face {
31        font-display: block;
32        font-family: Roboto;
33        src: url(https://assets.sendinblue.com/font/Roboto/Latin/normal/normal/7529907e9eaf8ebb5220c5f9850e3811.woff2) format("woff2"), url(https://assets.sendinblue.com/font/Roboto/Latin/normal/normal/25c678feafdc175a70922a116c9be3e7.woff) format("woff")
34      }
35
36      @font-face {
37        font-display: fallback;
38        font-family: Roboto;
39        font-weight: 600;
40        src: url(https://assets.sendinblue.com/font/Roboto/Latin/medium/normal/6e9caeeafb1f3491be3e32744bc30440.woff2) format("woff2"), url(https://assets.sendinblue.com/font/Roboto/Latin/medium/normal/71501f0d8d5aa95960f6475d5487d4c2.woff) format("woff")
41      }
42
43      @font-face {
44        font-display: fallback;
45        font-family: Roboto;
46        font-weight: 700;
47        src: url(https://assets.sendinblue.com/font/Roboto/Latin/bold/normal/3ef7cf158f310cf752d5ad08cd0e7e60.woff2) format("woff2"), url(https://assets.sendinblue.com/font/Roboto/Latin/bold/normal/ece3a1d82f18b60bcce0211725c476aa.woff) format("woff")
48      }
49
50      #sib-container input:-ms-input-placeholder {
51        text-align: left;
52        font-family: "Helvetica", sans-serif;
53        color: #c0ccda;
54      }
55
56      #sib-container input::placeholder {
57        text-align: left;
58        font-family: "Helvetica", sans-serif;
59        color: #c0ccda;
60      }
61
62      #sib-container textarea::placeholder {
63        text-align: left;
64        font-family: "Helvetica", sans-serif;
65        color: #c0ccda;
66      }
67    </style>
68    <link rel="stylesheet" href="https://sibforms.com/forms/end-form/build/sib-styles.css">
69
70    
70<script type="module" src="https://cdn.jsdelivr.net/npm/@justinribeiro/[email protected]/lite-youtube.js"></script>
70
71
72    <!-- Hotjar Tracking Code for Black Hole Recordings -->
73    
73<script>
vendor: 131 bytes, lines 73-76
73
74      (function(h,o,t,j,a,r){
75          h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
76          h._hjSettings={hjid:
763282172
vendor: 272 bytes, lines 76-82
76,hjsv:6};
77          a=o.getElementsByTagName('head')[0];
78          r=o.createElement('script');r.async=1;
79          r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
80          a.appendChild(r);
81      })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
82    
82</script>
82
83</head>
84
85<body class="bg-white relative h-fit font-poppinsRegular">
86  <!-- Google Tag Manager (noscript) -->
vendor: 79 bytes, lines 86-88
86
87    <noscript>
88      <iframe src="https://www.googletagmanager.com/ns.html?id=
88GTM-T56B9ZD
vendor: 96 bytes, lines 88-91
88"height="0" width="0" style="display:none;visibility:hidden">
89      </iframe>
90    </noscript>
91  
91<!-- End Google Tag Manager (noscript) -->
92    <header class="site-nav bg-neutral-900 fixed top-0 w-full h-fit z-10 py-1 transition-transform">
93      <div class="xl:max-w-7xl xl:mx-auto large-screen">
94        <div class="fix-screen flex justify-between mx-6 md:flex-col md:items-center md:space-x-4 md:space-y-4 md:pb-2 md:mx-0 lg:flex-row xl:flex-row xl:mx-4 xl:ml-6 2xl:flex-row 2xl:mx-0">
95          <!-- Logo -->
96          <div class="my-auto md:mt-2 md:mb-0">
97              <a href="/">
98                <img class="w-auto h-10 object-contain" src="/assets/logo/black-hole-logo-2023.png" alt="Black Hole Recordings">
99              </a>             
100          </div>
101          <!-- Nav links -->
102          <div class="flex items-center">
103            <input type="checkbox" name="hamburger" id="hamburger" class="peer hidden"/>
104<label for="hamburger" class="peer-checked:hamburger cursor-pointer block relative z-20 p-4 md:hidden lg:hidden xl:hidden 2xl:hidden">
105    <div aria-hidden="true" class="m-auto h-0.5 w-8 rounded bg-white transition duration-300"></div>
106    <div aria-hidden="true" class="mt-2 h-0.5 w-6 rounded bg-white transition duration-300"></div>
107    <div aria-hidden="true" class="mt-2 h-0.5 w-4 rounded bg-white transition duration-300"></div>
108</label>
109           
110
111            <div class="peer-checked:translate-x-0 fixed inset-0 w-[calc(100%-4.5rem)] translate-x-[-100%] z-40 bg-neutral-900 shadow-xl transition duration-300 md:static md:border-0 md:w-auto md:translate-x-0 lg:border-0 lg:w-auto lg:static lg:shadow-none lg:translate-x-0 xl:static xl:border-0 xl:w-auto xl:translate-x-0 2xl:static 2xl:border-0 2xl:translate-x-0 2xl:w-auto">
112                <div class="flex flex-col h-full justify-between md:items-center md:flex-row md:space-x-12 lg:items-center lg:flex-row lg:space-x-12 xl:items-center xl:flex-row xl:space-x-12 2xl:items-center 2xl:flex-row 2xl:space-x-12">
113                   <ul class="flex flex-col items-center justify-center pt-32 space-y-8 md:flex-row md:space-x-6 md:space-y-0 md:p-0 md:-mr-6 lg:flex lg:flex-row lg:space-x-6 lg:space-y-0 lg:p-0 xl:flex-row xl:space-x-6 xl:space-y-0 xl:p-0 2xl:flex-row 2xl:space-x-6 2xl:space-y-0 2xl:p-0">
114    
115      
116        <li>
117          <a href="/music" class="!font-poppinsMedium  ">
118            <span class="relative text-white  hover:text-red-600">Music</span>
119          </a>
120        </li>
121      
122        <li>
123          <a href="/playlists" class="!font-poppinsMedium  ">
124            <span class="relative text-white  hover:text-red-600">Playlists</span>
125          </a>
126        </li>
127      
128        <li>
129          <a href="/labels" class="!font-poppinsMedium  ">
130            <span class="relative text-white  hover:text-red-600">Labels</span>
131          </a>
132        </li>
133      
134        <li>
135          <a href="/artists" class="!font-poppinsMedium  ">
136            <span class="relative text-white  hover:text-red-600">Artists</span>
137          </a>
138        </li>
139      
140        <li>
141          <a href="/news" class="!font-poppinsMedium  ">
142            <span class="relative text-white  hover:text-red-600">News</span>
143          </a>
144        </li>
145      
146        <li>
147          <a href="/about-us" class="!font-poppinsMedium  ">
148            <span class="relative text-white  hover:text-red-600">About us</span>
149          </a>
150        </li>
151      
152    
153</ul>
154  
155                    <div class="flex flex-col justify-center items-center border-t py-8 px-6 md:flex-row md:border-0 md:p-0 md:space-x-1 lg:flex-row lg:space-x-4 lg:pr-4 lg:border-0 lg:p-0 xl:flex-row xl:space-x-4 xl:pr-4 xl:border-0 xl:p-0 2xl:flex-row 2xl:space-x-4 2xl:border-0 2xl:p-0">
156    <!-- Social media -->
157    <div class="share-button">
158        <span class="capitalize h-full text-center leading-7">
159            get in touch
160        </span> 
161        <a target="_blank" href="https://open.spotify.com/user/blackholerecordings">
162            <i class="fab fa-spotify"></i>
163        </a>
164        <a target="_blank" href="https://youtube.com/blackholerecordings">
165            <i class="fab fa-youtube"></i>
166        </a>
167        <a target="_blank" href="https://facebook.com/blackholerecordings">
168            <i class="fab fa-facebook-f"></i>
169        </a>
170        <a target="_blank" href="https://www.instagram.com/blackholerecordings/?hl=nl">
171            <i class="fab fa-instagram"></i>
172        </a>
173        <a target="_blank" href="https://www.deezer.com/search/black%20hole%20recordings/playlist">
174            <i class="fab fa-deezer"></i>
175        </a>
176        <a target="_blank" href="https://soundcloud.com/blackholerecordings">
177            <i class="fab fa-soundcloud"></i>
178        </a>
179    </div>
180    <div class="flex space-x-2 mt-4 md:mt-0 lg:mt-0 xl:mt-0 2xl:mt-0">
181        <!-- Search -->
182        <a href="/search">
183            <svg class="h-6 w-6 text-gray-100" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
184              <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
185            </svg>
186        </a>
187        <!-- Shop -->
188        <a href="https://magikmuzik.shop" target="_blank">
189            <svg class="h-6 w-6 flex-shrink-0 text-gray-100" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
190              <path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z" />
191            </svg>
192        </a>
193    </div>
194</div>
195                </div>
196            </div>
197          </div>
198        </div>
199      </div>
200    </header>
201    <main id="maincontent" class="min-h-screen">
202     <!-- Banner -->
203<div class="bg-neutral-900 text-white">
204  <div class="carousel">
205    <button class="banner__button banner__button--left">
206      <i class="fas fa-angle-left"></i>
207    </button>
208    <div class="banner__track-container mx-auto max-w-[93%] md:pt-8 lg:pt-10 xl:max-w-[77em]">
209      <div class="banner__track">
210        
211            <div class="banner__slide current-banner flex flex-col items-center lg:flex-row xl:flex-row 2xl:flex-row">
212              <div class="flex flex-col space-y-8 mac-screen-1 lg-pad-left text-center md:mx-16 md:mt-8 lg:w-1/2 lg:text-left xl:my-auto xl:text-left 2xl:text-left">
213  
214                <div class="flex flex-col space-y-4 xl:w-[500px] 2xl:w-[500px] 2xl:pr-2 large-description">
215                  <h1 class="large-title !mb-0 xs:text-center">Markus Schulz</h1>
216                  <h1 class="large-title !mt-0 xs:text-center">In Search Of Sunrise 22</h1>
217                  <div class="xs:px-6 xs:text-center text-white"><p>The legendary compilation returns.</p>
218</div>
219                </div>
220                
221                <div class="text-m mx-auto cta md:mx-0 lg:mx-0 xl:mx-0 2xl:mx-0">
222                  
223                    <a target="_blank" href="https://blackhole.lnk.to/isos22" class="my-2 px-4 py-2 whitespace-nowrap rounded-sm shadow-sm text-base hover:bg-red-700 !font-poppinsMedium text-white bg-red-600">
224                    Discover Here
225                    <i class="fa-solid fa-arrow-right"></i>
226                    </a>
227                  
228                </div>
229                
230              </div>
231
232              <div class="swiper mySwiper mx-auto">
233                <div class="swiper-wrapper">
234                  
235                  <div class="swiper-slide">
236                    <a target="_blank" href="https://blackhole.lnk.to/isos22">
237                        
238                        <img class="block w-full" src="/assets/isos22-website-banner.jpg" alt="">
239                      
240                    </a>
241                  </div>
242                  
243                </div>
244                <div class="swiper-pagination"></div>
245              </div>
246               
247            </div>   
248        
249            <div class="banner__slide current-banner flex flex-col items-center lg:flex-row xl:flex-row 2xl:flex-row">
250              <div class="flex flex-col space-y-8 mac-screen-1 lg-pad-left text-center md:mx-16 md:mt-8 lg:w-1/2 lg:text-left xl:my-auto xl:text-left 2xl:text-left">
251  
252                <div class="flex flex-col space-y-4 xl:w-[500px] 2xl:w-[500px] 2xl:pr-2 large-description">
253                  <h1 class="large-title !mb-0 xs:text-center">In Trance We Trust x ADE 2026</h1>
254                  <h1 class="large-title !mt-0 xs:text-center"></h1>
255                  <div class="xs:px-6 xs:text-center text-white"><p>After 8 years, In Trance We Trust returns on Wednesday, October 21st.</p>
256</div>
257                </div>
258                
259                <div class="text-m mx-auto cta md:mx-0 lg:mx-0 xl:mx-0 2xl:mx-0">
260                  
261                    <a target="_blank" href="https://weeztix.shop/7ts337yk" class="my-2 px-4 py-2 whitespace-nowrap rounded-sm shadow-sm text-base hover:bg-red-700 !font-poppinsMedium text-white bg-red-600">
262                    Buy Tickets
263                    <i class="fa-solid fa-arrow-right"></i>
264                    </a>
265                  
266                </div>
267                
268              </div>
269
270              <div class="swiper mySwiper mx-auto">
271                <div class="swiper-wrapper">
272                  
273                  <div class="swiper-slide">
274                    <a target="_blank" href="https://weeztix.shop/7ts337yk">
275                        
276                        <img class="block w-full" src="/assets/itwt-ade-2026-lineup-artwork-1080x1350.jpg" alt="">
277                      
278                    </a>
279                  </div>
280                  
281                </div>
282                <div class="swiper-pagination"></div>
283              </div>
284               
285            </div>   
286        
287            <div class="banner__slide current-banner flex flex-col items-center lg:flex-row xl:flex-row 2xl:flex-row">
288              <div class="flex flex-col space-y-8 mac-screen-1 lg-pad-left text-center md:mx-16 md:mt-8 lg:w-1/2 lg:text-left xl:my-auto xl:text-left 2xl:text-left">
289  
290                <div class="flex flex-col space-y-4 xl:w-[500px] 2xl:w-[500px] 2xl:pr-2 large-description">
291                  <h1 class="large-title !mb-0 xs:text-center">Blueprint Reprinted</h1>
292                  <h1 class="large-title !mt-0 xs:text-center">Ferry Corsten</h1>
293                  <div class="xs:px-6 xs:text-center text-white"><p>Incl. Giuseppe Ottaviani, Matt Fax, HEL:SLØWED and FERRY himself</p>
294</div>
295                </div>
296                
297                <div class="text-m mx-auto cta md:mx-0 lg:mx-0 xl:mx-0 2xl:mx-0">
298                  
299                    <a target="_blank" href="https://blackhole.lnk.to/bpreprinted" class="my-2 px-4 py-2 whitespace-nowrap rounded-sm shadow-sm text-base hover:bg-red-700 !font-poppinsMedium text-white bg-red-600">
300                    Listen or download here
301                    <i class="fa-solid fa-arrow-right"></i>
302                    </a>
303                  
304                </div>
305                
306              </div>
307
308              <div class="swiper mySwiper mx-auto">
309                <div class="swiper-wrapper">
310                  
311                  <div class="swiper-slide">
312                    <a target="_blank" href="https://blackhole.lnk.to/bpreprinted">
313                        
314                        <img class="block w-full" src="/assets/black-hole-1668-frontpage-banner.jpg" alt="">
315                      
316                    </a>
317                  </div>
318                  
319                </div>
320                <div class="swiper-pagination"></div>
321              </div>
322               
323            </div>   
324        
325            <div class="banner__slide current-banner flex flex-col items-center lg:flex-row xl:flex-row 2xl:flex-row">
326              <div class="flex flex-col space-y-8 mac-screen-1 lg-pad-left text-center md:mx-16 md:mt-8 lg:w-1/2 lg:text-left xl:my-auto xl:text-left 2xl:text-left">
327  
328                <div class="flex flex-col space-y-4 xl:w-[500px] 2xl:w-[500px] 2xl:pr-2 large-description">
329                  <h1 class="large-title !mb-0 xs:text-center">Solarstone</h1>
330                  <h1 class="large-title !mt-0 xs:text-center">innermost</h1>
331                  <div class="xs:px-6 xs:text-center text-white"><p>New album by Solarstone titled &quot;innermost&quot;</p>
332</div>
333                </div>
334                
335                <div class="text-m mx-auto cta md:mx-0 lg:mx-0 xl:mx-0 2xl:mx-0">
336                  
337                    <a target="_blank" href="https://blackhole.lnk.to/innermost" class="my-2 px-4 py-2 whitespace-nowrap rounded-sm shadow-sm text-base hover:bg-red-700 !font-poppinsMedium text-white bg-red-600">
338                    Listen or download here
339                    <i class="fa-solid fa-arrow-right"></i>
340                    </a>
341                  
342                </div>
343                
344              </div>
345
346              <div class="swiper mySwiper mx-auto">
347                <div class="swiper-wrapper">
348                  
349                  <div class="swiper-slide">
350                    <a target="_blank" href="https://blackhole.lnk.to/innermost">
351                        
352                        <img class="block w-full" src="/assets/black-hole-cd-255-website.jpg" alt="">
353                      
354                    </a>
355                  </div>
356                  
357                </div>
358                <div class="swiper-pagination"></div>
359              </div>
360               
361            </div>   
362        
363      </div>
364    </div>
365    <button class="banner__button banner__button--right">
366      <i class="fas fa-angle-right"></i>
367    </button>
368    <div class="banner__nav">
369      <button class="banner__indicator current-banner"></button>
370      <button class="banner__indicator"></button>
371      <button class="banner__indicator"></button>
372    </div>
373  </div>
374  
375</div>
376<div class="xs:flex-col xs:items-center sm:flex-col sm:items-center pb-2.5 flex justify-center bg-neutral-900 text-white space-x-4">
377  <p class="xs:leading-7 sm:leading-7 text-xl font-bold text-center">Sign up to receive email updates</p>
378  <div class="sib-form !p-0 !z-0" id="form_sectie" style="text-align: center; background-color: transparent;                                 ">
379    <div id="sib-form-container" class="sib-form-container">
380        <div id="error-message" class="sib-form-message-panel"
381            style="font-size:16px; text-align:left; font-family:Helveticat, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;max-width:540px;">
382            <div class="sib-form-message-panel__text sib-form-message-panel__text--center">
383                <svg viewBox="0 0 512 512" class="sib-icon sib-notification__icon">
384                    <path
385                        d="M256 40c118.621 0 216 96.075 216 216 0 119.291-96.61 216-216 216-119.244 0-216-96.562-216-216 0-119.203 96.602-216 216-216m0-32C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm-11.49 120h22.979c6.823 0 12.274 5.682 11.99 12.5l-7 168c-.268 6.428-5.556 11.5-11.99 11.5h-8.979c-6.433 0-11.722-5.073-11.99-11.5l-7-168c-.283-6.818 5.167-12.5 11.99-12.5zM256 340c-15.464 0-28 12.536-28 28s12.536 28 28 28 28-12.536 28-28-12.536-28-28-28z" />
386                </svg>
387                <span class="sib-form-message-panel__inner-text">
388                    Your subscription could not be saved. Please try again.
389                </span>
390            </div>
391        </div>
392        <div></div>
393        <div id="success-message" class="sib-form-message-panel"
394            style="font-size:16px; text-align:left; font-family:Helvetica, sans-serif; color:#085229; background-color:#e7faf0; border-radius:3px; border-color:#13ce66;max-width:540px;">
395            <div class="sib-form-message-panel__text sib-form-message-panel__text--center">
396                <svg viewBox="0 0 512 512" class="sib-icon sib-notification__icon">
397                    <path
398                        d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 464c-118.664 0-216-96.055-216-216 0-118.663 96.055-216 216-216 118.664 0 216 96.055 216 216 0 118.663-96.055 216-216 216zm141.63-274.961L217.15 376.071c-4.705 4.667-12.303 4.637-16.97-.068l-85.878-86.572c-4.667-4.705-4.637-12.303.068-16.97l8.52-8.451c4.705-4.667 12.303-4.637 16.97.068l68.976 69.533 163.441-162.13c4.705-4.667 12.303-4.637 16.97.068l8.451 8.52c4.668 4.705 4.637 12.303-.068 16.97z" />
399                </svg>
400                <span class="sib-form-message-panel__inner-text">
401                    Your subscription has been successful.
402                </span>
403            </div>
404        </div>
405        <div></div>
406        <div class="sib-container--large sib-container--vertical bg-white mx-auto inline-block w-full"
407            style="text-align:center; background-color:#171717; max-width:540px; border-radius:2px; border-width:0px; border-color:#C0CCD9; border-style:solid;">
408            <form class="flex items-center" id="sib-form" method="POST" action="https://e53ddda9.sibforms.com/serve/MUIEAD5X4nb_lOJbYAamWOGWvTlu5o7Nrg4tZxEMfPdKMDB62NgH8hhtRACpmBxySrfYDI6MjyF6qDuYKo0jTxwSzJkCXsgcBVpWE7cu6RbsxGaDrGb0OysqpyalkrUY63bEUakfW2rCk-o-lhP5UAvhny7QB9A0aXqc_nsNpE0a-IY28UG1R7c2Wb2RseG9YhaAZaHnGJ2PftdZ" data-type="subscription">
409
410                <div class="form__entry entry_block">
411                    <div class="form__label-row">
412
413                        <div class="entry__field text-black sm:w-full md:w-[350px] lg:w-[350px] xl:w-[350px] 2xl:w-[350px]">
414                            <input class="input" type="text" id="EMAIL" name="EMAIL" autocomplete="off"
415                                placeholder="EMAIL" data-required="true" required />
416                        </div>
417                    </div>
418
419                    <label class="entry__error entry__error--primary"
420                        style="font-size:16px; text-align:left; font-family:Helvetica, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;">
421                    </label>
422                </div>
423
424                <div style="text-align: center">
425                    <button class="mb-[0.35rem] px-4 py-2" style="font-size:16px; text-align:center; font-weight:700; font-family:Helvetica, sans-serif; color:#FFFFFF; background-color:#dc2626;" form="sib-form" type="submit">
426                        <svg class="icon clickable__icon progress-indicator__icon sib-hide-loader-icon"
427                            viewBox="0 0 512 512">
428                            <path
429                                d="M460.116 373.846l-20.823-12.022c-5.541-3.199-7.54-10.159-4.663-15.874 30.137-59.886 28.343-131.652-5.386-189.946-33.641-58.394-94.896-95.833-161.827-99.676C261.028 55.961 256 50.751 256 44.352V20.309c0-6.904 5.808-12.337 12.703-11.982 83.556 4.306 160.163 50.864 202.11 123.677 42.063 72.696 44.079 162.316 6.031 236.832-3.14 6.148-10.75 8.461-16.728 5.01z" />
430                        </svg>
431                        SUBSCRIBE
432                    </button>
433                </div>
434
435                <input type="text" name="email_address_check" value="" class="input--hidden">
436                <input type="hidden" name="locale" value="en">
437            </form>
438        </div>
439    </div>
440</div>
441
442</div>
443<!-- Music sectie -->
444<div class="pt-6 pb-14 mx-auto max-w-[93%] xl:max-w-[77em]">
445  <div class="flex justify-between">
446      <h1 class="!my-0">Music</h1>
447      
448      <div class="cta-music">
449           <a href="/music" class="text-slate-100 bg-[#ff1414] focus:ring-4 focus:outline-none hover:bg-red-700 rounded text-xs px-2 py-1 flex items-center sm:py-2 sm:text-base md:text-base lg:px-6 lg:py-2 lg:text-base xl:px-8 xl:py-2 xl:text-base 2xl:text-base">More Music
450              <i class="fa-solid fa-arrow-right"></i>
451          </a> 
452      </div>
453        
454  </div>
455
456  <div class="grid gap-[1.5em] items-stretch my-8 xs:hidden sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 lg:ml-auto xl:grid-cols-4 2xl:grid-cols-6">
457    
458      <!--Card-->
459<div class="shadow-lg xs:shadow-none xs:w-[250px]">
460    <div class="image-zoom-hov">
461        <a href="/music/go-back/">
462            
463                <img class="max-w-full" src="/img/containers/assets/music-assets/magik-muzik-1707-0.jpg/b5eef79a2f43e9b307fe1e0043d946d0/magik-muzik-1707-0.jpg" alt="" loading="lazy">
464            
465        </a>
466    </div>
467
468    <div class="xs:px-0 px-4 py-2 grid grid-rows-4">
469        <div class="h-full row-span-1 py-1.5 flex space-x-2">
470            
471                <a href="/music/categories/single" class="text-sm px-2 text-slate-100 font-bold bg-red-600 transition hover:bg-red-700 rounded-lg">Single</a>
472            
473        </div>
474        <div class="row-span-3 image-zoom-hov">
475            <a href="/music/go-back/">
476                <span class="text-slate-400 xs:line-clamp-1">Angemi</span>
477                <h3 class="!my-0 xs:line-clamp-1">Go Back</h3>
478            </a>
479        </div>
480    </div>
481</div>
482      
483      <!--Card-->
484<div class="shadow-lg xs:shadow-none xs:w-[250px]">
485    <div class="image-zoom-hov">
486        <a href="/music/nothing-gold-can-stay/">
487            
488                <img class="max-w-full" src="/img/containers/assets/music-assets/game360.jpg/961b9afcfe46b31201c94e7c7f32e7a9/game360.jpg" alt="" loading="lazy">
489            
490        </a>
491    </div>
492
493    <div class="xs:px-0 px-4 py-2 grid grid-rows-4">
494        <div class="h-full row-span-1 py-1.5 flex space-x-2">
495            
496                <a href="/music/categories/single" class="text-sm px-2 text-slate-100 font-bold bg-red-600 transition hover:bg-red-700 rounded-lg">Single</a>
497            
498        </div>
499        <div class="row-span-3 image-zoom-hov">
500            <a href="/music/nothing-gold-can-stay/">
501                <span class="text-slate-400 xs:line-clamp-1">Jay Dallenback</span>
502                <h3 class="!my-0 xs:line-clamp-1">Nothing Gold Can Stay</h3>
503            </a>
504        </div>
505    </div>
506</div>
507      
508      <!--Card-->
509<div class="shadow-lg xs:shadow-none xs:w-[250px]">
510    <div class="image-zoom-hov">
511        <a href="/music/i-miss-you/">
512            
513                <img class="max-w-full" src="/img/containers/assets/music-assets/avad215.jpg/4ab7243d660432999835dba4faac110f/avad215.jpg" alt="" loading="lazy">
514            
515        </a>
516    </div>
517
518    <div class="xs:px-0 px-4 py-2 grid grid-rows-4">
519        <div class="h-full row-span-1 py-1.5 flex space-x-2">
520            
521                <a href="/music/categories/single" class="text-sm px-2 text-slate-100 font-bold bg-red-600 transition hover:bg-red-700 rounded-lg">Single</a>
522            
523        </div>
524        <div class="row-span-3 image-zoom-hov">
525            <a href="/music/i-miss-you/">
526                <span class="text-slate-400 xs:line-clamp-1">Max Denoise & Aneym</span>
527                <h3 class="!my-0 xs:line-clamp-1">I Miss You</h3>
528            </a>
529        </div>
530    </div>
531</div>
532      
533      <!--Card-->
534<div class="shadow-lg xs:shadow-none xs:w-[250px]">
535    <div class="image-zoom-hov">
536        <a href="/music/waterfall/">
537            
538                <img class="max-w-full" src="/img/containers/assets/music-assets/xo037.jpg/3447382cb3ccb3ae86b55c7f19586940/xo037.jpg" alt="" loading="lazy">
539            
540        </a>
541    </div>
542
543    <div class="xs:px-0 px-4 py-2 grid grid-rows-4">
544        <div class="h-full row-span-1 py-1.5 flex space-x-2">
545            
546                <a href="/music/categories/single" class="text-sm px-2 text-slate-100 font-bold bg-red-600 transition hover:bg-red-700 rounded-lg">Single</a>
547            
548        </div>
549        <div class="row-span-3 image-zoom-hov">
550            <a href="/music/waterfall/">
551                <span class="text-slate-400 xs:line-clamp-1">Kataploks</span>
552                <h3 class="!my-0 xs:line-clamp-1">Waterfall</h3>
553            </a>
554        </div>
555    </div>
556</div>
557      
558      <!--Card-->
559<div class="shadow-lg xs:shadow-none xs:w-[250px]">
560    <div class="image-zoom-hov">
561        <a href="/music/fly-with-me/">
562            
563                <img class="max-w-full" src="/img/containers/assets/music-assets/magik-muzik-1713-0.jpg/e2270a2574d3b2890d5ed8f6ef9204b7/magik-muzik-1713-0.jpg" alt="" loading="lazy">
564            
565        </a>
566    </div>
567
568    <div class="xs:px-0 px-4 py-2 grid grid-rows-4">
569        <div class="h-full row-span-1 py-1.5 flex space-x-2">
570            
571                <a href="/music/categories/single" class="text-sm px-2 text-slate-100 font-bold bg-red-600 transition hover:bg-red-700 rounded-lg">Single</a>
572            
573        </div>
574        <div class="row-span-3 image-zoom-hov">
575            <a href="/music/fly-with-me/">
576                <span class="text-slate-400 xs:line-clamp-1">LTN pres. Ghostbeat & Jennifer Rene</span>
577                <h3 class="!my-0 xs:line-clamp-1">Fly With Me</h3>
578            </a>
579        </div>
580    </div>
581</div>
582      
583      <!--Card-->
584<div class="shadow-lg xs:shadow-none xs:w-[250px]">
585    <div class="image-zoom-hov">
586        <a href="/music/free-falling/">
587            
588                <img class="max-w-full" src="/img/containers/assets/music-assets/magicdeep098.jpg/06fd9bb253b3afc0e6c64269c944edd1/magicdeep098.jpg" alt="" loading="lazy">
589            
590        </a>
591    </div>
592
593    <div class="xs:px-0 px-4 py-2 grid grid-rows-4">
594        <div class="h-full row-span-1 py-1.5 flex space-x-2">
595            
596                <a href="/music/categories/single" class="text-sm px-2 text-slate-100 font-bold bg-red-600 transition hover:bg-red-700 rounded-lg">Single</a>
597            
598        </div>
599        <div class="row-span-3 image-zoom-hov">
600            <a href="/music/free-falling/">
601                <span class="text-slate-400 xs:line-clamp-1">REYSSR & Brammos</span>
602                <h3 class="!my-0 xs:line-clamp-1">Free Falling</h3>
603            </a>
604        </div>
605    </div>
606</div>
607      
608      <!--Card-->
609<div class="shadow-lg xs:shadow-none xs:w-[250px]">
610    <div class="image-zoom-hov">
611        <a href="/music/off-my-mind/">
612            
613                <img class="max-w-full" src="/img/containers/assets/music-assets/wym105.jpg/54ffbd2d8201dba405773f0f36c3db99/wym105.jpg" alt="" loading="lazy">
614            
615        </a>
616    </div>
617
618    <div class="xs:px-0 px-4 py-2 grid grid-rows-4">
619        <div class="h-full row-span-1 py-1.5 flex space-x-2">
620            
621                <a href="/music/categories/single" class="text-sm px-2 text-slate-100 font-bold bg-red-600 transition hover:bg-red-700 rounded-lg">Single</a>
622            
623        </div>
624        <div class="row-span-3 image-zoom-hov">
625            <a href="/music/off-my-mind/">
626                <span class="text-slate-400 xs:line-clamp-1">Luccio</span>
627                <h3 class="!my-0 xs:line-clamp-1">Off My Mind</h3>
628            </a>
629        </div>
630    </div>
631</div>
632      
633      <!--Card-->
634<div class="shadow-lg xs:shadow-none xs:w-[250px]">
635    <div class="image-zoom-hov">
636        <a href="/music/traces-of-you/">
637            
638                <img class="max-w-full" src="/img/containers/assets/music-assets/magik-muzik-1712-0.jpg/298cf18a8847708c4ac8b4ac933597cf/magik-muzik-1712-0.jpg" alt="" loading="lazy">
639            
640        </a>
641    </div>
642
643    <div class="xs:px-0 px-4 py-2 grid grid-rows-4">
644        <div class="h-full row-span-1 py-1.5 flex space-x-2">
645            
646                <a href="/music/categories/single" class="text-sm px-2 text-slate-100 font-bold bg-red-600 transition hover:bg-red-700 rounded-lg">Single</a>
647            
648        </div>
649        <div class="row-span-3 image-zoom-hov">
650            <a href="/music/traces-of-you/">
651                <span class="text-slate-400 xs:line-clamp-1">EGGSTA & That Girl</span>
652                <h3 class="!my-0 xs:line-clamp-1">Traces Of You</h3>
653            </a>
654        </div>
655    </div>
656</div>
657      
658      <!--Card-->
659<div class="shadow-lg xs:shadow-none xs:w-[250px]">
660    <div class="image-zoom-hov">
661        <a href="/music/no-sudden-movements/">
662            
663                <img class="max-w-full" src="/img/containers/assets/music-assets/rgen217.jpg/e7c53186111e02aab2b2a5135db5716e/rgen217.jpg" alt="" loading="lazy">
664            
665        </a>
666    </div>
667
668    <div class="xs:px-0 px-4 py-2 grid grid-rows-4">
669        <div class="h-full row-span-1 py-1.5 flex space-x-2">
670            
671                <a href="/music/categories/single" class="text-sm px-2 text-slate-100 font-bold bg-red-600 transition hover:bg-red-700 rounded-lg">Single</a>
672            
673        </div>
674        <div class="row-span-3 image-zoom-hov">
675            <a href="/music/no-sudden-movements/">
676                <span class="text-slate-400 xs:line-clamp-1">Michael Hutcheson</span>
677                <h3 class="!my-0 xs:line-clamp-1">No Sudden Movements</h3>
678            </a>
679        </div>
680    </div>
681</div>
682      
683      <!--Card-->
684<div class="shadow-lg xs:shadow-none xs:w-[250px]">
685    <div class="image-zoom-hov">
686        <a href="/music/avis-vox-time/">
687            
688                <img class="max-w-full" src="/img/containers/assets/music-assets/black-hole-1778-0.jpg/8be5883006cb130e3a32d993e88b0d93/black-hole-1778-0.jpg" alt="" loading="lazy">
689            
690        </a>
691    </div>
692
693    <div class="xs:px-0 px-4 py-2 grid grid-rows-4">
694        <div class="h-full row-span-1 py-1.5 flex space-x-2">
695            
696                <a href="/music/categories/single" class="text-sm px-2 text-slate-100 font-bold bg-red-600 transition hover:bg-red-700 rounded-lg">Single</a>
697            
698        </div>
699        <div class="row-span-3 image-zoom-hov">
700            <a href="/music/avis-vox-time/">
701                <span class="text-slate-400 xs:line-clamp-1">Avis Vox</span>
702                <h3 class="!my-0 xs:line-clamp-1">Time</h3>
703            </a>
704        </div>
705    </div>
706</div>
707      
708      <!--Card-->
709<div class="shadow-lg xs:shadow-none xs:w-[250px]">
710    <div class="image-zoom-hov">
711        <a href="/music/the-power-of-love-alex-morph-remix/">
712            
713                <img class="max-w-full" src="/img/containers/assets/music-assets/nk-395.jpg/6d8cba67b124f2508d11b1acf8c38884/nk-395.jpg" alt="" loading="lazy">
714            
715        </a>
716    </div>
717
718    <div class="xs:px-0 px-4 py-2 grid grid-rows-4">
719        <div class="h-full row-span-1 py-1.5 flex space-x-2">
720            
721                <a href="/music/categories/single" class="text-sm px-2 text-slate-100 font-bold bg-red-600 transition hover:bg-red-700 rounded-lg">Single</a>
722            
723        </div>
724        <div class="row-span-3 image-zoom-hov">
725            <a href="/music/the-power-of-love-alex-morph-remix/">
726                <span class="text-slate-400 xs:line-clamp-1">RAM & Susana pres. Tales Of Life</span>
727                <h3 class="!my-0 xs:line-clamp-1">The Power Of Love (Alex M.O.R.P.H. Remix)</h3>
728            </a>
729        </div>
730    </div>
731</div>
732      
733      <!--Card-->
734<div class="shadow-lg xs:shadow-none xs:w-[250px]">
735    <div class="image-zoom-hov">
736        <a href="/music/final-memory/">
737            
738                <img class="max-w-full" src="/img/containers/assets/music-assets/black-hole-1780-0.jpg/3e64567341bb63f53d14841bfc1d4850/black-hole-1780-0.jpg" alt="" loading="lazy">
739            
740        </a>
741    </div>
742
743    <div class="xs:px-0 px-4 py-2 grid grid-rows-4">
744        <div class="h-full row-span-1 py-1.5 flex space-x-2">
745            
746                <a href="/music/categories/single" class="text-sm px-2 text-slate-100 font-bold bg-red-600 transition hover:bg-red-700 rounded-lg">Single</a>
747            
748        </div>
749        <div class="row-span-3 image-zoom-hov">
750            <a href="/music/final-memory/">
751                <span class="text-slate-400 xs:line-clamp-1">Key4050</span>
752                <h3 class="!my-0 xs:line-clamp-1">Final Memory</h3>
753            </a>
754        </div>
755    </div>
756</div>
757      
758  </div>
759
760  <div class="xs:overflow-x-scroll sm:hidden md:hidden lg:hidden xl:hidden 2xl:hidden">
761    <div class="xs:relative xs:my-10 xs:flex xs:w-[2000px] xs:space-x-10">
762      
763        <!--Card-->
764<div class="shadow-lg xs:shadow-none xs:w-[250px]">
765    <div class="image-zoom-hov">
766        <a href="/music/fly-with-me/">
767            
768                <img class="max-w-full" src="/img/containers/assets/music-assets/magik-muzik-1713-0.jpg/e2270a2574d3b2890d5ed8f6ef9204b7/magik-muzik-1713-0.jpg" alt="" loading="lazy">
769            
770        </a>
771    </div>
772
773    <div class="xs:px-0 px-4 py-2 grid grid-rows-4">
774        <div class="h-full row-span-1 py-1.5 flex space-x-2">
775            
776                <a href="/music/categories/single" class="text-sm px-2 text-slate-100 font-bold bg-red-600 transition hover:bg-red-700 rounded-lg">Single</a>
777            
778        </div>
779        <div class="row-span-3 image-zoom-hov">
780            <a href="/music/fly-with-me/">
781                <span class="text-slate-400 xs:line-clamp-1">LTN pres. Ghostbeat & Jennifer Rene</span>
782                <h3 class="!my-0 xs:line-clamp-1">Fly With Me</h3>
783            </a>
784        </div>
785    </div>
786</div>
787      
788        <!--Card-->
789<div class="shadow-lg xs:shadow-none xs:w-[250px]">
790    <div class="image-zoom-hov">
791        <a href="/music/no-sudden-movements/">
792            
793                <img class="max-w-full" src="/img/containers/assets/music-assets/rgen217.jpg/e7c53186111e02aab2b2a5135db5716e/rgen217.jpg" alt="" loading="lazy">
794            
795        </a>
796    </div>
797
798    <div class="xs:px-0 px-4 py-2 grid grid-rows-4">
799        <div class="h-full row-span-1 py-1.5 flex space-x-2">
800            
801                <a href="/music/categories/single" class="text-sm px-2 text-slate-100 font-bold bg-red-600 transition hover:bg-red-700 rounded-lg">Single</a>
802            
803        </div>
804        <div class="row-span-3 image-zoom-hov">
805            <a href="/music/no-sudden-movements/">
806                <span class="text-slate-400 xs:line-clamp-1">Michael Hutcheson</span>
807                <h3 class="!my-0 xs:line-clamp-1">No Sudden Movements</h3>
808            </a>
809        </div>
810    </div>
811</div>
812      
813        <!--Card-->
814<div class="shadow-lg xs:shadow-none xs:w-[250px]">
815    <div class="image-zoom-hov">
816        <a href="/music/avis-vox-time/">
817            
818                <img class="max-w-full" src="/img/containers/assets/music-assets/black-hole-1778-0.jpg/8be5883006cb130e3a32d993e88b0d93/black-hole-1778-0.jpg" alt="" loading="lazy">
819            
820        </a>
821    </div>
822
823    <div class="xs:px-0 px-4 py-2 grid grid-rows-4">
824        <div class="h-full row-span-1 py-1.5 flex space-x-2">
825            
826                <a href="/music/categories/single" class="text-sm px-2 text-slate-100 font-bold bg-red-600 transition hover:bg-red-700 rounded-lg">Single</a>
827            
828        </div>
829        <div class="row-span-3 image-zoom-hov">
830            <a href="/music/avis-vox-time/">
831                <span class="text-slate-400 xs:line-clamp-1">Avis Vox</span>
832                <h3 class="!my-0 xs:line-clamp-1">Time</h3>
833            </a>
834        </div>
835    </div>
836</div>
837      
838        <!--Card-->
839<div class="shadow-lg xs:shadow-none xs:w-[250px]">
840    <div class="image-zoom-hov">
841        <a href="/music/final-memory/">
842            
843                <img class="max-w-full" src="/img/containers/assets/music-assets/black-hole-1780-0.jpg/3e64567341bb63f53d14841bfc1d4850/black-hole-1780-0.jpg" alt="" loading="lazy">
844            
845        </a>
846    </div>
847
848    <div class="xs:px-0 px-4 py-2 grid grid-rows-4">
849        <div class="h-full row-span-1 py-1.5 flex space-x-2">
850            
851                <a href="/music/categories/single" class="text-sm px-2 text-slate-100 font-bold bg-red-600 transition hover:bg-red-700 rounded-lg">Single</a>
852            
853        </div>
854        <div class="row-span-3 image-zoom-hov">
855            <a href="/music/final-memory/">
856                <span class="text-slate-400 xs:line-clamp-1">Key4050</span>
857                <h3 class="!my-0 xs:line-clamp-1">Final Memory</h3>
858            </a>
859        </div>
860    </div>
861</div>
862      
863        <!--Card-->
864<div class="shadow-lg xs:shadow-none xs:w-[250px]">
865    <div class="image-zoom-hov">
866        <a href="/music/traces-of-you/">
867            
868                <img class="max-w-full" src="/img/containers/assets/music-assets/magik-muzik-1712-0.jpg/298cf18a8847708c4ac8b4ac933597cf/magik-muzik-1712-0.jpg" alt="" loading="lazy">
869            
870        </a>
871    </div>
872
873    <div class="xs:px-0 px-4 py-2 grid grid-rows-4">
874        <div class="h-full row-span-1 py-1.5 flex space-x-2">
875            
876                <a href="/music/categories/single" class="text-sm px-2 text-slate-100 font-bold bg-red-600 transition hover:bg-red-700 rounded-lg">Single</a>
877            
878        </div>
879        <div class="row-span-3 image-zoom-hov">
880            <a href="/music/traces-of-you/">
881                <span class="text-slate-400 xs:line-clamp-1">EGGSTA & That Girl</span>
882                <h3 class="!my-0 xs:line-clamp-1">Traces Of You</h3>
883            </a>
884        </div>
885    </div>
886</div>
887      
888        <!--Card-->
889<div class="shadow-lg xs:shadow-none xs:w-[250px]">
890    <div class="image-zoom-hov">
891        <a href="/music/free-falling/">
892            
893                <img class="max-w-full" src="/img/containers/assets/music-assets/magicdeep098.jpg/06fd9bb253b3afc0e6c64269c944edd1/magicdeep098.jpg" alt="" loading="lazy">
894            
895        </a>
896    </div>
897
898    <div class="xs:px-0 px-4 py-2 grid grid-rows-4">
899        <div class="h-full row-span-1 py-1.5 flex space-x-2">
900            
901                <a href="/music/categories/single" class="text-sm px-2 text-slate-100 font-bold bg-red-600 transition hover:bg-red-700 rounded-lg">Single</a>
902            
903        </div>
904        <div class="row-span-3 image-zoom-hov">
905            <a href="/music/free-falling/">
906                <span class="text-slate-400 xs:line-clamp-1">REYSSR & Brammos</span>
907                <h3 class="!my-0 xs:line-clamp-1">Free Falling</h3>
908            </a>
909        </div>
910    </div>
911</div>
912      
913        <!--Card-->
914<div class="shadow-lg xs:shadow-none xs:w-[250px]">
915    <div class="image-zoom-hov">
916        <a href="/music/waterfall/">
917            
918                <img class="max-w-full" src="/img/containers/assets/music-assets/xo037.jpg/3447382cb3ccb3ae86b55c7f19586940/xo037.jpg" alt="" loading="lazy">
919            
920        </a>
921    </div>
922
923    <div class="xs:px-0 px-4 py-2 grid grid-rows-4">
924        <div class="h-full row-span-1 py-1.5 flex space-x-2">
925            
926                <a href="/music/categories/single" class="text-sm px-2 text-slate-100 font-bold bg-red-600 transition hover:bg-red-700 rounded-lg">Single</a>
927            
928        </div>
929        <div class="row-span-3 image-zoom-hov">
930            <a href="/music/waterfall/">
931                <span class="text-slate-400 xs:line-clamp-1">Kataploks</span>
932                <h3 class="!my-0 xs:line-clamp-1">Waterfall</h3>
933            </a>
934        </div>
935    </div>
936</div>
937      
938        <!--Card-->
939<div class="shadow-lg xs:shadow-none xs:w-[250px]">
940    <div class="image-zoom-hov">
941        <a href="/music/the-power-of-love-alex-morph-remix/">
942            
943                <img class="max-w-full" src="/img/containers/assets/music-assets/nk-395.jpg/6d8cba67b124f2508d11b1acf8c38884/nk-395.jpg" alt="" loading="lazy">
944            
945        </a>
946    </div>
947
948    <div class="xs:px-0 px-4 py-2 grid grid-rows-4">
949        <div class="h-full row-span-1 py-1.5 flex space-x-2">
950            
951                <a href="/music/categories/single" class="text-sm px-2 text-slate-100 font-bold bg-red-600 transition hover:bg-red-700 rounded-lg">Single</a>
952            
953        </div>
954        <div class="row-span-3 image-zoom-hov">
955            <a href="/music/the-power-of-love-alex-morph-remix/">
956                <span class="text-slate-400 xs:line-clamp-1">RAM & Susana pres. Tales Of Life</span>
957                <h3 class="!my-0 xs:line-clamp-1">The Power Of Love (Alex M.O.R.P.H. Remix)</h3>
958            </a>
959        </div>
960    </div>
961</div>
962      
963        <!--Card-->
964<div class="shadow-lg xs:shadow-none xs:w-[250px]">
965    <div class="image-zoom-hov">
966        <a href="/music/off-my-mind/">
967            
968                <img class="max-w-full" src="/img/containers/assets/music-assets/wym105.jpg/54ffbd2d8201dba405773f0f36c3db99/wym105.jpg" alt="" loading="lazy">
969            
970        </a>
971    </div>
972
973    <div class="xs:px-0 px-4 py-2 grid grid-rows-4">
974        <div class="h-full row-span-1 py-1.5 flex space-x-2">
975            
976                <a href="/music/categories/single" class="text-sm px-2 text-slate-100 font-bold bg-red-600 transition hover:bg-red-700 rounded-lg">Single</a>
977            
978        </div>
979        <div class="row-span-3 image-zoom-hov">
980            <a href="/music/off-my-mind/">
981                <span class="text-slate-400 xs:line-clamp-1">Luccio</span>
982                <h3 class="!my-0 xs:line-clamp-1">Off My Mind</h3>
983            </a>
984        </div>
985    </div>
986</div>
987      
988        <!--Card-->
989<div class="shadow-lg xs:shadow-none xs:w-[250px]">
990    <div class="image-zoom-hov">
991        <a href="/music/nothing-gold-can-stay/">
992            
993                <img class="max-w-full" src="/img/containers/assets/music-assets/game360.jpg/961b9afcfe46b31201c94e7c7f32e7a9/game360.jpg" alt="" loading="lazy">
994            
995        </a>
996    </div>
997
998    <div class="xs:px-0 px-4 py-2 grid grid-rows-4">
999        <div class="h-full row-span-1 py-1.5 flex space-x-2">
1000            
1001                <a href="/music/categories/single" class="text-sm px-2 text-slate-100 font-bold bg-red-600 transition hover:bg-red-700 rounded-lg">Single</a>
1002            
1003        </div>
1004        <div class="row-span-3 image-zoom-hov">
1005            <a href="/music/nothing-gold-can-stay/">
1006                <span class="text-slate-400 xs:line-clamp-1">Jay Dallenback</span>
1007                <h3 class="!my-0 xs:line-clamp-1">Nothing Gold Can Stay</h3>
1008            </a>
1009        </div>
1010    </div>
1011</div>
1012      
1013    </div>
1014  </div>
1015</div>
1016
1017<hr class="w-3/5 m-auto bg-gray-300 xl-line">
1018
1019<!-- Playlists sectie -->
1020<div class="py-14 mx-auto max-w-[93%] xl:max-w-[77em]">
1021  <h1 class="!my-0">Playlists</h1>
1022  <div class="relative h-[710px] lg:h-[460px] xl:h-[460px] 2xl:h-[460px] w-full mx-auto pb-12">
1023      <button class="carousel__button carousel__button--left hidden">
1024        <i class="fas fa-angle-left"></i>
1025      </button>
1026      <div class="carousel__track-container">
1027        <div class="carousel__track">
1028          
1029              <div class="carousel__slide current-slide space-x-2 md:flex md:flex-col lg:grid lg:grid-cols-5 lg:gap-4 xl:grid xl:grid-cols-5 xl:gap-x-32 xl:-pl
1029-6 2xl:grid 2xl:grid-cols-5 2xl:gap-x-2">
1030                <div class="flex flex-col justify-between px-8 lg:w-full lg:col-span-2 xl:w-full xl:col-span-2 2xl:col-span-2 2xl:w-full ">
1031                  <div class="mb-4">
1032                    <h2 class="text-base font-black mb-4">Black Hole New Releases</h2>
1033                    <p style="color: #334155;" class="text-slate-700">Black Hole Recordings' new releases playlist is your gateway to the most cutting-edge sounds and exciting talent in the electronic music world. Embrace the future of music as you explore tracks from established artists and rising stars.</p>
1034                  </div>
1035                    <a href="/playlists" class="sharebtn max-w-fit flex border rounded-md p-2" title="click to enable menu">
1036                        <span class="inline-block px-4 text-white capitalize">listen now</span>
1037                    </a>
1038                </div>
1039                <div class="mt-6 max-w-[93%] lg:col-span-3 xl:col-span-3 2xl:col-span-3 ">
1040                    <iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/6z1ttXViMg0vODCypY6Snh?utm_source=generator" width="100%" height="380" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
1041                </div>
1042              </div>   
1043          
1044              <div class="carousel__slide current-slide space-x-2 md:flex md:flex-col lg:grid lg:grid-cols-5 lg:gap-4 xl:grid xl:grid-cols-5 xl:gap-x-32 xl:-pl-6 2xl:grid 2xl:grid-cols-5 2xl:gap-x-2">
1045                <div class="flex flex-col justify-between px-8 lg:w-full lg:col-span-2 xl:w-full xl:col-span-2 2xl:col-span-2 2xl:w-full ">
1046                  <div class="mb-4">
1047                    <h2 class="text-base font-black mb-4">Vocal Trance Top 100 Playlist</h2>
1048                    <p style="color: #334155;" class="text-slate-700">Experience euphoric melodies and mesmerizing beats with our handpicked Vocal Trance playlist! Immerse yourself in a captivating journey of uplifting vocals and powerful trance anthems, carefully curated to transport you to a world of pure emotion and energy.</p>
1049                  </div>
1050                    <a href="/playlists" class="sharebtn max-w-fit flex border rounded-md p-2" title="click to enable menu">
1051                        <span class="inline-block px-4 text-white capitalize">listen now</span>
1052                    </a>
1053                </div>
1054                <div class="mt-6 max-w-[93%] lg:col-span-3 xl:col-span-3 2xl:col-span-3 ">
1055                    <iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/6yYS66EEthJ3IumzWck2RR?utm_source=generator" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
1056                </div>
1057              </div>   
1058          
1059              <div class="carousel__slide current-slide space-x-2 md:flex md:flex-col lg:grid lg:grid-cols-5 lg:gap-4 xl:grid xl:grid-cols-5 xl:gap-x-32 xl:-pl-6 2xl:grid 2xl:grid-cols-5 2xl:gap-x-2">
1060                <div class="flex flex-col justify-between px-8 lg:w-full lg:col-span-2 xl:w-full xl:col-span-2 2xl:col-span-2 2xl:w-full ">
1061                  <div class="mb-4">
1062                    <h2 class="text-base font-black mb-4">Dance Pop Playlist</h2>
1063                    <p style="color: #334155;" class="text-slate-700">Shake off those worries and let loose with our carefully curated collection of dancefloor dominators. From irresistible beats to catchy hooks, this playlist is designed to make you move like nobody's watching.</p>
1064                  </div>
1065                    <a href="/playlists" class="sharebtn max-w-fit flex border rounded-md p-2" title="click to enable menu">
1066                        <span class="inline-block px-4 text-white capitalize">listen now</span>
1067                    </a>
1068                </div>
1069                <div class="mt-6 max-w-[93%] lg:col-span-3 xl:col-span-3 2xl:col-span-3 ">
1070                    <iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/1XP5VhBv2uM0Mn9SNzSwha?utm_source=generator" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
1071                </div>
1072              </div>   
1073          
1074              <div class="carousel__slide current-slide space-x-2 md:flex md:flex-col lg:grid lg:grid-cols-5 lg:gap-4 xl:grid xl:grid-cols-5 xl:gap-x-32 xl:-pl
1074-6 2xl:grid 2xl:grid-cols-5 2xl:gap-x-2">
1075                <div class="flex flex-col justify-between px-8 lg:w-full lg:col-span-2 xl:w-full xl:col-span-2 2xl:col-span-2 2xl:w-full ">
1076                  <div class="mb-4">
1077                    <h2 class="text-base font-black mb-4">Trance Anthems</h2>
1078                    <p style="color: #334155;" class="text-slate-700">Whether you're a seasoned trance enthusiast or a newcomer to the genre, our playlist is crafted to cater to all dance music lovers. Get ready to unleash your inner dancer and experience the euphoria that comes with moving to the infectious beats of trance.</p>
1079                  </div>
1080                    <a href="/playlists" class="sharebtn max-w-fit flex border rounded-md p-2" title="click to enable menu">
1081                        <span class="inline-block px-4 text-white capitalize">listen now</span>
1082                    </a>
1083                </div>
1084                <div class="mt-6 max-w-[93%] lg:col-span-3 xl:col-span-3 2xl:col-span-3 ">
1085                    <iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/2BfXSgtwWVSoHwVhaiv8B1?utm_source=generator" width="100%" height="380" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
1086                </div>
1087              </div>   
1088          
1089              <div class="carousel__slide current-slide space-x-2 md:flex md:flex-col lg:grid lg:grid-cols-5 lg:gap-4 xl:grid xl:grid-cols-5 xl:gap-x-32 xl:-pl-6 2xl:grid 2xl:grid-cols-5 2xl:gap-x-2">
1090                <div class="flex flex-col justify-between px-8 lg:w-full lg:col-span-2 xl:w-full xl:col-span-2 2xl:col-span-2 2xl:w-full ">
1091                  <div class="mb-4">
1092                    <h2 class="text-base font-black mb-4">Progressive House & Beyond Playlist</h2>
1093                    <p style="color: #334155;" class="text-slate-700">Experience the magic of progressive house like never before with our handcrafted playlist. Let the pulsating beats and uplifting melodies take you on an unforgettable musical odyssey. Elevate your vibes and lose yourself in the rhythm of progressive house today!</p>
1094                  </div>
1095                    <a href="/playlists" class="sharebtn max-w-fit flex border rounded-md p-2" title="click to enable menu">
1096                        <span class="inline-block px-4 text-white capitalize">listen now</span>
1097                    </a>
1098                </div>
1099                <div class="mt-6 max-w-[93%] lg:col-span-3 xl:col-span-3 2xl:col-span-3 ">
1100                    <iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/6nypwwASuMcehflKFWg1ak?utm_source=generator" width="100%" height="380" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
1101                </div>
1102              </div>   
1103          
1104              <div class="carousel__slide current-slide space-x-2 md:flex md:flex-col lg:grid lg:grid-cols-5 lg:gap-4 xl:grid xl:grid-cols-5 xl:gap-x-32 xl:-pl-6 2xl:grid 2xl:grid-cols-5 2xl:gap-x-2">
1105                <div class="flex flex-col justify-between px-8 lg:w-full lg:col-span-2 xl:w-full xl:col-span-2 2xl:col-span-2 2xl:w-full ">
1106                  <div class="mb-4">
1107                    <h2 class="text-base font-black mb-4">Trance Classics</h2>
1108                    <p style="color: #334155;" class="text-slate-700">Pay homage to the pioneers and legendary artists who paved the way for the trance genre's global acclaim. These visionary producers and DJs continue to inspire a new generation of electronic music creators, making their mark on dance music history.</p>
1109                  </div>
1110                    <a href="/playlists" class="sharebtn max-w-fit flex border rounded-md p-2" title="click to enable menu">
1111                        <span class="inline-block px-4 text-white capitalize">listen now</span>
1112                    </a>
1113                </div>
1114                <div class="mt-6 max-w-[93%] lg:col-span-3 xl:col-span-3 2xl:col-span-3 ">
1115                    <iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/2tR4ZJDVn0yfzKfMASxNKf?utm_source=generator" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
1116                </div>
1117              </div>   
1118          
1119              <div class="carousel__slide current-slide space-x-2 md:flex md:flex-col lg:grid lg:grid-cols-5 lg:gap-4 xl:grid xl:grid-cols-5 xl:gap-x-32 xl:-pl
1119-6 2xl:grid 2xl:grid-cols-5 2xl:gap-x-2">
1120                <div class="flex flex-col justify-between px-8 lg:w-full lg:col-span-2 xl:w-full xl:col-span-2 2xl:col-span-2 2xl:w-full ">
1121                  <div class="mb-4">
1122                    <h2 class="text-base font-black mb-4">Coffee Barista Playlist</h2>
1123                    <p style="color: #334155;" class="text-slate-700">Embark on a captivating musical journey through genres like folk, indie, and unplugged versions of your favorite songs. From timeless classics to contemporary gems, this playlist offers a diverse collection that celebrates the essence of acoustic purity.</p>
1124                  </div>
1125                    <a href="/playlists" class="sharebtn max-w-fit flex border rounded-md p-2" title="click to enable menu">
1126                        <span class="inline-block px-4 text-white capitalize">listen now</span>
1127                    </a>
1128                </div>
1129                <div class="mt-6 max-w-[93%] lg:col-span-3 xl:col-span-3 2xl:col-span-3 ">
1130                    <iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/3KM8bG2g8HKv5v6G48tcQO?utm_source=generator" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
1131                </div>
1132              </div>   
1133          
1134              <div class="carousel__slide current-slide space-x-2 md:flex md:flex-col lg:grid lg:grid-cols-5 lg:gap-4 xl:grid xl:grid-cols-5 xl:gap-x-32 xl:-pl-6 2xl:grid 2xl:grid-cols-5 2xl:gap-x-2">
1135                <div class="flex flex-col justify-between px-8 lg:w-full lg:col-span-2 xl:w-full xl:col-span-2 2xl:col-span-2 2xl:w-full ">
1136                  <div class="mb-4">
1137                    <h2 class="text-base font-black mb-4">Tech House Bangers</h2>
1138                    <p style="color: #334155;" class="text-slate-700">Whether you're hitting the club, hosting a party, or just looking to elevate your mood, our Tech-House playlist provides the perfect soundtrack. Let the infectious grooves ignite your dance spirit and keep you moving to the rhythm all night long.</p>
1139                  </div>
1140                    <a href="/playlists" class="sharebtn max-w-fit flex border rounded-md p-2" title="click to enable menu">
1141                        <span class="inline-block px-4 text-white capitalize">listen now</span>
1142                    </a>
1143                </div>
1144                <div class="mt-6 max-w-[93%] lg:col-span-3 xl:col-span-3 2xl:col-span-3 ">
1145                    <iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/3G7BLB3vf4V7qf1W6aCs4J?utm_source=generator" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
1146                </div>
1147              </div>   
1148          
1149              <div class="carousel__slide current-slide space-x-2 md:flex md:flex-col lg:grid lg:grid-cols-5 lg:gap-4 xl:grid xl:grid-cols-5 xl:gap-x-32 xl:-pl-6 2xl:grid 2xl:grid-cols-5 2xl:gap-x-2">
1150                <div class="flex flex-col justify-between px-8 lg:w-full lg:col-span-2 xl:w-full xl:col-span-2 2xl:col-span-2 2xl:w-full ">
1151                  <div class="mb-4">
1152                    <h2 class="text-base font-black mb-4">Vocal Trance Hits</h2>
1153                    <p style="color: #334155;" class="text-slate-700">Prepare to be swept away by the synergy of uplifting melodies and heartfelt lyrics that tell stories of love, hope, and self-discovery. The fusion of vocals and trance beats creates a euphoric atmosphere, leaving you with a sense of euphoria and connection to the music that is simply unparalleled.</p>
1154                  </div>
1155                    <a href="/playlists" class="sharebtn max-w-fit flex border rounded-md p-2" title="click to enable menu">
1156                        <span class="inline-block px-4 text-white capitalize">listen now</span>
1157                    </a>
1158                </div>
1159                <div class="mt-6 max-w-[93%] lg:col-span-3 xl:col-span-3 2xl:col-span-3 ">
1160                    <iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/41AFzpCOk39zj4RzDIZCBq?utm_source=generator" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
1161                </div>
1162              </div>   
1163          
1164        </div>
1165      </div>
1166      <button class="carousel__button carousel__button--right">
1167        <i class="fas fa-angle-right"></i>
1168      </button>
1169      <div class="carousel__nav">
1170        <button class="carousel__indicator current-slide"></button>
1171        <button class="carousel__indicator"></button>
1172        <button class="carousel__indicator"></button>
1173      </div>
1174  </div>
1175</div>
1176
1177<hr class="w-3/5 m-auto bg-gray-300 xl-line">
1178
1179<!-- Video's sectie -->
1180<div class="py-14 mx-auto max-w-[93%] xl:max-w-[77em]">
1181  <div class="xs:hidden flex justify-between items-center">
1182    <h1 class="!my-0">Video's</h1>
1183    
1184    <div class="cta-music ml-auto">
1185      <a target="_blank" href="https://www.youtube.com/user/BlackHoleRecordings" class="text-slate-100 bg-[#ff1414] hover:bg-red-700 focus:ring-4 focus:outline-none rounded text-xs px-2 py-1 flex items-center sm:py-2 sm:text-base md:text-base lg:px-6 lg:py-2 lg:text-base xl:px-8 xl:py-2 xl:text-base 2xl:text-base">More Video's
1186          <i class="fa-solid fa-arrow-right"></i>
1187      </a> 
1188    </div>
1189  </div>
1190
1191  <div class="grid max-w-full gap-[1.5em] grid-responsive my-8 xs:hidden">
1192    
1193      <div class="hover-iframe">
1194        <lite-youtube class="videoIframe" videoid="wwYqTHgqBl8" playlabel="Play: Keynote (Google I/O '18)"></lite-youtube>
1195        <h1 class="font-bold my-2">Frankyeffe - Out Of This World (Official Music Video)</h1>
1196        <p class="line-clamp-2"> </p>
1197      </div>
1198    
1199      <div class="hover-iframe">
1200        <lite-youtube class="videoIframe" videoid="6zOO2dcLE44" playlabel="Play: Keynote (Google I/O '18)"></lite-youtube>
1201        <h1 class="font-bold my-2">Solarstone & Orkidea - Pure Trance XI (Interview)</h1>
1202        <p class="line-clamp-2"> </p>
1203      </div>
1204    
1205      <div class="hover-iframe">
1206        <lite-youtube class="videoIframe" videoid="w6bckgiG7OI" playlabel="Play: Keynote (Google I/O '18)"></lite-youtube>
1207        <h1 class="font-bold my-2">Ferry Corsten - Blueprint: Reprinted (Showcase) [Live from Space Expo, The Netherlands]</h1>
1208        <p class="line-clamp-2"> </p>
1209      </div>
1210    
1211  </div>
1212
1213  <div class="xs:block sm:hidden md:hidden lg:hidden xl:hidden 2xl:hidden">
1214    <div class="xs:flex xs:justify-between xs:items-center xs:pb-4">
1215      <h1 class="!my-0">Video's</h1>
1216      
1217      <div class="cta-music ml-auto">
1218           <a target="_blank" href="https://www.youtube.com/user/BlackHoleRecordings" class="text-slate-100 bg-[#ff1414] hover:bg-red-700 focus:ring-4 focus:outline-none rounded text-xs px-2 py-1 flex items-center sm:py-2 sm:text-base md:text-base lg:px-6 lg:py-2 lg:text-base xl:px-8 xl:py-2 xl:text-base 2xl:text-base">More Videos
1219              <i class="fa-solid fa-arrow-right"></i>
1220          </a> 
1221      </div>
1222    </div>
1223    
1224      <div class="hover-iframe">
1225          <lite-youtube class="videoIframe" videoid="wwYqTHgqBl8" playlabel="Play: Keynote (Google I/O '18)"></lite-youtube>
1226          <h1 class="font-bold my-2">Frankyeffe - Out Of This World (Official Music Video)</h1>
1227          <p class="line-clamp-2"> </p>
1228      </div>
1229    
1230  </div>
1231
1232</div>
1233
1234<hr class="w-3/5 m-auto bg-gray-300 xl-line">
1235
1236<!-- News sectie -->
1237<div class="py-14 mx-auto max-w-[93%] xl:max-w-[77em]">
1238  <h1 class="xs:hidden text-2xl lg:text-left xl:text-left 2xl:text-left">News</h1>     
1239  <div class="grid-responsive grid gap-[1.5em] items-stretch  xs:hidden md:grid-cols-2 lg:grid-cols-2 lg:ml-auto xl:gr
1239id-cols-3 2xl:grid-cols-3">
1240    
1241        <div class="flex flex-col">
1242    
1243      <img src="/img/containers/assets/news-assets/isos26-2-website-banner.jpg/31fe6245af4a70af10fca1269a5ad81b/isos26-2-website-banner.jpg" alt="" loading="lazy">
1244    
1245    <div class="flex justify-between flex-col h-full">
1246        <h2>In Search Of Sunset 2026: Part Two</h2>
1247        <p class="text-sm">The rooftop concept returns with Solarstone & Orkidea, Amy Wiles & more.</p>
1248        <a href="/news/in-search-of-sunset-2026-part-two" class="pt-6 text-red-700 font-bold cursor-pointer">Read More</a>
1249    </div>
1250</div>
1251    
1252        <div class="flex flex-col">
1253    
1254      <img src="/img/containers/assets/news-assets/black-hole-cd-266-website-banner-1440x400.jpg/c89d710dcd5ac80bfef7d2a4b0d27d44/black-hole-cd-266-website-banner-1440x400.jpg" alt="" loading="lazy">
1255    
1256    <div class="flex justify-between flex-col h-full">
1257        <h2>Album release PUSH 'Known Universe'</h2>
1258        <p class="text-sm">Push returns to the album format with ‘Known Universe’</p>
1259        <a href="/news/album-release-push-known-universe" class="pt-6 text-red-700 font-bold cursor-pointer">Read More</a>
1260    </div>
1261</div>
1262    
1263        <div class="flex flex-col">
1264    
1265      <img src="/img/containers/assets/news-assets/mi-cd-15-website-banner.jpg/4d3b57a552acaa475b082ebbeeeb6998/mi-cd-15-website-banner.jpg" alt="" loading="lazy">
1266    
1267    <div class="flex justify-between flex-col h-full">
1268        <h2>Roger Shah 'Magic Island Vol. 13'</h2>
1269        <p class="text-sm">New Roger Shah CD, Magic Island Music For Balearic People Vol. 13</p>
1270        <a href="/news/roger-shah-magic-island-vol-13" class="pt-6 text-red-700 font-bold cursor-pointer">Read More</a>
1271    </div>
1272</div>
1273     
1274  </div>
1275
1276  <div class="xs:block sm:hidden md:hidden lg:hidden xl:hidden 2xl:hidden">
1277    <div class="xs:flex xs:justify-between xs:items-center xs:pb-4">
1278      <h1 class="xs:!my-0">News</h1>
1279      
1280      <div class="xs:cta-music xs:ml-auto">
1281           <a href="/news" class="text-slate-100 bg-[#ff1414] hover:bg-red-700 focus:ring-4 focus:outline-none rounded text-xs px-2 py-1 flex items-center sm:py-2 sm:text-base md:text-base lg:px-6 lg:py-2 lg:text-base xl:px-8 xl:py-2 xl:text-base 2xl:text-base">More Articles
1282              <i class="fa-solid fa-arrow-right"></i>
1283          </a> 
1284      </div>
1285    </div>
1286    
1287      <div class="flex flex-col">
1288    
1289      <img src="/img/containers/assets/news-assets/isos26-2-website-banner.jpg/31fe6245af4a70af10fca1269a5ad81b/isos26-2-website-banner.jpg" alt="" loading="lazy">
1290    
1291    <div class="flex justify-between flex-col h-full">
1292        <h2>In Search Of Sunset 2026: Part Two</h2>
1293        <p class="text-sm">The rooftop concept returns with Solarstone & Orkidea, Amy Wiles & more.</p>
1294        <a href="/news/in-search-of-sunset-2026-part-two" class="pt-6 text-red-700 font-bold cursor-pointer">Read More</a>
1295    </div>
1296</div>
1297    
1298  </div>
1299</div>
1300
1301<hr class="w-3/5 m-auto bg-gray-300 xl-line">
1302
1303<!-- About-us sectie -->
1304<div class="py-12 space-y-6 mx-auto max-w-[93%] xl:max-w-[77em]">
1305  <h1 class="text-center !my-0">About us</h1>
1306    <div class="max-w-2xl mx-auto px-4 text-center">
1307        <p><p>Black Hole Recordings, a name synonymous with trance’s irresistible rise to prominence. The Breda-based imprint, founded by Arny Bink and Tijs Verwest back in 1997, has been making waves within the trance domain - and beyond - ever since the needle first dropped on their maiden release some 25 years ago. To this day, the company is still largely credited as one of the largest independent electronic dance record labels out there, and end times are nowhere in sight, quite on the contrary. In recent years, trance has resurfaced to the foreground as a first-grade genre, with enormous potential for further success and hit moments in the music industry.</p></p>
1308        <span class="text-red-700 hover:underline">... <a href="/about-us">learn more</a></span>
1309    </div>
1310</div>
1311
1312<!-- Labels sectie -->
1313<div class="xs:hidden mx-auto max-w-[93%] xl:max-w-[77em] overflow-hidden">
1314  <div class="infinite-labels">   
1315    <div class="flex w-[500px] gap-[4rem]">
1316      
1317        
1318            <img class="block max-w-full transition transform duration-100 hover:scale-[0.99]" src="/img/containers/assets/labels-assets/black-hole-label-logo.jpg/cad8081ba23f6dfc70600f36a812388a/black-hole-label-logo.jpg" alt="Black Hole Label Logo" loading="lazy">
1319        
1320      
1321        
1322            <img class="block max-w-full transition transform duration-100 hover:scale-[0.99]" src="/img/containers/assets/labels-assets/in-trance-we-trust-label-logo.jpg/41f995a2bbc0200e2932f772db7e6737/in-trance-we-trust-label-logo.jpg" alt="In Trance We Trust Label Logo" loading="lazy">
1323        
1324      
1325        
1326            <img class="block max-w-full transition transform duration-100 hover:scale-[0.99]" src="/img/containers/assets/labels-assets/magik-muzik-label-logo.jpg/10f58b2ce91edac40e2549e5d3c36bba/magik-muzik-label-logo.jpg" alt="Magik Muzik Label Logo" loading="lazy">
1327        
1328      
1329        
1330            <img class="block max-w-full transition transform duration-100 hover:scale-[0.99]" src="/img/containers/assets/labels-assets/ace-of-clubs.jpg/b5b9a25d2a878ca92f055d5ceb02565b/ace-of-clubs.jpg" alt="Ace Of Clubs Logo" loading="lazy">
1331        
1332      
1333        
1334            <img class="block max-w-full transition transform duration-100 hover:scale-[0.99]" src="/img/containers/assets/labels-assets/avanti-label-logo.jpg/18ae3caed6057c488646bc2f762cc464/avanti-label-logo.jpg" alt="" loading="lazy">
1335        
1336      
1337        
1338            <img class="block max-w-full transition transform duration-100 hover:scale-[0.99]" src="/img/containers/assets/labels-assets/ava-recordings-label-logo.jpg/b7c9cdbacc7b2fc0b25b63c554482b18/ava-recordings-label-logo.jpg" alt="AVA Recordings Label Logo" loading="lazy">
1339        
1340      
1341        
1342            <img class="block max-w-full transition transform duration-100 hover:scale-[0.99]" src="/img/containers/assets/labels-assets/gameroom.jpg/0c9de4bcbccbde860bbfc6a223b0e84c/gameroom.jpg" alt="Gameroom Label Logo" loading="lazy">
1343        
1344      
1345        
1346            <img class="block max-w-full transition transform duration-100 hover:scale-[0.99]" src="/img/containers/assets/labels-assets/kryteria.jpg/1b4b547868f8e28046a09a3c8e00517e/kryteria.jpg" alt="Kryteria Label Logo" loading="lazy">
1347        
1348      
1349        
1350            <img class="block max-w-full transition transform duration-100 hover:scale-[0.99]" src="/img/containers/assets/labels-assets/go-music.jpg/90ba41659d1d0eed5c18bdcea1776a03/go-music.jpg" alt="GO Music Label Logo" loading="lazy">
1351        
1352          
1353    </div>
1354  </div>
1355</div>
1356    </main>
1357    <footer class="bg-neutral-900 text-slate-100">
1358      <!-- Footer top -->
1359<div class="flex justify-center items-center flex-col">
1360    <div class="inline-flex items-center">
1361        <a href="/">
1362            <img class="my-2 w-auto h-10" src="/assets/logo/black-hole-logo-2023.png" alt="Black Hole Recordings">
1363        </a>
1364    </div>
1365      
1366    <div class="xs:px-4">
1367        <nav class="space-x-10 py-4 xs:flex-wrap xs:w-fit xs:space-x-4 xs:inline-flex xs:justify-center">
1368            <a href="/music" class="text-base xs:text-sm !font-poppinsMedium text-slate-100 hover:text-red-600"> Music </a>
1369<a href="/playlists" class="text-base xs:text-sm !font-poppinsMedium text-slate-100 hover:text-red-600"> Playlists </a>
1370<a href="/artists" class="text-base xs:text-sm !font-poppinsMedium text-slate-100 hover:text-red-600"> Artists </a>
1371<a href="/news" class="text-base xs:text-sm !font-poppinsMedium text-slate-100 hover:text-red-600"> News </a>
1372<a href="/labels" class="text-base xs:text-sm !font-poppinsMedium text-slate-100 hover:text-red-600"> Labels </a>
1373<a href="/about-us" class="text-base xs:text-sm !font-poppinsMedium text-slate-100 hover:text-red-600"> About us </a>
1374        </nav>
1375
1376        <div class="sib-form !p-0 !z-0" id="form_sectie" style="text-align: center; background-color: transparent;                                 ">
1377    <div id="sib-form-container" class="sib-form-container">
1378        <div id="error-message" class="sib-form-message-panel"
1379            style="font-size:16px; text-align:left; font-family:Helveticat, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;max-width:540px;">
1380            <div class="sib-form-message-panel__text sib-form-message-panel__text--center">
1381                <svg viewBox="0 0 512 512" class="sib-icon sib-notification__icon">
1382                    <path
1383                        d="M256 40c118.621 0 216 96.075 216 216 0 119.291-96.61 216-216 216-119.244 0-216-96.562-216-216 0-119.203 96.602-216 216-216m0-32C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm-11.49 120h22.979c6.823 0 12.274 5.682 11.99 12.5l-7 168c-.268 6.428-5.556 11.5-11.99 11.5h-8.979c-6.433 0-11.722-5.073-11.99-11.5l-7-168c-.283-6.818 5.167-12.5 11.99-12.5zM256 340c-15.464 0-28 12.536-28 28s12.536 28 28 28 28-12.536 28-28-12.536-28-28-28z" />
1384                </svg>
1385                <span class="sib-form-message-panel__inner-text">
1386                    Your subscription could not be saved. Please try again.
1387                </span>
1388            </div>
1389        </div>
1390        <div></div>
1391        <div id="success-message" class="sib-form-message-panel"
1392            style="font-size:16px; text-align:left; font-family:Helvetica, sans-serif; color:#085229; background-color:#e7faf0; border-radius:3px; border-color:#13ce66;max-width:540px;">
1393            <div class="sib-form-message-panel__text sib-form-message-panel__text--center">
1394                <svg viewBox="0 0 512 512" class="sib-icon sib-notification__icon">
1395                    <path
1396                        d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 464c-118.664 0-216-96.055-216-216 0-118.663 96.055-216 216-216 118.664 0 216 96.055 216 216 0 118.663-96.055 216-216 216zm141.63-274.961L217.15 376.071c-4.705 4.667-12.303 4.637-16.97-.068l-85.878-86.572c-4.667-4.705-4.637-12.303.068-16.97l8.52-8.451c4.705-4.667 12.303-4.637 16.97.068l68.976 69.533 163.441-162.13c4.705-4.667 12.303-4.637 16.97.068l8.451 8.52c4.668 4.705 4.637 12.303-.068 16.97z" />
1397                </svg>
1398                <span class="sib-form-message-panel__inner-text">
1399                    Your subscription has been successful.
1400                </span>
1401            </div>
1402        </div>
1403        <div></div>
1404        <div class="sib-container--large sib-container--vertical bg-white mx-auto inline-block w-full"
1405            style="text-align:center; background-color:#171717; max-width:540px; border-radius:2px; border-width:0px; border-color:#C0CCD9; border-style:solid;">
1406            <form class="flex items-center" id="sib-form" method="POST" action="https://e53ddda9.sibforms.com/serve/MUIEAD5X4nb_lOJbYAamWOGWvTlu5o7Nrg4tZxEMfPdKMDB62NgH8hhtRACpmBxySrfYDI6MjyF6qDuYKo0jTxwSzJkCXsgcBVpWE7cu6RbsxGaDrGb0OysqpyalkrUY63bEUakfW2rCk-o-lhP5UAvhny7QB9A0aXqc_nsNpE0a-IY28UG1R7c2Wb2RseG9YhaAZaHnGJ2PftdZ" data-type="subscription">
1407
1408                <div class="form__entry entry_block">
1409                    <div class="form__label-row">
1410
1411                        <div class="entry__field text-black sm:w-full md:w-[350px] lg:w-[350px] xl:w-[350px] 2xl:w-[350px]">
1412                            <input class="input" type="text" id="EMAIL" name="EMAIL" autocomplete="off"
1413                                placeholder="EMAIL" data-required="true" required />
1414                        </div>
1415                    </div>
1416
1417                    <label class="entry__error entry__error--primary"
1418                        style="font-size:16px; text-align:left; font-family:Helvetica, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;">
1419                    </label>
1420                </div>
1421
1422                <div style="text-align: center">
1423                    <button class="mb-[0.35rem] px-4 py-2" style="font-size:16px; text-align:center; font-weight:700; font-family:Helvetica, sans-serif; color:#FFFFFF; background-color:#dc2626;" form="sib-form" type="submit">
1424                        <svg class="icon clickable__icon progress-indicator__icon sib-hide-loader-icon"
1425                            viewBox="0 0 512 512">
1426                            <path
1427                                d="M460.116 373.846l-20.823-12.022c-5.541-3.199-7.54-10.159-4.663-15.874 30.137-59.886 28.343-131.652-5.386-189.946-33.641-58.394-94.896-95.833-161.827-99.676C261.028 55.961 256 50.751 256 44.352V20.309c0-6.904 5.808-12.337 12.703-11.982 83.556 4.306 160.163 50.864 202.11 123.677 42.063 72.696 44.079 162.316 6.031 236.832-3.14 6.148-10.75 8.461-16.728 5.01z" />
1428                        </svg>
1429                        SUBSCRIBE
1430                    </button>
1431                </div>
1432
1433                <input type="text" name="email_address_check" value="" class="input--hidden">
1434                <input type="hidden" name="locale" value="en">
1435            </form>
1436        </div>
1437    </div>
1438</div>
1439
1440        <div class="flex items-center justify-center space-x-4 py-4">
1441          <a href="https://music.apple.com/curator/black-hole-recordings/1593145520" target="_blank">
1442              <svg version="1.1" id="Layer_1" fill="white" class="w-6" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
1443              viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
1444             <path d="M32,8.2c0-1-0.1-2-0.3-2.9c-0.4-1.7-1.4-3.1-2.9-4.1c-0.8-0.5-1.6-0.8-2.5-1C25.6,0.1,24.9,0,24.2,0c-0.1,0-0.1,0-0.2,0H8
1445                 C7.8,0,7.6,0,7.4,0c-1,0.1-2,0.2-2.9,0.5C2.7,1.3,1.4,2.5,0.6,4.3C0.4,4.9,0.2,5.5,0.2,6.2C0.1,6.7,0,7.2,0,7.7c0,0,0,0.1,0,0.1
1446                 v16.3c0,0.2,0,0.4,0,0.6c0.1,1.1,0.2,2.2,0.7,3.2C1.6,29.8,3,31,5,31.6c0.6,0.2,1.1,0.2,1.7,0.3C7.5,32,8.2,32,9,32h14.7
1447                 c0.7,0,1.4,0,2.1-0.1c1.1-0.1,2.1-0.5,3.1-1.1c1.1-0.7,2-1.7,2.5-2.9c0.2-0.6,0.4-1.2,0.5-1.8c0.2-0.9,0.2-1.8,0.2-2.7
1448                 C32,18.3,32,13.2,32,8.2L32,8.2z M23.4,13.5v7.6c0,0.6-0.1,1.1-0.3,1.6c-0.4,0.8-1,1.3-1.8,1.5c-0.5,0.1-0.9,0.2-1.4,0.2
1449                 c-1.3,0.1-2.4-0.8-2.6-2c-0.2-1,0.3-2.2,1.4-2.7c0.4-0.2,0.9-0.3,1.4-0.4c0.5-0.1,1-0.2,1.5-0.3c0.4-0.1,0.6-0.3,0.7-0.7
1450                 c0-0.1,0-0.2,0-0.3c0-2.4,0-4.8,0-7.3c0-0.1,0-0.2,0-0.2c-0.1-0.2-0.2-0.3-0.4-0.3c-0.2,0-0.4,0-0.6,0.1c-1,0.2-2,0.4-3,0.6l-4.9,1
1451                 c0,0,0,0-0.1,0c-0.4,0.1-0.5,0.3-0.5,0.7c0,0.1,0,0.1,0,0.2c0,3.5,0,6.9,0,10.4c0,0.6-0.1,1.1-0.3,1.6c-0.4,0.9-1,1.4-1.9,1.6
1452                 c-0.5,0.1-0.9,0.2-1.4,0.2c-1.3,0-2.3-0.8-2.6-2.1c-0.2-1.1,0.3-2.2,1.5-2.8c0.5-0.2,1-0.3,1.5-0.4c0.4-0.1,0.8-0.2,1.1-0.2
1453                 c0.5-0.1,0.8-0.4,0.8-1V20c0-3.9,0-7.9,0-11.8c0-0.2,0-0.3,0.1-0.5c0.1-0.4,0.4-0.6,0.7-0.7c0.3-0.1,0.7-0.2,1-0.2
1454                 c1-0.2,2-0.4,2.9-0.6l3-0.6C20,5.4,20.9,5.2,21.8,5c0.3-0.1,0.6-0.1,0.9-0.1c0.4,0,0.7,0.2,0.7,0.6c0,0.1,0,0.2,0,0.3
1455                 C23.4,8.4,23.4,10.9,23.4,13.5L23.4,13.5z"/>
1456              </svg>
1457          </a>
1458          <a href="https://open.spotify.com/user/blackholerecordings?si=3e5965c6b3584f11" target="_blank">
1459              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" fill="white" class="w-6">
1460                  <path d="M248 8C111.1 8 0 119.1 0 256s111.1 248 248 248 248-111.1 248-248S384.9 8 248 8zm100.7 364.9c-4.2 0-6.8-1.3-10.7-3.6-62.4-37.6-135-39.2-206.7-24.5-3.9 1-9 2.6-11.9 2.6-9.7 0-15.8-7.7-15.8-15.8 0-10.3 6.1-15.2 13.6-16.8 81.9-18.1 165.6-16.5 237 26.2 6.1 3.9 9.7 7.4 9.7 16.5s-7.1 15.4-15.2 15.4zm26.9-65.6c-5.2 0-8.7-2.3-12.3-4.2-62.5-37-155.7-51.9-238.6-29.4-4.8 1.3-7.4 2.6-11.9 2.6-10.7 0-19.4-8.7-19.4-19.4s5.2-17.8 15.5-20.7c27.8-7.8 56.2-13.6 97.8-13.6 64.9 0 127.6 16.1 177 45.5 8.1 4.8 11.3 11 11.3 19.7-.1 10.8-8.5 19.5-19.4 19.5zm31-76.2c-5.2 0-8.4-1.3-12.9-3.9-71.2-42.5-198.5-52.7-280.9-29.7-3.6 1-8.1 2.6-12.9 2.6-13.2 0-23.3-10.3-23.3-23.6 0-13.6 8.4-21.3 17.4-23.9 35.2-10.3 74.6-15.2 117.5-15.2 73 0 149.5 15.2 205.4 47.8 7.8 4.5 12.9 10.7 12.9 22.6 0 13.6-11 23.3-23.2 23.3z"/>
1461              </svg>
1462          </a>
1463          <a href="https://www.youtube.com/@blackholerecordings" target="_blank">
1464              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="white" class="w-8">
1465                  <path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z" />
1466              </svg>
1467          </a>
1468          <a href="https://twitter.com/blackholerec" target="_blank">
1469              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="white" class="w-6">
1470                  <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z" />
1471                </svg>
1472          </a>
1473          <a href="https://www.facebook.com/blackholerecordings" target="_blank">
1474              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="white" class="w-4">
1475                  <path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z" />
1476              </svg>
1477          </a>
1478          <a href="https://soundcloud.com/blackholerecordings" target="_blank">
1479              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" fill="white" class="w-8">
1480                  <path d="M111.4 256.3l5.8 65-5.8 68.3c-.3 2.5-2.2 4.4-4.4 4.4s-4.2-1.9-4.2-4.4l-5.6-68.3 5.6-65c0-2.2 1.9-4.2 4.2-4.2 2.2 0 4.1 2 4.4 4.2zm21.4-45.6c-2.8 0-4.7 2.2-5 5l-5 105.6 5 68.3c.3 2.8 2.2 5 5 5 2.5 0 4.7-2.2 4.7-5l5.8-68.3-5.8-105.6c0-2.8-2.2-5-4.7-5zm25.5-24.1c-3.1 0-5.3 2.2-5.6 5.3l-4.4 130 4.4 67.8c.3 3.1 2.5 5.3 5.6 5.3 2.8 0 5.3-2.2 5.3-5.3l5.3-67.8-5.3-130c0-3.1-2.5-5.3-5.3-5.3zM7.2 283.2c-1.4 0-2.2 1.1-2.5 2.5L0 321.3l4.7 35c.3 1.4 1.1 2.5 2.5 2.5s2.2-1.1 2.5-2.5l5.6-35-5.6-35.6c-.3-1.4-1.1-2.5-2.5-2.5zm23.6-21.9c-1.4 0-2.5 1.1-2.5 2.5l-6.4 57.5 6.4 56.1c0 1.7 1.1 2.8 2.5 2.8s2.5-1.1 2.8-2.5l7.2-56.4-7.2-57.5c-.3-1.4-1.4-2.5-2.8-2.5zm25.3-11.4c-1.7 0-3.1 1.4-3.3 3.3L47 321.3l5.8 65.8c.3 1.7 1.7 3.1 3.3 3.1 1.7 0 3.1-1.4 3.1-3.1l6.9-65.8-6.9-68.1c0-1.9-1.4-3.3-3.1-3.3zm25.3-2.2c-1.9 0-3.6 1.4-3.6 3.6l-5.8 70 5.8 67.8c0 2.2 1.7 3.6 3.6 3.6s3.6-1.4 3.9-3.6l6.4-67.8-6.4-70c-.3-2.2-2-3.6-3.9-3.6zm241.4-110.9c-1.1-.8-2.8-1.4-4.2-1.4-2.2 0-4.2.8-5.6 1.9-1.9 1.7-3.1 4.2-3.3 6.7v.8l-3.3 176.7 1.7 32.5 1.7 31.7c.3 4.7 4.2 8.6 8.9 8.6s8.6-3.9 8.6-8.6l3.9-64.2-3.9-177.5c-.4-3-2-5.8-4.5-7.2zm-26.7 15.3c-1.4-.8-2.8-1.4-4.4-1.4s-3.1.6-4.4 1.4c-2.2 1.4-3.6 3.9-3.6 6.7l-.3 1.7-2.8 160.8s0 .3 3.1 65.6v.3c0 1.7.6 3.3 1.7 4.7 1.7 1.9 3.9 3.1 6.4 3.1 2.2 0 4.2-1.1 5.6-2.5 1.7-1.4 2.5-3.3 2.5-5.6l.3-6.7 3.1-58.6-3.3-162.8c-.3-2.8-1.7-5.3-3.9-6.7zm-111.4 22.5c-3.1 0-5.8 2.8-5.8 6.1l-4.4 140.6 4.4 67.2c.3 3.3 2.8 5.8 5.8 5.8 3.3 0 5.8-2.5 6.1-5.8l5-67.2-5-140.6c-.2-3.3-2.7-6.1-6.1-6.1zm376.7 62.8c-10.8 0-21.1 2.2-30.6 6.1-6.4-70.8-65.8-126.4-138.3-126.4-17.8 0-35 3.3-50.3 9.4-6.1 2.2-7.8 4.4-7.8 9.2v249.7c0 5 3.9 8.6 8.6 9.2h218.3c43.3 0 78.6-35 78.6-78.3.1-43.6-35.2-78.9-78.5-78.9zm-296.7-60.3c-4.2 0-7.5 3.3-7.8 7.8l-3.3 136.7 3.3 65.6c.3 4.2 3.6 7.5 7.8 7.5 4.2 0 7.5-3.3 7.5-7.5l3.9-65.6-3.9-136.7c-.3-4.5-3.3-7.8-7.5-7.8zm-53.6-7.8c-3.3 0-6.4 3.1-6.4 6.7l-3.9 145.3 3.9 66.9c.3 3.6 3.1 6.4 6.4 6.4 3.6 0 6.4-2.8 6.7-6.4l4.4-66.9-4.4-145.3c-.3-3.6-3.1-6.7-6.7-6.7zm26.7 3.4c-3.9 0-6.9 3.1-6.9 6.9L227 321.3l3.9 66.4c.3 3.9 3.1 6.9 6.9 6.9s6.9-3.1 6.9-6.9l4.2-66.4-4.2-141.7c0-3.9-3-6.9-6.9-6.9z" />
1481              </svg>
1482          </a>
1483          <a href="https://www.deezer.com/nl/profile/3855086042" target="_blank">
1484              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="w-8" fill="white">
1485                  <path d="M451.46,244.71H576V172H451.46Zm0-173.89v72.67H576V70.82Zm0,275.06H576V273.2H451.46ZM0,447.09H124.54V374.42H0Zm150.47,0H275V374.42H150.47Zm150.52,0H425.53V374.42H301Zm150.47,0H576V374.42H451.46ZM301,345.88H425.53V273.2H301Zm-150.52,0H275V273.2H150.47Zm0-101.17H275V172H150.47Z" />
1486                </svg>
1487          </a>
1488        </div>          
1489    </div>
1490</div>
1491<!-- Footer bottom -->
1492<div class="bg-neutral-600 flex justify-center items-center py-0.5">
1493  &copy; 
1493<script>
1494      document.write(new Date().getFullYear());
1495
1496  </script>
1496 Black Hole Recordings
1497</div>
1498    </footer>
1499
1500     <!-- Back to top button -->
1501 <button type="button" data-mdb-ripple="true" data-mdb-ripple-color="light" class="z-50 inline-block p-3 bg-red-600 text-white font-medium text-xs leading-tight uppercase rounded-full shadow-md hover:bg-red-700 hover:shadow-lg focus:bg-red-700 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-red-800 active:shadow-lg transition duration-150 ease-in-out xs:bottom-28 sm:bottom-24 bottom-16 right-2.5" id="btn-back-to-top">
1502    <svg aria-hidden="true" focusable="false" data-prefix="fas" class="w-4 h-4" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"></path></svg>
1503  </button>
1504    <div id="cookie-consent" class="sticky bottom-0 py-2 z-20 text-slate-50 xs:border xs:border-t-slate-50">
1505    <div class="flex flex-wrap gap-4 mx-auto max-w-[93%] xl:max-w-[77em]">
1506      <div class="flex flex-auto items-center w-60 gap-2 xs:flex-col xs:items-start sm:flex-col sm:items-start">
1507        <span>
1508          This website uses cookies to ensure you get the best experience on our website.
1509        </span>
1510        <a href="/en/cookie_policy" class="text-blue-400 whitespace-nowrap hover:underline">Learn more</a>
1511      </div>
1512        <div class="xs:my-2">
1513          <button id="cookieAcceptBtn" class="bg-red-600 px-5 py-2 text-white rounded-md hover:bg-red-800">Accept</button>
1514      </div>
1515    </div>
1516   </div>
1517    
1517<script src="/js/site.js?id=e8c60972762f32ef3b517f4627d02af7"></script>
1517
1518    
1518<script src="/js/backtotop.js?id=890881c67370a9a2a95094c987b1330a"></script>
1518
1519    
1519<script src="/js/cookies.js?id=35690854747fb004cba033b4d0c6b8b8"></script>
1519 
1520    
1520<script src="/js/hiddennav.js?id=11e38e9593f11a62f6f8181e8caaae43"></script>
1520 
1521    
1521<script src="/js/banner.js?id=a16c263e8a14080c7c0aaeb5aa6a2e2f"></script>
1521 
1522    
1522<script>
1523      window.REQUIRED_CODE_ERROR_MESSAGE = 'Please choose a country code';
1524      window.LOCALE = 'en';
1525      window.EMAIL_INVALID_MESSAGE = window.SMS_INVALID_MESSAGE = "The information provided is invalid. Please review the field format and try again.";
1526    
1527      window.REQUIRED_ERROR_MESSAGE = "This field cannot be left blank. ";
1528    
1529      window.GENERIC_INVALID_MESSAGE = "The information provided is invalid. Please review the field format and try again.";
1530    
1531    
1532    
1533    
1534      window.translation = {
1535        common: {
1536          selectedList: '{quantity} list selected',
1537          selectedLists: '{quantity} lists selected'
1538        }
1539      };
1540    
1541      var AUTOHIDE = Boolean(0);
1542    </script>
1542
1543    
1543<script defer src="https://sibforms.com/forms/end-form/build/main.js"></script>
1543
1544</body>
1545
1546</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.