PageSourceSearch

https://www.djretain.com/es/

html djretain.com collected 2026-10-06 21:46:49 UTC 54,360 bytes, 1,042 lines download raw bytes

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&oacute;n por la m&uacute;sica dance con su profundo amor por Jes&uacute;s, creando pistas que inspiran y resuenan con oyentes en todo el mundo.">
8<meta name="keywords" content="Retain, DJ Retain, djretain, m&uacute;sica dance cristiana, remixes de alabanza, DJ cristiano, remixes de m&uacute;sica cristiana">
9<meta property="og:title" content="Retain | Sitio web oficial">
10<meta property="og:description" content="DJ Retain combina su pasi&oacute;n por la m&uacute;sica dance con su profundo amor por Jes&uacute;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&oacute;n por la m&uacute;sica dance con su profundo amor por Jes&uacute;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&iacute;</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&aacute;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&aacute;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&iacute;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>&lsquo;&lsquo;Mi pasi&oacute;n por la m&uacute;sica dance es inmensa, pero mi amor por Jes&uacute;s es a&uacute;n mayor. Con mi m&uacute;sica espero inspirar a la gente, hacerles reflexionar sobre la vida y quiz&aacute; vislumbrar el amor de Dios. Crear canciones y melod&iacute;as, y pensar en un mensaje m&aacute;s profundo a trav&eacute;s de la m&uacute;sica, es algo que realmente resuena en m&iacute;. Para m&iacute;, ser artista es la mejor manera de compartir mi pasi&oacute;n por Jes&uacute;s y por la m&uacute;sica de baile.&rsquo;&rsquo;</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&iacute;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&eacute;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&eacute;ctate f&aacute;cilmente con Retain: Sigue a Retain en sus redes sociales y mantente conectado para conocer su nueva m&uacute;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:&#105;&#110;&#102;&#111;&#64;&#100;&#106;&#114;&#101;&#116;&#97;&#105;&#110;&#46;&#99;&#111;&#109;">&#105;&#110;&#102;&#111;&#64;&#100;&#106;&#114;&#101;&#116;&#97;&#105;&#110;&#46;&#99;&#111;&#109;</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&oacute;n</strong><br><a href="mailto:&#109;&#103;&#109;&#116;&#64;&#100;&#106;&#114;&#101;&#116;&#97;&#105;&#110;&#46;&#99;&#111;&#109;">&#109;&#103;&#109;&#116;&#64;&#100;&#106;&#114;&#101;&#116;&#97;&#105;&#110;&#46;&#99;&#111;&#109;</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:&#105;&#110;&#102;&#111;&#64;&#100;&#106;&#114;&#101;&#116;&#97;&#105;&#110;&#46;&#99;&#111;&#109;">&#105;&#110;&#102;&#111;&#64;&#100;&#106;&#114;&#101;&#116;&#97;&#105;&#110;&#46;&#99;&#111;&#109;</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&iacute;</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>&copy;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 &nbsp; &nbsp; &nbsp;|&nbsp; &nbsp; &nbsp; Pol&iacute;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.