1<!doctype html> 2<html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 <meta name="description" content="Club Paris â Record label, playlist curation and DJ promotion." /> 7 <title>Club Paris â Electronic Music in Orbit</title> 8 <link rel="preconnect" href="https://fonts.googleapis.com" /> 9 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 10 <link href="https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap" rel="stylesheet" /> 11 <link rel="stylesheet" href="styles.css" /> 12 13</head> 14 <body> 15 <div class="grain"></div> 16 <header class="site-header"> 17 <a class="brand" href="#top" aria-label="Club Paris home"><img src="assets/club-paris-logo.png" alt="Club Paris" /></a> 18 <nav aria-label="Primary navigation"> 19 <a href="#releases">Catalog</a> 20 <a href="#playlists">Playlists</a> 21 <a href="#promotion">DJ Promotion</a> 22 <a href="#about">About</a> 23 </nav> 24 <a class="header-cta" href="#promotion">Submit music <span>â</span></a> 25 </header> 26 27 <main id="top"> 28 <section class="hero section-shell"> 29 <div class="hero-signal" aria-hidden="true"></div> 30 <div class="hero-orbit orbit-one" aria-hidden="true"></div><div class="hero-orbit orbit-two" aria-hidden="true"></div> 31 <div class="hero-content"> 32 <h1>Electronic<br /><em>music in orbit.</em></h1> 33 <p class="hero-copy">A record label, playlist curator and DJ promotion service for melodic techno, progressive house and trance.</p> 34 <div class="hero-actions"> 35 <a class="button button-solid" href="#releases">Explore catalog <span>â</span></a> 36 <a class="button button-quiet" href="#playlists">Listen to playlists <span>â</span></a> 37 </div> 38 </div> 39 <div class="hero-footer"><a href="https://open.spotify.com/user/lnscq8i7kv3nkwdp7j0qgv0zw?si=465006447b634fb1" target="_blank" rel="noreferrer">Follow Club Paris on Spotify â</a></div> 40 </section> 41 <div class="signal-band" aria-hidden="true"></div> 42 43 <section id="releases" class="section-shell releases"> 44 <div class="section-heading"><p class="eyebrow">The catalog</p><h2>Catalog</h2><a class="text-link" href="https://www.beatport.com/label/club-paris-records/104262" target="_blank" rel="noreferrer">View on Beatport â</a></div> 45 <article class="feature-release"> 46 <div class="feature-art"><img src="assets/cpr004.jpg" alt="Guillaume Chaucheprat â I Remember cover" /></div> 47 <div class="feature-copy"><p class="catalogue">CPR004 · Latest release</p><h3>Guillaume Chaucheprat<br /><i>I Remember</i></h3><p>A burning signal from the edge of the night.</p><a class="button button-outline" href="https://ffm.to/cpr004" target="_blank" rel="noreferrer">Listen now <span>â</span></a></div> 48 </article> 49 <div class="release-grid"> 50 <article class="release-card"><img src="assets/cpr003.jpg" alt="Guillaume Chaucheprat â I Remember (Breame Remix) cover" /><p class="catalogue">CPR003</p><h3>Guillaume Chaucheprat</h3><p class="release-track">I Remember (Breame Remix)</p><a class="button button-outline" href="https://ffm.to/cpr003" target="_blank" rel="noreferrer">Listen <span>â</span></a></article> 51 <article class="release-card"><img src="assets/cpr002.jpg" alt="ReFil â Gaia cover" /><p class="catalogue">CPR002</p><h3>ReFil</h3><p class="release-track">Gaia</p><a class="button button-outline" href="https://ffm.to/cpr002" target="_blank" rel="noreferrer">Listen <span>â</span></a></article> 52 <article class="release-card"><img src="assets/cpr001.jpg" alt="Pakka x Sparthias â Dark Nebula cover" />
52<p class="catalogue">CPR001</p><h3>Pakka x Sparthias</h3><p class="release-track">Dark Nebula</p><a class="button button-outline" href="https://ffm.to/cpr001" target="_blank" rel="noreferrer">Listen <span>â</span></a></article> 53 </div> 54 </section> 55 <div class="signal-band" aria-hidden="true"></div> 56 57 <section id="playlists" class="playlists"> 58 <div class="section-shell"><div class="section-heading heading-light"><p class="eyebrow">Curated frequencies</p><h2>Playlists</h2><p class="section-intro">A selection built for every orbit.</p></div></div> 59 <div class="playlist-grid"> 60 <a class="playlist-card after-dark" href="https://music.clubparismusic.com/afterdarkplaylist" target="_blank" rel="noreferrer"><img src="assets/playlist-after-dark.jpg" alt="After Dark playlist artwork" /><span><b>After Dark</b><small>Melodic Techno · Club Vibes</small></span><i>â</i></a> 61 <a class="playlist-card euphoria" href="https://music.clubparismusic.com/euphoriaplaylist" target="_blank" rel="noreferrer"><img src="assets/playlist-euphoria.jpg" alt="Euphoria playlist artwork" /><span><b>Euphoria</b><small>Progressive House · Trance</small></span><i>â</i></a> 62 <a class="playlist-card trance" href="https://music.clubparismusic.com/trance2-0" target="_blank" rel="noreferrer"><img src="assets/playlist-trance.jpg" alt="Trance 2.0 playlist artwork" /><span><b>Trance 2.0</b><small>Trance is the new trance</small></span><i>â</i></a> 63 <a class="playlist-card sunset" href="https://music.clubparismusic.com/sunsetplaylist" target="_blank" rel="noreferrer"><img src="assets/playlist-sunset.jpg" alt="Sunset playlist artwork" /><span><b>Sunset</b><small>Chill · Melodic House</small></span><i>â</i></a> 64 </div> 65 <div class="section-shell playlist-note"><p>Want to submit to <strong>After Dark</strong>?</p><a href="https://www.submithub.com/playlister/club-paris?c=clubparis10" target="_blank" rel="noreferrer">SubmitHub â</a><a href="https://app.playlistpush.com/submit-landing?curator_id=418080&playlist_id=2827500&utm_source=submitmusic.to&utm_medium=shorturls&utm_campaign=CLUB+PARIS+AFTER+DARK+%7C+Real+Melodic+Techno+-+Club+Vibes+%F0%9F%91%A8%E2%80%8D%F0%9F%9A%80&utm_content=club-paris-melodic-techno&short_aff=clubparis&h=d2bb22ca" target="_blank" rel="noreferrer">PlaylistPush â</a></div> 66 </section> 67 <div class="signal-band" aria-hidden="true"></div> 68 69 <section id="promotion" class="promotion section-shell"> 70 <div class="promotion-title"><p class="eyebrow">Put your release in the right hands</p><h2>DJ<br />Promotion</h2><p class="promotion-copy">Targeted promo campaigns for electronic records ready to travel further.</p><p class="promotion-proof">Delivered via Inflyte to an international pool of 80+ DJs, including top-ranking artists featured in the DJ Mag rankings.</p></div> 71 <form id="promo-form" class="promo-form"> 72 <p class="form-label">Tell us about your release</p> 73 <label>Artist / project name <input required name="artist" type="text" placeholder="Your artist name" /></label> 74 <label>Email address <input required name="email" type="email" placeholder="[email protected]" /></label> 75 <label>Private streaming link <input required name="link" type="url" placeholder="SoundCloud, Dropbox, etc." /></label> 76 <label>Release date <input name="date" type="text" placeholder="DD / MM / YYYY" /></label> 77 <label>Message <textarea name="message" rows="4" placeholder="Tell us about the track, genre and campaign objectives."></textarea></label> 78 <button class="button button-solid" type="submit">Start a campaign <span>â</span></button> 79 <p class="form-note">This opens your email client addressed to Club Paris. Weâll reply with the next steps. Recipient lists are selected for each campaign.</p> 80 </form> 81 </section> 82 83 <section id="about" class="about section-shell"><p class="eyebrow">About Club Paris</p><div><h2>One label.<br />Four worlds.<br /><em>One signal.</em></h2><p>Club Paris is an independent electronic music platform based in Paris. We release forward-looking music, curate focused playlists and connect records with DJs who move the culture.</p><a href="mailto:[email protected]" class="text-link">[email protected] â</a></div></section> 84 <div class="signal-band" aria-hidden="true"></div> 85 </main> 86 <footer><img src="assets/club-paris-logo.png" alt="Club Paris" /><div><a href="mailto:[email protected]">Demo submissions â</a><a href="mailto:[email protected]">General contact â</a></div><p>© 2026 Club Paris</p></footer> 87
87<script src="script.js"></script>
87 88
88<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"f7c87f04ba9e4d6e88e3c05bbac8c787","r":1,"spa":2}' crossorigin="anonymous"></script>
88 89</body> 90</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.