1<!DOCTYPE html> 2<html lang="es"> 3 <head> 4 <title>Retain | Sitio web oficial</title> 5<meta charset="utf-8"> 6<meta name="viewport" content="width=device-width, initial-scale=1.0"> 7<meta name="description" content="DJ Retain combina su pasión por la música dance con su profundo amor por Jesús, creando pistas que inspiran y resuenan con oyentes en todo el mundo."> 8<meta name="keywords" content="Retain, DJ Retain, djretain, música dance cristiana, remixes de alabanza, DJ cristiano, remixes de música cristiana"> 9<meta property="og:title" content="Retain | Sitio web oficial"> 10<meta property="og:description" content="DJ Retain combina su pasión por la música dance con su profundo amor por Jesús, creando pistas que inspiran y resuenan con oyentes en todo el mundo."> 11<meta property="og:image" content="https://www.djretain.com/assets/files/retain-music-dj-show-live-opwekking-christian-dance-teenzone-8.webp"> 12<meta property="og:type" content="website"> 13<meta property="og:updated_time" content="1779372418"> 14<meta name="twitter:title" content="Retain | Sitio web oficial"> 15<meta name="twitter:description" content="DJ Retain combina su pasión por la música dance con su profundo amor por Jesús, creando pistas que inspiran y resuenan con oyentes en todo el mund
15o."> 16<meta name="twitter:image" content="https://www.djretain.com/assets/files/retain-music-dj-show-live-opwekking-christian-dance-teenzone-8.webp"> 17 <link rel="shortcut icon" type="image/png" href="/assets/files/retain-dj-music-favicon.png" data-href_alt="retain_dj_music_favicon"> 18 <link rel="canonical" href="https://www.djretain.com/es/"> 19 <link rel="preload" href="/assets/fonts/poppins/poppins-bold.woff2" as="font" type="font/woff2" crossorigin="anonymous"> 20<link rel="preload" href="/assets/fonts/poppins/poppins-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous"> 21<link rel="stylesheet" href="/assets/css/fonts.css?v=1779372418"> 22 <link rel="stylesheet" href="/assets/css/website.css?v=1779372418"> 23 <link rel="stylesheet" href="/assets/css/page-1312229.css?v=1779372418"> 24
24<script> 25 const LANGUAGE_CODE = 'es'; 26</script>
vendor: 1 bytes, line 26
26
27<script src="/assets/vendors/jquery/jquery.min.js"></script>
27 28 <meta name="theme-color" content="#944ACF" /> 29<link rel="stylesheet" href="https://use.typekit.net/jyk8yng.css"> 30<meta property="og:site_name" content="DJ Retain"> 31<!-- Google Tag Manager -->
32<script>
vendor: 331 bytes, lines 32-36
32(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 33new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 34j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 35'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 36})(window,document,'script','dataLayer','
36GTM-K86KRD74
vendor: 3 bytes, line 36
36');
36</script>
36 37<!-- End Google Tag Manager --> 38 <link rel="alternate" hreflang="en" href="https://www.djretain.com/"> 39<link rel="alternate" hreflang="es" href="https://www.djretain.com/es/"> 40<link rel="alternate" hreflang="pt" href="https://www.djretain.com/pt/"> 41<link rel="alternate" hreflang="x-default" href="https://www.djretain.com/">
42<script type="application/ld+json"> 43{ 44 "@context": "http://schema.org", 45 "@type": "MusicGroup", 46 "name": "Retain", 47 "alternateName": "DJ Retain, Retain Music", 48 "url": "https://www.djretain.com", 49 "genre": "Electronic Dance Music", 50 "album": [ 51 { 52 "@type": "MusicAlbum", 53 "name": "DJ Retain's Top Tracks", 54 "url": "https://open.spotify.com/playlist/1NQlUs6fMsC1tHe8T5Xr0W" 55 } 56 ], 57 "description": "Retain, a music producer and DJ from The Netherlands, aims to unify two movements: dance music and faith. His profound faith in God and deep passion for dance music combine to produce tracks that are not only energetic but also joyously uplifting.", 58 "image": "https://www.djretain.com/assets/files/retain-dj-music-about-christian-artist-netherlands.1920x0x0x100.jpg", 59 "sameAs": [ 60 "https://www.tiktok.com/@retaindj", 61 "https://www.facebook.com/retaindj", 62 "https://musicbrainz.org/artist/1d308783-3d63-4e72-9140-5560fdb14432", 63 "https://www.youtube.com/channel/UC5JvSJZfOwAnqCOEWv2XoAw", 64 "https://www.instagram.com/retaindj", 65 "https://open.spotify.com/artist/5SwavZEv1VevR29sNLYTbF", 66 "https://www.linkedin.com/company/retain-music/", 67 "https://soundcloud.com/retainmusic", 68 "https://music.apple.com/nl/artist/retain/953492719", 69 "https://music.youtube.com/channel/UC9G9aBGiSQtgS0ChB0kjvRg", 70 "https://www.last.fm/music/Retain", 71 "https://www.imdb.com/name/nm16141398", 72 "https://www.newreleasetoday.com/artistdetail.php?artist_id=7892" 73 ] 74} 75</script>
75 76
77<script type="application/ld+json"> 78{ 79 "@context": "http://schema.org", 80 "@type": "Organization", 81 "name": "Retain Music", 82 "alternateName": "DJ Retain, Retain", 83 "url": "https://www.djretain.com", 84 "logo": "https://www.djretain.com/assets/files/retain-logo-dj-music-2024.jpg", 85 "email": "[email protected]", 86 "contactPoint": { 87 "@type": "ContactPoint", 88 "email": "[email protected]", 89 "contactType": "customer service", 90 "areaServed": "EN", 91 "availableLanguage": ["English", "Dutch", "Spanish", "Portugese"] 92 }, 93 "sameAs": [ 94 "https://www.facebook.com/retaindj", 95 "https://www.twitter.com/retaindj", 96 "https://www.youtube.com/channel/UC5JvSJZfOwAnqCOEWv2XoAw", 97 "https://www.instagram.com/retaindj", 98 "https://open.spotify.com/artist/5SwavZEv1VevR29sNLYTbF", 99 "https://www.tiktok.com/@retaindj", 100 "https://www.linkedin.com/company/retain-music/", 101 "https://soundcloud.com/retainmusic", 102 "https://music.apple.com/nl/artist/retain/953492719", 103 "https://music.youtube.com/channel/UC9G9aBGiSQtgS0ChB0kjvRg", 104 "https://www.last.fm/music/Retain", 105 "https://www.imdb.com/name/nm16141398", 106 "https://www.newreleasetoday.com/artistdetail.php?artist_id=7892" 107 ] 108} 109</script>
109 110
110<script src="/js/script.js" defer data-domain="djretain.com"></script>
110 111 112 </head> 113 <body> 114
114<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
vendor: 2 bytes, line 114
114
115<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>
vendor: 2 bytes, line 115
115
116<script src="https://unpkg.com/split-type"></script>
vendor: 2 bytes, line 116
116
117<script src="https://cdn.jsdelivr.net/gh/studio-freight/[email protected]/bundled/lenis.min.js"></script>
vendor: 2 bytes, line 117
117
118<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/Flip.min.js"></script>
118 119
120<script> 121 const lenis = new Lenis(); 122 123 lenis.on('scroll', ScrollTrigger.update); 124 125 gsap.ticker.add((time) => { 126 lenis.raf(time * 1000); 127 }); 128 129 gsap.ticker.lagSmoothing(0); 130</script>
130 131
132<script> 133addEventListener("DOMContentLoaded", (event) => { 134 if (!document.querySelector("#bw-editor")) { 135 const headings = document.querySelectorAll("[data-text-reveal-1]"); 136 137 headings.forEach((heading) => { 138 let outerSplit; 139 let innerSplit; 140 let tl; 141 142 function init() { 143 gsap.set(heading, { autoAlpha: 1 }); 144 145 if (outerSplit && innerSplit) { 146 outerSplit.revert(); 147 innerSplit.revert(); 148 } 149 150 outerSplit = new SplitType(heading, { 151 types: "lines", 152 lineClass: "st-line", 153 tagName: 'span', 154 }); 155 156 innerSplit = new SplitType(heading.querySelectorAll(".st-line"), { 157 types: "lines", 158 lineClass: "st-line-inner", 159 tagName: 'span', 160 }); 161 162 gsap.from(innerSplit.lines, { 163 duration: 0.64, 164 ease: "power2.out", 165 skewY: 6, 166 stagger: 0.12, 167 yPercent: 164, 168 scrollTrigger: { 169 trigger: heading, 170 start: "top 75%", 171 toggleActions: "play none none none", 172 }, 173 }); 174 } 175 176 let timeout; 177 let delay = 250; 178 179 let previousWidth = window.innerWidth; 180 181 window.addEventListener("resize", function () { 182 if (window.innerWidth !== previousWidth) { 183 gsap.set(heading, { autoAlpha: 0 }); 184 clearTimeout(timeout); 185 timeout = setTimeout(init, delay); 186 previousWidth = window.innerWidth; 187 } 188 }); 189 190 init(); 191 }); 192 } 193}); 194</script>
194 195 196<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 196-197
196 197<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
197GTM-K86KRD74
vendor: 85 bytes, lines 197-198
197" 198height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
199<!-- End Google Tag Manager (noscript) --> 200 201 <div class="page" id="page-1312229"> 202 <section class="block-8-1 dark"> 203 <div class="container container-1"> 204 <div class="media-2 dark"> 205 <video src="/assets/files/retain-preloader-logo.mp4#t=0.001" autoplay playsinline loop muted alt="Retain preloader logo"></video> 206 <img src alt> 207 <span class="video-play"></span> 208 </div> 209 <div class="row row-1"> 210 <div class="col col-1"> 211 <div class="box box-1"> 212 <div class="media-1 light" data-color="fill"> 213 <svg xmlns="http://www.w3.org/2000/svg" width="109.659" height="21.011" viewBox="0 0 109.659 21.011" id="svg-n01y5lwffn153p8kix2cagzfrxmwi02v"> 214 <g id="svg-el-ws71v1lnuj9i8mr245so7ha9z5lisflx" data-name="Group 81" transform="translate(-128.496 -74.823)"> 215 <path id="svg-el-mygrvtvl9qc0z0towo3lzz337uyuy0pi" data-name="Path 95" d="M101.28,508.531c-2.735-.167-5.5-.167-8.238-.167-2.8,0-5.6,0-8.438.167v-7.6l5.47-.334c-4.1-.7-5.97-3-5.97-5.5a9.12,9.12,0,0,1,.1-1.367h6.87a11.924,11.924,0,0,0-.334,2.9c0,2.435.867,3.8,3.3,3.8h7.237Z" transform="translate(637.027 -5.946) rotate(90)"/> 216 <path id="svg-el-rgizx34mi9ewfw7hdx6bcve52fw4q95a" data-name="Path 96" d="M93.409,379.488v13.006c2.4-.2,3.269-2.2,3.269-4.936a27.179,27.179,0,0,0-.8-6.87h4.9a28.376,28.376,0,0,1,1,7.837c0,7.137-2.535,11.673-8.4,11.673-6.3,0-9.271-5.136-9.271-11.406,0-6.737,3.2-9.471,7.271-9.471a13.181,13.181,0,0,1,2.034.167m-1.767,6.3c-2,.2-3.035,1.1-3.035,3.035a3.558,3.558,0,0,0,3.168,3.6Z" transform="translate(544.603 -5.946) rotate(90)"/> 217 <path id="svg-el-0em2hbype6mkwqzo3eu5ylp44m5juoed" data-name="Path 97" d="M86.629,308.5h-6.1l.033,2.4H76.324c0-3.568-1.3-8.1-2.635-9.872v-.5h2.6c-.033-1.5-.033-3-.1-4.536h4.369c-.067,1.5-.067,3.035-.067,4.536h5.4c1.668,0,2.368-.933,2.368-2.668A5.9,5.9,0,0,0,88,295.989h4.836a17.367,17.367,0,0,1,.534,4.569c0,5.7-2.3,7.937-6.737,7.937" transform="translate(477.28 2.468) rotate(90)"/> 218 <path id="svg-el-9mxyrl84jag7mhxcqhsrw89t9e5cezos" data-name="Path 98" d="M96.544,181.03c2.035,0,2.9,0,4.736-.133v7.27l-4.669.4c3.269.834,5.17,3.4,5.17,7.17,0,3.4-1.5,5.736-4.536,5.736-4.536,0-5.67-5-5.77-12.606-1.5.2-2.168,1.267-2.168,3.868a32.718,32.718,0,0,0,.867,7.2h-5a38.843,38.843,0,0,1-1.067-8.871c0-7.2,2.2-10.038,7.6-10.038ZM93.409,188.8h-.4c.2,3.635,1.067,5.3,2.534,5.3,1,0,1.534-.667,1.534-1.9a3.482,3.482,0,0,0-3.669-3.4" transform="translate(384.299 -5.946) rotate(90)"/> 219 <path id="svg-el-9r8qnl54bzxjn8otgb0u07jz1v3nod2g" data-name="Path 99" d="M69.681,133.869c-1.7,0-2.935-1.2-2.935-4.335,0-3.168,1.2-4.369,2.935-4.369,1.7,0,2.9,1.2,2.9,4.369,0,3.135-1.2,4.335-2.9,4.335m17.576-.233c-2.635-.133-4.469-.133-6.637-.133-1.934,0-4.169,0-6.837.133.1-1.167.134-2.368.134-4.135,0-1.734-.033-2.968-.134-4.1,2.668.134,4.9.134,6.77.134,2.2,0,4.069,0,6.7-.134Z" transform="translate(339.273 8.077) rotate(90)"/> 220 <path id="svg-el-dakpahylnt483r20kztsbifa8gp1wyx4" data-name="Path 100" d="M101.28,21.877c-2.7-.167-5.436-.167-8.138-.167-2.835,0-5.67,0-8.538.167V14.14l5.036-.3A6.693,6.693,0,0,1,84.1,6.8c0-4.069,2-6.67,7.4-6.67h5.036C98.111.133,99.712.1,101.28,0V8.2c-1.6-.1-3.168-.134-4.769-.134h-3.7c-2.168,0-3.235.967-3.235,2.768s1.167,2.935,3.235,2.935h3.735c1.6,0,3.168-.033,4.736-.134Z" transform="translate(238.154 -5.946) rotate(90)"/> 221 </g> 222</svg> 223 </div> 224 </div> 225 <div class="box box-1"> 226 <div class="text-3 light"> 227 <p>His joy makes us dance</p> 228 </div> 229 </div> 230 </div> 231 <div class="col col-2"> 232 <div class="box box-2"> 233 <div class="heading-3 light">0%</div> 234 </div> 235 </div> 236 </div> 237 </div> 238 </section> 239 <header class="block-113-1 dark"> 240 <div class="container container-1"> 241 <div class="row row-1"> 242 <div class="col col-1"> 243 <div class="box box-1"> 244 <a class="media-1 light" data-color="fill" href="/es/" id="media-1-m4sqa3jc"> 245 <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" id="svg-4nh7wyq9kb1fwyye81kz93qexfj9inkh"> 246 <path id="svg-el-fpv5ivhthlh9scqsai84fsmop8u20pe1" data-name="Path 118" d="M50,662.309v-5.647H33.333v16.667A31.329,31.329,0,0,0,5.647,656.662H0v16.667H16.667A31.33,31.33,0,0,0,0,701.015v5.647H16.667V690a31.329,31.329,0,0,0,27.686,16.667H50V690H33.333A31.33,31.33,0,0,0,50,662.309M33.333,686.662A3.333,3.333,0,0,1,30,690H20a3.333,3.333,0,0,1-3.333-3.333v-10A3.333,3.333,0,0,1,20,673.329H30a3.333,3.333,0,0,1,3.333,3.333Z" transform="translate(706.662) rotate(90)"/> 247</svg> 248 </a> 249 <a class="media-1 hidescroll light" data-color="fill" href="/es/" id="media-1-mtw8jgf8"> 250 <svg xmlns="http://www.w3.org/2000/svg" width="109.659" height="21.011" viewB
250ox="0 0 109.659 21.011" id="svg-049mi14emha0ol1pmfi8i987u2j82zt6"> 251 <g id="svg-el-gu9zefg9gsfklr0c1y2fiz1t3w3kfoz0" data-name="Group 81" transform="translate(-128.496 -74.823)"> 252 <path id="svg-el-qzlcxmxp1v90s02y9d40tk8nkqxy539p" data-name="Path 95" d="M101.28,508.531c-2.735-.167-5.5-.167-8.238-.167-2.8,0-5.6,0-8.438.167v-7.6l5.47-.334c-4.1-.7-5.97-3-5.97-5.5a9.12,9.12,0,0,1,.1-1.367h6.87a11.924,11.924,0,0,0-.334,2.9c0,2.435.867,3.8,3.3,3.8h7.237Z" transform="translate(637.027 -5.946) rotate(90)"/> 253 <path id="svg-el-q9atjxd58i7knazxcqyf030fm3iok3ps" data-name="Path 96" d="M93.409,379.488v13.006c2.4-.2,3.269-2.2,3.269-4.936a27.179,27.179,0,0,0-.8-6.87h4.9a28.376,28.376,0,0,1,1,7.837c0,7.137-2.535,11.673-8.4,11.673-6.3,0-9.271-5.136-9.271-11.406,0-6.737,3.2-9.471,7.271-9.471a13.181,13.181,0,0,1,2.034.167m-1.767,6.3c-2,.2-3.035,1.1-3.035,3.035a3.558,3.558,0,0,0,3.168,3.6Z" transform="translate(544.603 -5.946) rotate(90)"/> 254 <path id="svg-el-pgzod1cx6g9u62mjkw8tfveyagovwjrc" data-name="Path 97" d="M86.629,308.5h-6.1l.033,2.4H76.324c0-3.568-1.3-8.1-2.635-9.872v-.5h2.6c-.033-1.5-.033-3-.1-4.536h4.369c-.067,1.5-.067,3.035-.067,4.536h5.4c1.668,0,2.368-.933,2.368-2.668A5.9,5.9,0,0,0,88,295.989h4.836a17.367,17.367,0,0,1,.534,4.569c0,5.7-2.3,7.937-6.737,7.937" transform="translate(477.28 2.468) rotate(90)"/> 255 <path id="svg-el-yciqirccrcr5orq29po4n8vw5d9hcedv" data-name="Path 98" d="M96.544,181.03c2.035,0,2.9,0,4.736-.133v7.27l-4.669.4c3.269.834,5.17,3.4,5.17,7.17,0,3.4-1.5,5.736-4.536,5.736-4.536,0-5.67-5-5.77-12.606-1.5.2-2.168,1.267-2.168,3.868a32.718,32.718,0,0,0,.867,7.2h-5a38.843,38.843,0,0,1-1.067-8.871c0-7.2,2.2-10.038,7.6-10.038ZM93.409,188.8h-.4c.2,3.635,1.067,5.3,2.534,5.3,1,0,1.534-.667,1.534-1.9a3.482,3.482,0,0,0-3.669-3.4" transform="translate(384.299 -5.946) rotate(90)"/> 256 <path id="svg-el-bnohp96d4y15q3wbm57vpn6dbmmb4e8z" data-name="Path 99" d="M69.681,133.869c-1.7,0-2.935-1.2-2.935-4.335,0-3.168,1.2-4.369,2.935-4.369,1.7,0,2.9,1.2,2.9,4.369,0,3.135-1.2,4.335-2.9,4.335m17.576-.233c-2.635-.133-4.469-.133-6.637-.133-1.934,0-4.169,0-6.837.133.1-1.167.134-2.368.134-4.135,0-1.734-.033-2.968-.134-4.1,2.668.134,4.9.134,6.77.134,2.2,0,4.069,0,6.7-.134Z" transform="translate(339.273 8.077) rotate(90)"/> 257 <path id="svg-el-m4j78dfhds8kx4g9nl1sz5ynot8ya5wk" data-name="Path 100" d="M101.28,21.877c-2.7-.167-5.436-.167-8.138-.167-2.835,0-5.67,0-8.538.167V14.14l5.036-.3A6.693,6.693,0,0,1,84.1,6.8c0-4.069,2-6.67,7.4-6.67h5.036C98.111.133,99.712.1,101.28,0V8.2c-1.6-.1-3.168-.134-4.769-.134h-3.7c-2.168,0-3.235.967-3.235,2.768s1.167,2.935,3.235,2.935h3.735c1.6,0,3.168-.033,4.736-.134Z" transform="translate(238.154 -5.946) rotate(90)"/> 258 </g> 259</svg> 260 </a> 261 </div> 262 </div> 263 <div class="col col-2"> 264 <div class="box box-2"> 265 <div class="button-wrapper hidescroll not-xs not-sm not-md"> 266 <a class="button-3 light" href="https://open.spotify.com/artist/5SwavZEv1VevR29sNLYTbF?si=JyNrqIRWQluCrjEQ6QcrKA" target="_blank"><span class="not-xs not-sm not-md">Spotify</span></a> 267 </div> 268 <nav class="menu-4 dark hidescroll dropdown" data-menu="language"> 269 <ul><li><a href="/">EN</a></li><li class="active"><a href="/es/">ES</a></li><li><a href="/pt/">PT</a></li></ul> 270 </nav> 271 <div class="icon-1 light" data-color="fill"> 272 <svg xmlns="http://www.w3.org/2000/svg" width="19" height="13" viewBox="0 0 19 13" id="svg-89uyyy1go1wkws0kavwhfko6ccdc7ayo"> 273 <g id="svg-el-yk2cfjy5gl56lqvcgwh405pnrx4wnf7h" data-name="Group 30" transform="translate(-107.828 -81)"> 274 <path id="svg-el-111y0mosxd5zx7h0ey5756fxgfdos5sb" data-name="Line 13" d="M18,.5H0A.5.5,0,0,1-.5,0,.5.5,0,0,1,0-.5H18a.5.5,0,0,1,.5.5A.5.5,0,0,1,18,.5Z" transform="translate(108.328 81.5)"/> 275 <path id="svg-el-1yx81rv9b9xugo394dyioe51z6bgtmnh" data-name="Line 14" d="M13.828.5H0A.5.5,0,0,1-.5,0,.5.5,0,0,1,0-.5H13.828a.5.5,0,0,1,.5.5A.5.5,0,0,1,13.828.5Z" transform="translate(112.5 93.5)"/> 276 <path id="svg-el-4km0qkcaeastmkgtfqjtmkcdhx6jve6x" data-name="Line 15" d="M17.828.5H0A.5.5,0,0,1-.5,0,.5.5,0,0,1,0-.5H17.828a.5.5,0,0,1,.5.5A.5.5,0,0,1,17.828.5Z" transform="translate(108.5 87.5)"/> 277 </g> 278</svg> 279 <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" id="svg-78yuwbuo17no472nmlhvrs26t29bcag4"> 280 <g id="svg-el-qe3ffyita4sq29umvo7pbab9mh3dgskd" data-name="Group 177" transform="translate(-1608 -80)"> 281 <path id="svg-el-co3mfhtjjfv8i0lnb1ure4chom8c7f77" data-name="Line 15" d="M11,11.5a.5.5,0,0,1-.354-.146l-11-11a.5.5,0,0,1,0-.707.5.5,0,0,1,.707,0l11,11A.5.5,0,0,1,11,11.5Z" transform="translate(1608.5 80.5)"/> 282 <path id="svg-el-9axvvjv4mq12l9mlvsjp6a5x3k368dug" data-name="Line 20" d="M0,11.5a.5.5,0,0,1-.354-.146.5.5,0,0,1,0-.707l11-11a.5.5,0,0,1,.707,0,.5.5,0,0,1,0,.707l-11,11A.5.5,0,0,1,0,11.5Z" transform="translate(1608.5 80.5)"/> 283 </g> 284</svg> 285 </div> 286 287 </div> 288 </div>
289 </div> 290 </div> 291 </header> 292 <section class="block-8-2 dark"> 293 <div class="container container-1"> 294 <div class="row row-1"> 295 <div class="col col-1 not-xs not-sm not-md"> 296 <div class="media-2 dark"> 297 <img src="/assets/files/retain-blob-purple-strong.svg" alt="Retain blob purple strong"> 298 </div> 299 <div class="media-2 dark"> 300 <img src="/assets/files/retain-blob-blue-strong.svg" alt="Retain blob blue strong"> 301 </div> 302 <div class="media-2 dark"> 303 <img src="/assets/files/retain-blob-orange-strong.svg" alt="Retain blob orange strong"> 304 </div> 305 <div class="media-2 dark"> 306 <img src="/assets/files/retain-blob-orange-strong.svg" alt="Retain blob orange strong"> 307 </div> 308 <div class="box box-1"> 309 <div class="media-4 light"> 310 <img src="/assets/files/retain-dj-christian-event-teenzone-netherlands.webp" alt="Retain_DJ_Christian_Event_Teenzone_Netherlands" srcset="/assets/files/retain-dj-christian-event-teenzone-netherlands.480x0x0x100.webp 480w, /assets/files/retain-dj-christian-event-teenzone-netherlands.960x0x0x100.webp 960w, /assets/files/retain-dj-christian-event-teenzone-netherlands.1920x0x0x100.webp 1920w, /assets/files/retain-dj-christian-event-teenzone-netherlands.webp 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921px"> 311 </div> 312 <div class="media-4 light"> 313 <img src="/assets/files/retain-dj-music-about-christian-artist-netherlands.jpg" alt="retain-dj-music-about-christian-artist-netherlands" srcset="/assets/files/retain-dj-music-about-christian-artist-netherlands.480x0x0x100.jpg 480w, /assets/files/retain-dj-music-about-christian-artist-netherlands.960x0x0x100.jpg 960w, /assets/files/retain-dj-music-about-christian-artist-netherlands.1920x0x0x100.jpg 1920w, /assets/files/retain-dj-music-about-christian-artist-netherlands.jpg 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921px"> 314 </div> 315 <div class="media-4 light"> 316 <img src="/assets/files/retain-dj-music-back-shirt-merchandise-urban-model.jpg" alt="retain-dj-music-back-shirt-merchandise-urban-model" srcset="/assets/files/retain-dj-music-back-shirt-merchandise-urban-model.480x0x0x100.jpg 480w, /assets/files/retain-dj-music-back-shirt-merchandise-urban-model.960x0x0x100.jpg 960w, /assets/files/retain-dj-music-back-shirt-merchandise-urban-model.1920x0x0x100.jpg 1920w, /assets/files/retain-dj-music-back-shirt-merchandise-urban-model.jpg 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921px"> 317 </div> 318 <div class="media-4 light"> 319 <img src="/assets/files/retain-03-2026-hr-39.jpg" alt="Retain 03 2026 HR 39" srcset="/assets/files/retain-03-2026-hr-39.480x0x0x100.jpg 480w, /assets/files/retain-03-2026-hr-39.960x0x0x100.jpg 960w, /assets/files/retain-03-2026-hr-39.1920x0x0x100.jpg 1920w, /assets/files/retain-03-2026-hr-39.jpg 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921px"> 320 </div> 321 </div> 322 </div> 323 <div class="col col-2"> 324 <div class="box box-2"> 325 <div class="box box-3"> 326 <div class="box box-4"> 327 <div class="heading-3 light"><a href="/es/">Inicio</a></div> 328 </div> 329 <div class="separator-1 light empty"></div> 330 </div> 331 <div class="box box-3"> 332 <div class="box box-4"> 333 <div class="heading-3 light"><a href="/es/sobre-mi/">Sobre mí</a></div> 334 </div> 335 <div class="separator-1 light empty"></div> 336 </div> 337 <div class="box box-3"> 338 <div class="box box-4"> 339 <div class="heading-3 light"><a href="/es/blog/">Blog</a></div> 340 </div> 341 <div class="separator-1 light empty"></div> 342 </div> 343 <div class="box box-3"> 344 <div class="box box-4"> 345 <div class="heading-3 light"><a href="/es/contacto/">Contacto</a></div> 346 <div class="text-2 not-xs not-sm not-md light"> 347 <p>reserver retain</p> 348 </div> 349 </div> 350 <div class="separator-1 light empty"></div> 351 </div> 352 </div> 353 </div>
354 </div> 355 </div> 356 <div class="media-2 dark not-lg not-xl"> 357 <img src="/assets/files/retain-blob-purple-soft.svg" alt="Retain blob purple soft"> 358 </div> 359 </section> 360 <section id="block-27-13615249" class="dark" data-fill="fill" data-scroll_speed="60%"> 361 <div class="media-4 dark" id="second"> 362 <video data-src="https://player.vimeo.com/progressive_redirect/playback/936921218/rendition/1440p/file.mp4?loc=external&signature=3a0863ea2ab170f8c5378d9fdf1ef6967b529eb6d77676d41ca3a84c8aacbb59" loop playsinline></video> 363 <span class="video-play"></span> 364 </div> 365 <div class="media-4 dark" id="first"> 366 <video data-src="https://player.vimeo.com/progressive_redirect/playback/936920570/rendition/1080p/file.mp4?loc=external&signature=454269f19456751f6d44e58de7a976afce996c3101ab250f857452d7ed85fe78" loop muted playsinline></video> 367 <span class="video-play"></span> 368 </div> 369 <h1>Retain | DJ and Music Producer in Christian Dance Music</h1> 370 <div class="box box-1"> 371 <div class="media-2 dark"> 372 <img src="/assets/files/retain-blob-purple-soft.svg" alt="Retain blob purple soft"> 373 </div> 374 <div class="box box-2"> 375 <div class="bar"></div> 376 <div class="bar"></div> 377 <div class="bar"></div> 378 <div class="bar"></div> 379 </div> 380 <div class="text-2 light"> 381 <p>Para disfrutar al máximo,<br>sube el volumen</p> 382 </div> 383 <div class="icon-1 light" data-color="fill"> 384 <svg xmlns="http://www.w3.org/2000/svg" width="22.147" height="21.94" viewBox="0 0 22.147 21.94" id="svg-xb6yk781cngysa5eayookg9htw3iv9u1"> 385 <g id="svg-el-ga02c75k217sihuisnbsmzu1vnowuxbs" data-name="Group 75" transform="translate(901.696 -2680.861) rotate(45)"> 386 <path id="svg-el-7wkew95krffjilb1idswfotn42h5u41b" data-name="Path 86" d="M-10038.523,680.862h-1V666.348h-14.514v-1h15.514Z" transform="translate(11320 1860)"/> 387 <path id="svg-el-y6zh4uwu2j139zm5h54fgfy5zfwyic8b" data-name="Line 8" d="M.354,14.9l-.707-.707L14.191-.354,14.9.354Z" transform="translate(1266.215 2526.154)"/> 388 </g> 389</svg> 390 </div> 391 </div> 392 <div class="container container-1 not-xs not-sm not-md"> 393 <div class="row row-1"> 394 <div class="col col-1"> 395 <div class="box box-3"> 396 <div class="text-3 light" id="text-3-43lvr08q"> 397 <p>Desplácese hacia abajo</p> 398 </div> 399 <div class="icon-2 light" data-color="fill"> 400 <svg xmlns="http://www.w3.org/2000/svg" width="15.615" height="15.704" viewBox="0 0 15.615 15.704" id="svg-1vpmuzddhrv7ikkt4n9m23l0xboqhlu1"> 401 <g id="svg-el-m4ijpvswnisq1xuky2pnn1s1xdsoampl" data-name="Group 180" transform="translate(-66.774 -871.376)"> 402 <path id="svg-el-fxfchfpgx25rgo8mb4578wre2doy4mqy" data-name="Line 8" d="M.354,14.9l-.707-.707L14.191-.354,14.9.354Z" transform="translate(67.128 872.182)"/> 403 <path id="svg-el-bktwnm36w7igqerr5sbye34e3evhrgqc" data-name="Path 119" d="M-10038.523,680.862h-1V666.348h-14.514v-1h15.514Z" transform="translate(10120.913 206.029)"/> 404 </g> 405</svg> 406 </div> 407 </div> 408 <div class="box box-4"> 409 <div class="text-3 light"> 410 <p>Su alegría nos hace bailar</p> 411 </div> 412 </div> 413 </div> 414 </div> 415 </div> 416 </section> 417 <section id="block-9-13610640" class="dark"> 418 <div class="container container-1"> 419 <div class="row row-1"> 420 <div class="col col-1"> 421 <div class="box box-1"> 422 <div class="text-1 fouc light"> 423 <p>‘‘Mi pasión por la música dance es inmensa, pero mi amor por Jesús es aún mayor. Con mi música espero inspirar a la gente, hacerles reflexionar sobre la vida y quizá vislumbrar el amor de Dios. Crear canciones y melodías, y pensar en un mensaje más profundo a través de la música, es algo que realmente resuena en mí. Para mí, ser artista es la mejor manera de compartir mi pasión por Jesús y por la música de baile.’’</p> 424 </div> 425 <div class="button-wrapper"> 426 <a class="button-1 light" href="/es/sobre-mi/">Seguir leyendo</a> 427 </div> 428 </div> 429 </div>
430 </div> 431 </div> 432 </section> 433 <section id="custom-images-1-13956298" class="dark"> 434 <div class="container container-1"> 435 <div class="row row-1"> 436 <div class="col col-1 not-xs not-sm not-md" data-scroll_speed="107%"> 437 <div class="box box-1"> 438 <div class="media-4 light"> 439 <img src="/assets/files/retain-music-dj-show-live-opwekking-christian-3.webp" alt="retain-music-dj-show-live-opwekking-christian-3ART 6541" srcset="/assets/files/retain-music-dj-show-live-opwekking-christian-3.480x0x0x100.webp 480w, /assets/files/retain-music-dj-show-live-opwekking-christian-3.960x0x0x100.webp 960w, /assets/files/retain-music-dj-show-live-opwekking-christian-3.1920x0x0x100.webp 1920w, /assets/files/retain-music-dj-show-live-opwekking-christian-3.webp 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921px"> 440 </div> 441 </div> 442 </div> 443 <div class="col col-2" data-scroll_speed_xs="102" data-scroll_speed="94%"> 444 <div class="box box-2"> 445 <div class="media-4 light"> 446 <img src="/assets/files/retain-03-2026-hr-10.webp" alt="Retain 03 2026 HR 10" srcset="/assets/files/retain-03-2026-hr-10.480x0x0x100.webp 480w, /assets/files/retain-03-2026-hr-10.960x0x0x100.webp 960w, /assets/files/retain-03-2026-hr-10.1920x0x0x100.webp 1920w, /assets/files/retain-03-2026-hr-10.webp 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921px"> 447 </div> 448 </div> 449 </div> 450 <div class="col col-3" data-scroll_speed_xs="98" data-scroll_speed="92%"> 451 <div class="box box-3"> 452 <div class="media-4 light"> 453 <img src="/assets/files/retain-gideon-studio-092025-hr-10.jpg" alt="Retain Gideon Studio 092025 HR 10" srcset="/assets/files/retain-gideon-studio-092025-hr-10.480x0x0x100.jpg 480w, /assets/files/retain-gideon-studio-092025-hr-10.960x0x0x100.jpg 960w, /assets/files/retain-gideon-studio-092025-hr-10.1920x0x0x100.jpg 1920w, /assets/files/retain-gideon-studio-092025-hr-10.jpg 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921px"> 454 </div> 455 </div> 456 </div> 457 </div> 458 <div class="row row-2"> 459 <div class="col col-4" data-scroll_speed_xs="98" data-scroll_speed="104%"> 460 <div class="box box-4"> 461 <div class="media-4 light"> 462 <img src="/assets/files/retain-03-2026-hr-78.webp" alt="Retain 03 2026 HR 78" srcset="/assets/files/retain-03-2026-hr-78.480x0x0x100.webp 480w, /assets/files/retain-03-2026-hr-78.960x0x0x100.webp 960w, /assets/files/retain-03-2026-hr-78.1920x0x0x100.webp 1920w, /assets/files/retain-03-2026-hr-78.webp 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921px"> 463 </div> 464 </div> 465 </div> 466 <div class="col col-5" data-scroll_speed_xs="102" data-scroll_speed="95%"> 467 <div class="box box-5"> 468 <div class="media-4 light"> 469 <img src="/assets/files/retain-music-dj-show-live-opwekking-christian.webp" alt="retain-music-dj-show-live-opwekking-christian" srcset="/assets/files/retain-music-dj-show-live-opwekking-christian.480x0x0x100.webp 480w, /assets/files/retain-music-dj-show-live-opwekking-christian.960x0x0x100.webp 960w, /assets/files/retain-music-dj-show-live-opwekking-christian.1920x0x0x100.webp 1920w, /assets/files/retain-music-dj-show-live-opwekking-christian.webp 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921px"> 470 </div> 471 </div> 472 </div> 473 </div> 474 </div> 475 476 <div class="media-1 dark" data-effect="fade-in" data-color="fill"> 477 <svg class="not-xs not-sm not-md" data-name="Laag 1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1700 364.7" id="svg-m3oh7gulhz4l3o7g2izje9ayfu8n4bqu"> 478 <defs> 479 <style> 480 #svg-m3oh7gulhz4l3o7g2izje9ayfu8n4bqu .cls-1 { 481 fill: #ff5000; 482 stroke-width: 0px; 483 } 484 </style> 485 </defs> 486 <g id="svg-el-8k852z4qoe4ihhg8ohjkq58f0cn1eq0w" data-name="Group 177"> 487 <g id="svg-el-sylf3bajvslz86wg1ge77kf2sspzbkmt" data-name="Group 35"> 488 <path class="cls-1" d="M139.3,59.6v119.2c-20.8-4.6-33.6-5.8-50.4-5.8-42.3,0-66,15-66,57.3v125.6H0V66.6h14.2l5.8,94.9c12.1-71.2,52.1-103.6,95.5-103.6,8,0,15.9.6,23.7,1.7Z"/> 489 <path id="svg-el-61kn6tb2l2v7kbi98xtcvf533l18k44e" data-name="Path 88" class="cls-1" d="M520.8,184.1c0-70.6-47.5-126.2-164.4-126.2s-198,51.5-198,160.9,78.7,145.9,202.6,145.9,99-6.9,136-17.4v-85.1c-36.5,9.3-74.1,13.9-119.3,13.9s-82.2-15-85.7-56.7h225.8c1.7-12.7,2.9-21.4,2.9-35.3ZM293.3,191.1c6.9-40,36.5-55,62.5-55s49.2,17.9,52.7,52.7l-115.2,2.3Z"/> 490 <path id="svg-el-qpy3lxjs9t7w7u2lyrkc40cysd15pcjk" data-name="Path 89" class="cls-1" d="M581.6,247.8v-105.9l-41.7.6v-73.5c61.9,0,140.7-22.6,171.4-45.7h8.7v45.2c26-.
4906,52.1-.6,78.7-1.7v75.8c-26.1-1.2-52.7-1.2-78.7-1.2v93.8c0,28.9,16.2,41.1,46.3,41.1s21.4-1.2,32.4-4.6v83.9c-25.5,6.4-47.5,9.3-79.3,9.3-99,0-137.8-39.9-137.8-116.9h0Z"/> 491 <path id="svg-el-7zgebkzmbekrttu69b9oieblszmisot8" data-name="Path 90" class="cls-1" d="M1180.2,273.8v-83.9c0-93.8-49.2-132-174.2-132s-101.9,6.4-154,18.5v86.8c48-10.4,85.7-15.1,125-15.1s63.7,11.6,67.2,37.6c-132,1.7-218.8,21.4-218.8,100.2s40.5,78.7,99.6,78.7,110-33,124.5-89.7l6.9,81h126.2c-2.3-31.8-2.3-46.9-2.3-82.2ZM1045.3,219.4c0,38.8-28.4,63.7-59,63.7s-33-9.3-33-26.6c0-25.5,28.9-40.5,92-44v7Z"/> 492 <path id="svg-el-nt3kvgkyiujtinvlibwvf72hrv35z3nc" data-name="Path 91" class="cls-1" d="M1364.3,122.2c-19.7,1.7-41.1,2.3-71.2,2.3s-51.5-.6-71.8-2.3c2.3,46.3,2.3,85.1,2.3,118.7s0,69.5-2.3,115.2h143c-2.3-45.7-2.3-78.2-2.3-116.4s0-71.2,2.3-117.5ZM1292.5,0c-54.4,0-75.2,21.4-75.2,50.9h0c0,29.5,20.8,50.4,75.2,50.4s75.8-20.8,75.8-50.4S1347.5,0,1292.5,0Z"/> 493 <path class="cls-1" d="M1700,60.8v295.2h-56.7c1.7-27.8,2.3-55,2.3-82.8v-64.2c0-37.6-16.8-56.2-48-56.2s-51,20.3-51,56.2v64.8c0,27.8.6,55,2.3,82.2h-143c2.9-46.9,2.9-94.4,2.9-141.2s0-98.4-2.9-148.2h134.3l5.2,87.4c15.6-64.3,59.6-96.1,122.1-96.1s22.3.9,32.4,2.9Z"/> 494 </g> 495 </g> 496</svg> 497 <img class="not-lg not-xl" src="/assets/files/group-177.png" alt="Group 177" srcset="/assets/files/group-177.480x0x0x100.png 480w, /assets/files/group-177.960x0x0x100.png 960w, /assets/files/group-177.1920x0x0x100.png 1920w, /assets/files/group-177.png 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921px"> 498 </div> 499 500 <div class="box box-0 not-xs not-sm not-md"> 501 <div class="media-4 light" data-position="center-bottom"> 502 <img src="/assets/files/retain-dj-christian-event-worship-netherlands.webp" alt="Retain_DJ_Christian_Event_Worship_Netherlands BEW" srcset="/assets/files/retain-dj-christian-event-worship-netherlands.480x0x0x100.webp 480w, /assets/files/retain-dj-christian-event-worship-netherlands.960x0x0x100.webp 960w, /assets/files/retain-dj-christian-event-worship-netherlands.1920x0x0x100.webp 1920w, /assets/files/retain-dj-christian-event-worship-netherlands.webp 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921px"> 503 </div> 504 </div> 505 </section> 506 <section id="block-8-13615251" class="dark"> 507 <div class="container container-1"> 508 <div class="row row-1"> 509 <div class="col col-1"> 510 <div class="box box-1"> 511 <div class="media-2 dark"> 512 <img src="/assets/files/retain-blob-orange-soft.svg" alt="Retain blob orange soft"> 513 </div> 514 <h2 class="heading-1 fouc light" data-text-reveal-1><span style="color: #ff5000;"><em>su alegría</em></span><br>nos hace<br><span style="color: #ff5000;"><em>bailar</em></span></h2> 515 <div class="text-2 light"> 516 <p>Escucha los singles y remixes de Retain a través del reproductor.</p> 517 </div> 518 </div> 519 </div> 520 <div class="col col-2"> 521 <div class="box box-2"> 522 <div class="iframe-1 dark"> 523 <iframe src="https://open.spotify.com/embed/artist/5SwavZEv1VevR29sNLYTbF?utm_source=generator&theme=0" allow="encrypted-media" loading="lazy"></iframe> 524 </div> 525 </div> 526 </div> 527 </div> 528 </div> 529 </section> 530 <section id="block-8-13758762"> 531 <div class="media-2 dark"> 532 <img src="/assets/files/retain-passe-partout.svg" alt="Retain passe partout"> 533 </div> 534 </section> 535 <section id="block-27-13615310" class="dark" data-bg_scroll_speed="80%" data-bg_scroll_speed_xs="96"> 536 <div class="media-4 dark"> 537 <img src="/assets/files/retain-eo-jongerendag-setvexy-6116.webp" alt="EO Jongerendag SetVexy 6116" srcset="/assets/files/retain-eo-jongerendag-setvexy-6116.480x0x0x100.webp 480w, /assets/files/retain-eo-jongerendag-setvexy-6116.960x0x0x100.webp 960w, /assets/files/retain-eo-jongerendag-setvexy-6116.1920x0x0x100.webp 1920w, /assets/files/retain-eo-jongerendag-setvexy-6116.webp 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921px"> 538 </div> 539 </section> 540 <section id="block-8-13615173" class="dark"> 541 <div class="container container-1"> 542 <div class="row row-1"> 543 <div class="col col-1"> 544 <div class="box box-1"> 545 <div class="text-2 light"> 546 <p>Conéctate fácilmente con Retain: Sigue a Retain en sus redes sociales y mantente conectado para conocer su nueva música y su viaje musical</p> 547 </div> 548 <div class="icon-wrapper"> 549 <a class="icon-3 light" data-color="fill" href="https://www.youtube.com/channel/UC5JvSJZfOwAnqCOEWv2XoAw" target="_blank"> 550 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" id="svg-kthrpkbu7cdc9akohy4y2twz3ouz3nl2"><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"/></svg> 551 </a> 552 <a class="icon-3 light" data-color="fill" href="https://www.tiktok.com/@retaindj" target="_blank"> 553 <svg data-name="Group 40" xmlns="http://www.w3.org/2000/svg" width="15.601" height="18.852" viewBox="0 0 15.601 18.852" id="svg-qd835r9uu3doxl5115ihufum65lhghah"> 554 <path id="svg-el-q53b1zz2gnlts5jxk8s5i6e9ww89noae" data-name="Path 19" d="M529.033,1150.81v-8.125s.916,1.527,4.228,1.621a.316.316,0,0,0,.322-.317v-2.3a.319.319,0,0,0-.307-.316,4.046,4.046,0,0,1-3.908-3.922.323.323,0,0,0-.325-.295h-2.619a.316.316,0,0,0-.316.316v12.917a2.662,2.662,0,0,1-2.474,2.69,2.6,2.6,0,0,1-.5-5.171,2.663,2.663,0,0,1,.665-.01.317.317,0,0,0,.358-.312v-2.3a.314.314,0,0,0-.288-.316,5.7,5.7,0,0,0-1.007.025,5.526,5.526,0,1,0,6.171,5.489" transform="translate(-517.982 -1137.159)"/> 555</svg> 556 </a> 557 <a class="icon-3 light" data-color="fill" href="https://www.instagram.com/retaindj/" target="_blank"> 558 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" id="svg-netw4562it46iy9y96wcpukr5h1ffnsv"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg> 559 </a> 560 <a class="icon-3 light" data-color="fill" href="https://www.facebook.com/retaindj/" target="_blank"> 561 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 264 512" id="svg-zfmkxcf93e3wd8eqm3bkuqk28zi8t9zz"><path d="M215.8 85H264V3.6C255.7 2.5 227.1 0 193.8 0 124.3 0 76.7 42.4 76.7 120.3V192H0v91h76.7v229h94V283h73.6l11.7-91h-85.3v-62.7c0-26.3 7.3-44.3 45.1-44.3z"/></svg> 562 </a> 563 </div> 564 </div> 565 </div>
566 </div> 567 <div class="row row-2" data-collection="13615173"> 568 <article class="col col-2"> 569 <div class="box box-2"> 570 <a class="media-4 light" href="https://www.instagram.com/p/C6RDeRzoYPT/" target="_blank"> 571 <img src="/assets/files/retain-dj-music-instagram-1.jpg" alt="Retain-DJ-Music-Instagram-1"> 572 </a> 573 </div> 574 </article> 575 <article class="col col-2"> 576 <div class="box box-2"> 577 <a class="media-4 light" href="https://www.instagram.com/p/C6RDeRzoYPT/" target="_blank"> 578 <img src="/assets/files/retain-dj-music-instagram-2.jpg" alt="Retain-DJ-Music-Instagram-2"> 579 </a> 580 </div> 581 </article> 582 <article class="col col-2"> 583 <div class="box box-2"> 584 <a class="media-4 light" href="https://www.instagram.com/p/C6RDeRzoYPT/" target="_blank"> 585 <img src="/assets/files/retain-dj-music-instagram-3.jpg" alt="Retain-DJ-Music-Instagram-3"> 586 </a> 587 </div> 588 </article> 589 <article class="col col-2"> 590 <div class="box box-2"> 591 <a class="media-4 light" href="https://www.instagram.com/p/C6RDeRzoYPT/" target="_blank"> 592 <img src="/assets/files/retain-dj-christian-event-teenzone-netherlands-03.webp" alt="Retain_DJ_Christian_Event_Teenzone_Netherlands_03"> 593 </a> 594 </div> 595 </article> </div> 596 <div class="row row-3"> 597 <div class="col col-3"> 598 <div class="box box-3"> 599 <div class="text-6 light"> 600 <p>Siga Retain on <a href="https://www.instagram.com/retaindj/" target="_blank">Instagram</a></p> 601 </div> 602 </div> 603 </div> 604 </div> 605 </div> 606 </section> 607 <footer class="block-33-1 dark"> 608 <div class="container container-1"> 609 <div class="row row-1"> 610 <div class="col col-1"> 611 <div class="box box-1"> 612 <h2 class="heading-6 light" data-text-reveal-1>reserver Retain</h2> 613 </div> 614 </div> 615 </div> 616 <div class="row row-2"> 617 <div class="col col-2"> 618 <div class="box box-2"> 619 <div class="text-2 light"> 620 <p><strong>Reserver</strong><br><a href="mailto:info@djretain.com">info@djretain.com</a></p> 621 </div> 622 </div> 623 </div> 624 <div class="col col-2"> 625 <div class="box box-2"> 626 <div class="text-2 light"> 627 <p><strong>Gestión</strong><br><a href="mailto:mgmt@djretain.com">mgmt@djretain.com</a></p> 628 </div> 629 </div> 630 </div> 631 <div class="col col-2"> 632 <div class="box box-2"> 633 <div class="text-2 light"> 634 <p><strong>Medios</strong><br><a href="mailto:info@djretain.com">info@djretain.com</a></p> 635 </div> 636 </div> 637 </div> 638 </div> 639 <div class="row row-3"> 640 <div class="col col-3"> 641 <div class="box box-3"> 642 <div class="button-wrapper"> 643 <a class="button-2 dark" href="/es/contacto/">Contacto</a> 644 </div> 645 </div> 646 </div> 647 </div> 648 </div> 649 </footer> 650 <footer class="block-12-1 dark"> 651 <div class="media-4 dark"> 652 <img src="/assets/files/retain-dj-christian-event-opwekking-youth-netherlands.webp" alt="Retain_DJ_Christian_Event_Opwekking_Youth_Netherlands" srcset="/assets/files/retain-dj-christian-event-opwekking-youth-netherlands.480x0x0x100.webp 480w, /assets/files/retain-dj-christian-event-opwekking-youth-netherlands.960x0x0x100.webp 960w, /assets/files/retain-dj-christian-event-opwekking-youth-netherlands.1920x0x0x100.webp 1920w, /assets/files/retain-dj-christian-event-opwekking-youth-netherlands.webp 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921px"> 653 </div> 654 <div class="media-2 light" data-scroll_speed="88%" data-scroll_speed_xs="96"> 655 <img src="/assets/files/retain-footer-symbol.svg" class="not-xs not-sm not-md" alt="Retain footer symbol"> 656 <img src="/assets/files/retain-footer-symbol-mobile.svg" class="not-lg not-xl" alt="Retain footer symbol mobile"> 657 </div> 658 <div class="media-3 light"> 659 <img src="/assets/files/retain-blob-orange-soft.svg" alt="Retain blob orange soft"> 660 </div> 661 <div class="container container-1"> 662 <div class="row row-1 not-xs not-sm not-md"> 663 <div class="col col-1"> 664 <div class="box box-1"> 665 <div class="menu"> 666 <nav class="menu-1 light default-menu" data-levels="1"> 667 <ul><li class="active page-1312229"><a href="/es/">Inicio</a></li><li class="page-1312230"><a href="/es/sobre-mi/">Sobre mí</a></li><li class="page-1322919"><a href="/es/blog/">Blog</a></li><li class="page-1323622"><a href="/es/contacto/">Contacto</a></li></ul> 668 </nav> 669 </div> 670 </div> 671 </div>
672 </div> 673 <div class="row row-2"> 674 <div class="col col-2"> 675 <div class="box box-2"> 676 <div class="text-6 light"> 677 <p>©2024 Retain Music</p> 678 </div> 679 </div> 680 </div> 681 <div class="col col-3"> 682 <div class="box box-3"> 683 <div class="text-6 light"> 684 <p>Todos los derechos reservados | Política de privacidad</p> 685 </div> 686 </div> 687 </div> 688 </div> 689 </div> 690 </footer> 691 </div> 692 693 694
694<script src="/assets/js/script.js?v=1779372418"></script>
vendor: 1 bytes, line 694
694
695<script> 696 window.addEventListener('load', () => { 697 new Menu(); 698new Fill(); 699new Scroll(); 700new Video(); 701new Effect(); 702new Popin(); 703new Collection(); 704 705const preloader = document.querySelector('.block-8-1'); 706const preloaderContent = preloader.querySelector('.container-1'); 707const preloaderProgress = preloaderContent.querySelector('.heading-3'); 708const preloaderLogo = preloaderContent.querySelector('.media-2'); 709let splashDelay; 710 711function checkSessionStorage() { 712 let preloader = sessionStorage.getItem('preloader'); 713 if (!preloader) { 714 showPreloader(); 715 sessionStorage.setItem('preloader', 'true'); 716 splashDelay = 2.64; 717 718 719 if (window.pageYOffset <= 10) { 720 lenis.stop(); 721 } 722 } else { 723 showPage(); 724 splashDelay = 0.64; 725 726 $('#first').remove(); 727 $('#second').show(); 728 $('#second video').prop('volume', 0); 729 gsap.set('#block-27-13615249 .col-1', { 730 autoAlpha: 1, 731 }); 732 gsap.set('#block-27-13615249 .box-1', { 733 autoAlpha: 0, 734 }); 735 } 736 737 738} 739 740function showPreloader() { 741 const preloaderTimeline = gsap.timeline({ onComplete: showPage }); 742 preloaderTimeline 743 .to(preloaderContent, { autoAlpha: 1, duration: 0.32 }, 0) 744 .to(preloaderProgress, { duration: 0.96, bottom: "50%", yPercent: 50, ease: 'power2.inOut' }) 745 .to(preloaderProgress, { delay: 0.08, duration: 0.96, bottom: "100%", yPercent: 100, ease: 'power2.inOut'}) 746 .to(preloaderProgress, { duration: 2, ease: 'power2.out', innerText: '100%', snap: { innerText: 4 }}, 0.32) 747} 748 749function showPage() { 750 gsap.fromTo(preloader, { clipPath: 'inset(0% 0% 0% 0%)' }, { clipPath: 'inset(0% 0% 100% 0%)', ease: 'power3.inOut', duration: 1.24 }) 751} 752 753$(document).ready(function() { 754 checkSessionStorage(); 755}); 756new Dropdown({selector: '.block-113-1 .dropdown'}); 757 758$(document).ready(function() { 759 760 ScrollTrigger.create({ 761 start: 'top+=48', 762 onEnter: ()=>{ 763 gsap.to('.hidescroll', { 764 autoAlpha: 0, 765 duration: 0.24, 766 ease: 'power2.out' 767 }); 768 }, 769 onLeaveBack: ()=>{ 770 gsap.to('.hidescroll', { 771 autoAlpha: 1, 772 duration: 0.24, 773 ease: 'power2.out' 774 }); 775 } 776 }); 777 778 779 const menuHandler = $('.block-113-1 .icon-1'); 780 const menuHandlerIcons = document.querySelectorAll('.block-113-1 .icon-1 svg') 781 const targetElement = $('.block-8-2'); 782 const timeline = gsap.timeline({ paused: true }); 783 let handlerDisabled = false; 784 let clickCount = 0; 785 786 function disableButton() { 787 handlerDisabled = true; 788 menuHandler.disabled = true; 789 790 setTimeout(()=>{ 791 handlerDisabled = false; 792 menuHandler.disabled = false; 793 }, 800); 794 } 795 796 timeline 797 .to(menuHandlerIcons[0], { autoAlpha: 0, display: 'none', duration: 0.2 }) 798 .set(menuHandler, { padding: 18 }) 799 .to(menuHandlerIcons[1], { autoAlpha: 1, display: 'block', duration: 0.2 }) 800 .set(targetElement, { autoAlpha: 1 }, 0) 801 .fromTo(targetElement, { clipPath: 'inset(0 0 100% 0)' }, { clipPath: 'inset(0 0 0% 0)', duration: 0.8, ease: 'power2.inOut' }, 0); 802 803 menuHandler.on('click', function() { 804 if (handlerDisabled) { 805 return; 806 } 807 disableButton(); 808 809 if (clickCount % 2 === 0) { 810 timeline.restart(); 811 } else { 812 timeline.reverse(); 813 } 814 clickCount++; 815 }); 816 817 818}); 819$(document).ready(function() { 820 function setCol1Height() { 821 var col2Height = $('.block-8-2 .col-2').outerHeight(); 822 $('.block-8-2 .col-1').css('height', col2Height); 823 } 824 setCol1Height(); 825 $(window).resize(function() { 826 setCol1Height(); 827 }); 828}); 829 830 831const boxes = document.querySelectorAll('.block-8-2 .box-3'); 832const media2Items = document.querySelectorAll('.block-8-2 .col-1 .media-2'); 833const media4Items = document.querySelectorAll('.block-8-2 .col-1 .media-4'); 834 835gsap.set(media2Items, { opacity: 0 }); 836gsap.set(media2Items[0], { opacity: 1 }); 837gsap.set(media4Items, { opacity: 0 }); 838gsap.set(media4Items[0], { opacity: 1 }); 839
840boxes.forEach((box, index) => { 841 box.addEventListener('mouseenter', () => { 842 media4Items.forEach(media => { 843 gsap.to(media, { opacity: 0, duration: 0.5 }); 844 }); 845 gsap.to(media4Items[index], { opacity: 1, duration: 0.5 }); 846 media2Items.forEach(media => { 847 gsap.to(media, { opacity: 0, duration: 0.5 }); 848 }); 849 gsap.to(media2Items[index], { opacity: 1, duration: 0.5 }); 850 }); 851}); 852$(document).ready(function(){ 853 854 const bars = document.querySelectorAll('#block-27-13615249 .bar'); 855 const icon = document.querySelectorAll('#block-27-13615249 .icon-1'); 856 857 gsap.to('#block-27-13615249 .icon-2', { 858 y: 12, 859 repeat: -1, 860 yoyo: true, 861 duration: 1.2, 862 ease: 'power2.inOut' 863 }) 864 865 bars.forEach(bar => { 866 const randomScaleY = gsap.utils.random(2, 5, 0.1); // Random value between 2 and 5 867 const randomDelay = gsap.utils.random(0, 1.2, 0.1); // Random value between 2 and 5 868 869 gsap.to(bar, { 870 scaleY: randomScaleY, 871 transformOrigin: 'bottom', 872 yoyo: true, 873 repeat: -1, 874 duration: 0.4, 875 delay: randomDelay, 876 ease: "power2.inOut" 877 }); 878 }); 879 880 function initFadeout() { 881 gsap.to('#second video', { 882 volume: 0, 883 scrollTrigger: { 884 trigger: '#block-27-13615249', 885 scrub: true, 886 end: 'bottom 25%', 887 start: 'top top' 888 } 889 }) 890 } 891 892 $( icon ).on( "click", hasClicked ); 893 894 function hasClicked() { 895 lenis.start(); 896 897 gsap.to('#block-27-13615249 .col-1', { 898 autoAlpha: 1, 899 }); 900 gsap.to('#block-27-13615249 .box-1', { 901 autoAlpha: 0, 902 }); 903 904 $('#first').remove(); 905 $('#second').show(); 906 $('#second video').prop('volume', 0.4); 907 908 initFadeout(); 909 910 }; 911}); 912 913(() => { 914 const playIfVisible = (video) => { 915 let isPlaying = false; 916 917 const isElementInViewport = (el) => { 918 const rect = el.getBoundingClientRect(); 919 const windowHeight = window.innerHeight || document.documentElement.clientHeight; 920 const windowWidth = window.innerWidth || document.documentElement.clientWidth; 921 const vertInView = (rect.top <= windowHeight) && ((rect.top + rect.height) >= 0); 922 const horInView = (rect.left <= windowWidth) && ((rect.left + rect.width) >= 0); 923 return (vertInView && horInView); 924 }; 925 926 const handleScroll = () => { 927 if (isElementInViewport(video)) { 928 if (!isPlaying) { 929 video.play().catch(error => { 930 console.error('Error playing video:', error.message); 931 }); 932 isPlaying = true; 933 } 934 } else { 935 if (isPlaying && !video.paused) { 936 937 video.pause(); 938 isPlaying = false; 939 } 940 } 941 }; 942 943 handleScroll(); 944 945 window.addEventListener('scroll', handleScroll); 946 window.addEventListener('resize', handleScroll); 947 }; 948 949 $.when( 950 $.getScript('https://cdn.jsdelivr.net/npm/[email protected]/dist/lazyload.min.js'), 951 $.Deferred(function (deferred) { 952 $(deferred.resolve); 953 }) 954 ).done(function () { 955 new LazyLoad({ 956 elements_selector: '[data-src]', 957 callback_loading: (el) => { 958 if (el.tagName.toLowerCase() === 'video') { 959 playIfVisible(el); 960 } 961 } 962 }); 963 }); 964})(); 965let split; 966let tl; 967 968function init() { 969 gsap.set("#block-9-13610640 .text-1", { autoAlpha: 1 }); 970 971 if(split) { 972 split.revert(); 973 } 974 975 split = new SplitType('#block-9-13610640 .text-1 p', { types: 'lines', tagName: 'span' }); 976 tl = gsap.timeline(); 977 978 split.lines.forEach((line) => { 979 gsap.from(line, { 980 color: '#3B1D52', 981 scrollTrigger: { 982 trigger: line, 983 start: 'top 68%', 984 end: 'bottom 68%', 985 toggleActions: 'play none none none', 986 } 987 }); 988 }); 989}; 990 991let timeout; 992let delay = 250; 993 994let previousWidth = window.innerWidth; 995 996window.addEventListener('resize', function() { 997 if (window.innerWidth !== previousWidth) { 998 gsap.set("#block-9-13610640 .text-1", { autoAlpha: 0 }); 999 clearTimeout(timeout); 1000 timeout = setTimeout(init, delay); 1001 previousWidth = window.innerWidth; 1002 } 1003}); 1004 1005$(document).ready(() => { 1006 init(); 1007}); 1008gsap.from('#custom-images-1-13956298 .box-0', { 1009 scale: 0.45, 1010 aspectRatio: 1.7, 1011 yPercent: 25, 1012 ease: 'none', 1013 scrollTrigger: { 1014 trigger: '#custom-images-1-13956298 .box-0', 1015 scrub: true, 1016 pin: true, 1017 end: 'bottom 25%', 1018 start: 'top top', 1019 } 1020}) 1021gsap.to("#block-8-13758762 .media-2", { 1022 scale: 40, 1023 rotate: 90, 1024 scrollTrigger: { 1025 anticipatePin: 1, 1026 pin: true, 1027 pinSpacing: false, 1028 scrub: 1, 1029 start: "top top", 1030 end: "bottom center", 1031 trigger: "#block-8-13758762" 1032 } 1033}); 1034 1035 1036if (window.parent !== window) { 1037 window.parent.postMessage({'height': document.body.scrollHeight}); 1038 } 1039 }); 1040</script>
1040 1041 </body> 1042</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.