PageSourceSearch

https://www.djretain.com/about-me/

html djretain.com collected 2026-10-06 21:46:47 UTC 37,286 bytes, 636 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3    <head>
4        <title>About DJ Retain</title>
5<meta charset="utf-8">
6<meta name="viewport" content="width=device-width, initial-scale=1.0">
7<meta name="description" content="Discover DJ Retain, a renowned Christian dance music producer known for blending powerful beats with faith-driven messages. Learn about his journey and musical vision.">
8<meta name="keywords" content="DJ Retain, Christian dance music, Christian DJ, DJ Retain biography, DJ Retain career, DJ Retain story">
9<meta property="og:title" content="About DJ Retain">
10<meta property="og:description" content="Discover DJ Retain, a renowned Christian dance music producer known for blending powerful beats with faith-driven messages. Learn about his journey and musical vision.">
11<meta property="og:image" content="https://www.djretain.com/assets/files/retain-dj-foto-shoot-studio-lights.jpg">
12<meta property="og:type" content="website">
13<meta property="og:updated_time" content="1779372418">
14<meta name="twitter:title" content="About DJ Retain">
15<meta name="twitter:description" content="Discover DJ Retain, a renowned Christian dance music producer known for blending powerful beats with faith-driven messages. Learn about his journey and musical vision.">
16<meta name="twitter:image" content="https://www.djretain.com/assets/files/retain-dj-foto-shoot-studio-lights.jpg">
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/about-me/">
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-1312230.css?v=1779372418">
24        
24<script>
25    const LANGUAGE_CODE = 'en';
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/en/about-me/">
39<link rel="alternate" hreflang="es" href="https://www.djretain.com/es/sobre-mi/">
40<link rel="alternate" hreflang="pt" href="https://www.djretain.com/pt/sobre-mim/">
41<link rel="alternate" href="https://www.djretain.com/en/about-me/" hreflang="x-default" />
42<script type="application/ld+json">
43{
44  "@context": "http://schema.org",
45  "@type": "Person",
46  "name": "Retain",
47  "alternateName": "DJ Retain",
48  "url": "https://www.djretain.com/about",
49  "image": "https://www.djretain.com/assets/files/retain-dj-music-about-christian-artist-netherlands.1920x0x0x100.jpg",
50  "description": "Living in the Netherlands, DJ Retain, real name Peter, has been influenced by renowned DJs and has grown to touch many lives worldwide with his dance music infused with his faith. His documentary ‘GOD IS A DJ’ explores his journey in dance music and faith.",
51  "jobTitle": "Music Producer and DJ",
52  "worksFor": {
53    "@type": "Organization",
54    "name": "Retain Music",
55    "sameAs": "https://www.djretain.com"
56  },
57  "memberOf": [
58    {
59      "@type": "Organization",
60      "name": "Armada Music Publishing"
61    }
62  ],
63  "award": "2 million views on YouTube for 'Break Every Chain'",
64  "nationality": {
65    "@type": "Country",
66    "name": "The Netherlands"
67  },
68  "birthDate": "1997-05-25",
69  "email": "[email protected]",
70  "sameAs": [
71    "https://www.facebook.com/retaindj",
72    "https://musicbrainz.org/artist/1d308783-3d63-4e72-9140-5560fdb14432",
73    "https://www.instagram.com/retaindj",
74    "https://www.youtube.com/channel/UC5JvSJZfOwAnqCOEWv2XoAw",
75    "https://open.spotify.com/artist/5SwavZEv1VevR29sNLYTbF",
76    "https://www.tiktok.com/@retaindj",
77    "https://www.linkedin.com/company/retain-music/",
78    "https://soundcloud.com/retainmusic",
79    "https://music.apple.com/nl/artist/retain/953492719",
80    "https://music.youtube.com/channel/UC9G9aBGiSQtgS0ChB0kjvRg",
81    "https://www.last.fm/music/Retain"
82  ]
83}
84</script>
84
85        
85<script src="/js/script.js" defer data-domain="djretain.com"></script>
85
86        
87    </head>
88    <body>
89        
89<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
vendor: 2 bytes, line 89
89
90<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>
vendor: 2 bytes, line 90
90
91<script src="https://unpkg.com/split-type"></script>
vendor: 2 bytes, line 91
91
92<script src="https://cdn.jsdelivr.net/gh/studio-freight/[email protected]/bundled/lenis.min.js"></script>
vendor: 2 bytes, line 92
92
93<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/Flip.min.js"></script>
93
94
95<script>
96	const lenis = new Lenis();
97
98	lenis.on('scroll', ScrollTrigger.update);
99
100	gsap.ticker.add((time) => {
101		lenis.raf(time * 1000);
102	});
103
104	gsap.ticker.lagSmoothing(0);
105</script>
105
106
107<script>
108addEventListener("DOMContentLoaded", (event) => {
109  if (!document.querySelector("#bw-editor")) {
110    const headings = document.querySelectorAll("[data-text-reveal-1]");
111
112    headings.forEach((heading) => {
113      let outerSplit;
114      let innerSplit;
115      let tl;
116
117      function init() {
118        gsap.set(heading, { autoAlpha: 1 });
119
120        if (outerSplit && innerSplit) {
121          outerSplit.revert();
122          innerSplit.revert();
123        }
124
125        outerSplit = new SplitType(heading, {
126          types: "lines",
127          lineClass: "st-line",
128          tagName: 'span',
129        });
130
131        innerSplit = new SplitType(heading.querySelectorAll(".st-line"), {
132          types: "lines",
133          lineClass: "st-line-inner",
134          tagName: 'span',
135        });
136
137        gsap.from(innerSplit.lines, {
138          duration: 0.64,
139          ease: "power2.out",
140          skewY: 6,
141          stagger: 0.12,
142          yPercent: 164,
143          scrollTrigger: {
144            trigger: heading,
145            start: "top 75%",
146            toggleActions: "play none none none",
147          },
148        });
149      }
150
151      let timeout;
152      let delay = 250;
153
154      let previousWidth = window.innerWidth;
155
156      window.addEventListener("resize", function () {
157        if (window.innerWidth !== previousWidth) {
158          gsap.set(heading, { autoAlpha: 0 });
159          clearTimeout(timeout);
160          timeout = setTimeout(init, delay);
161          previousWidth = window.innerWidth;
162        }
163      });
164
165      init();
166    });
167  }
168});
169</script>
169
170
171<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 171-172
171
172<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
172GTM-K86KRD74
vendor: 85 bytes, lines 172-173
172"
173height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
174<!-- End Google Tag Manager (noscript) -->
175        
176        <div class="page" id="page-1312230">
177		<header class="block-113-1 dark">
178			<div class="container container-1">
179				<div class="row row-1">
180					<div class="col col-1">
181						<div class="box box-1">
182							<a class="media-1 light" data-color="fill" href="/" id="media-1-m4sqa3jc">
183								<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" id="svg-vhbbnfxefmfcczfxepx2i31z6ri75sbr">
184  <path id="svg-el-xu5vuoyb7538v9xdjxyxtwq0jsbubf84" 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)"/>
185</svg>
186							</a>
187							<a class="media-1 hidescroll light" data-color="fill" href="/" id="media-1-mtw8jgf8">
188								<svg xmlns="http://www.w3.org/2000/svg" width="109.659" height="21.011" viewBox="0 0 109.659 21.011" id="svg-mzut27io5y4gq0qbd6p5ezu3rximvxy6">
189  <g id="svg-el-ave8zhsdd7t92li9zz3ni7kvqvvcvlue" data-name="Group 81" transform="translate(-128.496 -74.823)">
190    <path id="svg-el-yn4473ej7aebwa4cr8angfwr7xk75seu" 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)"/>
191    <path id="svg-el-4gcr6h07vyftwy6i0m617c2g892wpraw" 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)"/>
192    <path id="svg-el-wd7wbrtxmfn97bodcm76cdx5ahy3x2nu" 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)"/>
193    <path id="svg-el-15oabijxhr3qobb282nsas4759r1gm4j" 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)"/>
194    <path id="svg-el-hwt97qnerhmpyg0m9f47cnkeyymp5hih" 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)"/>
195    <path id="svg-el-cakfvyzergk5cidy2oka3a2wsnqj207w" 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)"/>
196  </g>
197</svg>
198							</a>
199						</div>
200					</div>
201					<div class="col col-2">
202						<div class="box box-2">
203							<div class="button-wrapper hidescroll not-xs not-sm not-md">
204								<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>
205							</div>
206							<nav class="menu-4 dark hidescroll dropdown" data-menu="language">
207								<ul><li class="active"><a href="/about-me/">EN</a></li><li><a href="/es/sobre-mi/">ES</a></li><li><a href="/pt/sobre-mim/">PT</a></li></ul>
208							</nav>
209							<div class="icon-1 light" data-color="fill">
210								<svg xmlns="http://www.w3.org/2000/svg" width="19" height="13" viewBox="0 0 19 13" id="svg-z152dnr2ynhaeh0gpgrzdfenoys1232d">
211  <g id="svg-el-at3t7soc58dhfdgl2hdxjt48hvf8ikbd" data-name="Group 30" transform="translate(-107.828 -81)">
212    <path id="svg-el-m0kgdkij6p8punc3wacw4w7mtoc1c2kv" 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)"/>
213    <path id="svg-el-w14ijood8y79iqrokqumd0m4cdphxtg3" 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)"/>
214    <path id="svg-el-da89k5t3uao14z07g7qcwa6aqj6mj8ui" 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)"/>
215  </g>
216</svg>
217								<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" id="svg-byd4xhu1hsy4wx03j3r0swhbnb0ynuwg">
218  <g id="svg-el-3cxnkjuvgljsuo3ttvbflgoj2mj4igkb" data-name="Group 177" transform="translate(-1608 -80)">
219    <path id="svg-el-7aohmhuzbnuzld7007isvgqslaox4is0" 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)"/>
220    <path id="svg-el-mrj0lgxebozeziu7qwiu16rb03lwc5mh" 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)"/>
221  </g>
222</svg>
223							</div>
224							
225						</div>
226					</div>
227				</div>
228			</div>
229		</header>
230		<section class="block-8-2 dark">
231			<div class="container container-1">
232				<div class="row row-1">
233					<div class="col col-1 not-xs not-sm not-md">
234						<div class="media-2 dark">
235							<img src="/assets/files/retain-blob-purple-strong.svg" alt="Retain blob purple strong">
236						</div>
237						<div class="media-2 dark">
238							<img src="/assets/files/retain-blob-blue-strong.svg" alt="Retain blob blue strong">
239						</div>
240						<div class="media-2 dark">
241							<img src="/assets/files/retain-blob-orange-strong.svg" alt="Retain blob orange strong">
242						</div>
243						<div class="media-2 dark">
244							<img src="/assets/files/retain-blob-orange-strong.svg" alt="Retain blob orange strong">
245						</div>
246						<div class="box box-1">
247							<div class="media-4 light">
248								<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">
249							</div>
250							<div class="media-4 light">
251								<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">
252							</div>
253							<div class="media-4 light">
254								<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">
255							</div>
256							<div class="media-4 light">
257								<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, 1921p
257x">
258							</div>
259						</div>
260					</div>
261					<div class="col col-2">
262						<div class="box box-2">
263							<div class="box box-3">
264								<div class="box box-4">
265									<div class="heading-3 light"><a href="/">Home</a></div>
266								</div>
267								<div class="separator-1 light empty"></div>
268							</div>
269							<div class="box box-3">
270								<div class="box box-4">
271									<div class="heading-3 light"><a href="/about-me/">About me</a></div>
272								</div>
273								<div class="separator-1 light empty"></div>
274							</div>
275							<div class="box box-3">
276								<div class="box box-4">
277									<div class="heading-3 light"><a href="/blog/">Blog</a></div>
278								</div>
279								<div class="separator-1 light empty"></div>
280							</div>
281							<div class="box box-3">
282								<div class="box box-4">
283									<div class="heading-3 light"><a href="/contact/">Contact</a></div>
284									<div class="text-2 not-xs not-sm not-md light">
285										<p>Book retain</p>
286									</div>
287								</div>
288								<div class="separator-1 light empty"></div>
289							</div>
290						</div>
291					</div>
292				</div>
293			</div>
294			<div class="media-2 dark not-lg not-xl">
295				<img src="/assets/files/retain-blob-purple-soft.svg" alt="Retain blob purple soft">
296			</div>
297		</section>
298		<section id="block-8-13787427" class="dark">
299			<div class="container container-1">
300				<div class="row row-1">
301					<div class="col col-1">
302						<div class="box box-1">
303							<div class="media-2 dark">
304								<img src="/assets/files/retain-blob-purple-soft.svg" alt="Retain blob purple soft">
305							</div>
306							<h1 class="heading-2 fouc light" data-text-reveal-1><span style="color: #944acf;"><em>Meet retain</em></span><br>about me</h1>
307						</div>
308					</div>
309				</div>
310				<div class="row row-2">
311					<div class="col col-2">
312						<div class="box box-2">
313							<div class="text-1 light">
314								<p>Living in the Netherlands, Retain has grown up in a country that has produced many international DJs like Tiesto, Martin Garrix, Armin van Buuren and many more. Started as a dance producer and DJ, his music now touches the lives of many people worldwide, with millions of streams and his presence on major stages.</p>
315							</div>
316						</div>
317					</div>
318				</div>
319			</div>
320		</section>
321		<section id="block-8-13706857" class="dark">
322			<div class="container container-1">
323				<div class="row row-1">
324					<div class="col col-1">
325						<div class="box box-1" data-scroll_speed="104%">
326							<div class="media-4 light">
327								<img src="/assets/files/retain-dj-music-about-me-foto-shoot-studio-lights-3.jpg" alt="retain-dj-music-about-me-foto-shoot-studio-lights-3" srcset="/assets/files/retain-dj-music-about-me-foto-shoot-studio-lights-3.480x0x0x100.jpg 480w, /assets/files/retain-dj-music-about-me-foto-shoot-studio-lights-3.960x0x0x100.jpg 960w, /assets/files/retain-dj-music-about-me-foto-shoot-studio-lights-3.1920x0x0x100.jpg 1920w, /assets/files/retain-dj-music-about-me-foto-shoot-studio-lights-3.jpg 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921px">
328							</div>
329						</div>
330						<div class="box box-2 not-xs not-sm not-md" >
331							<div class="media-4 light">
332								<img src="/assets/files/retain-jongerendag-setvexy-5989.webp" alt="EU Jongerendag SetVexy 5989" srcset="/assets/files/retain-jongerendag-setvexy-5989.480x0x0x100.webp 480w, /assets/files/retain-jongerendag-setvexy-5989.960x0x0x100.webp 960w, /assets/files/retain-jongerendag-setvexy-5989.1920x0x0x100.webp 1920w, /assets/files/retain-jongerendag-setvexy-5989.webp 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921px">
333							</div>
334						</div>
335					</div>
336					<div class="col col-2 not-xs not-sm not-md">
337						<div class="box box-3" data-scroll_speed="92%">
338							<div class="media-4 light">
339								<img src="/assets/files/eu-jongerendag-setvexy-1638.webp" alt="EU Jongerendag SetVexy 1638" srcset="/assets/files/eu-jongerendag-setvexy-1638.480x0x0x100.webp 480w, /assets/files/eu-jongerendag-setvexy-1638.960x0x0x100.webp 960w, /assets/files/eu-jongerendag-setvexy-1638.1920x0x0x100.webp 1920w, /assets/files/eu-jongerendag-setvexy-1638.webp 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921p
339x">
340							</div>
341						</div>
342					</div>
343				</div>
344			</div>
345		</section>
346		<section id="block-8-13706859" class="dark">
347			<div class="container container-1">
348				<div class="row row-1">
349					<div class="col col-1">
350						<div class="box box-1">
351							<h2 class="heading-0168 light">Who is DJ Retain</h2>
352							<div class="text-3 light">
353								<p>Over the years, Retain has collaborated with various artists and released a range of songs. He achieved millions of streams with remixes such as &lsquo;Ever Be,&rsquo; &lsquo;No Longer Slaves,&rsquo; and &lsquo;Break Every Chain&rsquo;. He regularly releases new worship remixes and original songs. In August 2021, Retain released the mini-documentary &lsquo;GOD IS A DJ&rsquo; on <a href="https://youtu.be/VUOnkoRed0I?si=SZxIPVRI6JKwNDkY" target="_blank">YouTube</a>, exploring his perspective on dance music and religion. The track &lsquo;Open Arms&rsquo; is the result of this process.</p>
354								<p><span style="color: #944acf;"><strong>Discover the rhythm</strong></span><br>From a young age, Retain had a great love for music, as a child he used to listen to music with his ears close to the speaker. He started making music himself: drumming, playing the piano, guitar and making music on his computer in his attic. Various genres inspired him, but &ldquo;when I discovered dance music, I was immediately hooked.&rdquo; In the worship genre, he favored Newsboys, TobyMac, and later Capital Kings. When he started exploring dance music, DJs like Avicii, Armin van Buuren en Tiesto really stood out.</p>
355								<p>Using software that the biggest DJs used, he began experimenting with dance music at a very young age. &ldquo;Hours and hours of experimenting, tinkering, amazing!&rdquo; A lot of practice and listening back ensured that his music sounded better over time. His musical journey started gradually immersing himself in the dance world. Retain connected with other DJs, including the then relatively unknown Martin Garrix, who gave him a golden tip: producing is the most important because DJs are known for their tracks, not just for their skills. &ldquo;I started producing a tremendous number of songs.&rdquo;</p>
356							</div>
357						</div>
358					</div>
359				</div>
360			</div>
361		</section>
362		<section id="block-8-13709672" class="dark">
363			<div class="container container-1">
364				<div class="row row-1">
365					<div class="col col-1">
366						<div class="box box-1">
367							<h2 class="heading-3 fouc light" data-text-reveal-1>Book<br>retain</h2>
368						</div>
369						<div class="box box-2">
370							<div class="text-2 light">
371								<p><strong>Bookings</strong><br><span style="color: #ff5000;"><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></span></p>
372							</div>
373							<div class="button-wrapper">
374								<a class="button-2 light" href="/contact/">Contact</a>
375							</div>
376						</div>
377						<div class="box box-3 not-xs not-sm not-md" data-bg_scroll_speed="96%">
378							<div class="media-4 light" data-position="center-bottom">
379								<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">
380							</div>
381						</div>
382					</div>
383				</div>
384			</div>
385		</section>
386		<section id="block-8-13787429" class="dark">
387			<div class="container container-1">
388				<div class="row row-1">
389					<div class="col col-1">
390						<div class="box box-1">
391							<div class="text-3 light">
392								<p><span style="color: #944acf;"><strong>&ldquo;Welcome to the family&rdquo;</strong></span><br>That started to get noticed. At a certain point, several major record labels were interested. A chance for a career in mainstream dance music, a contract with a major music label, and his own management were possible. This made him think at a young age: &ldquo;Do I want to make mainstream dance music, tour a lot and live in the night?&rdquo; He followed his heart and decided to focus on Christian dance more and more. He started turning well-known worship songs into dance tracks.</p>
393								<p>He continued making music and improving. Together with Reyer, he created the song &lsquo;Break every chain,&rsquo; which has over 2 million views on YouTube. Getting further into the music scene he got in touch with Bart van Houten, who was mainly focu
393sed on hip-hop, but was very interested in working together with Retain, specifically for Christian remixes and dance music.</p>
394								<p>Signing a management contract with Bart and a publishing contract with Armada Music Publishing from Amsterdam was a special moment, especially as Retain later met Armin van Buren. He was recording his radio show &lsquo;A State Of Trance&rsquo; and gave Retain a warm welcome, saying "Welcome to the family." Retain truly sees a wink from God. "As if he's saying, 'See, I take care of you!"</p>
395								<p><span style="color: #944acf;"><strong>Source of life</strong></span><br>In addition to a deep passion for dance, he has a profound belief in God. Jesus is the source and inspiration for every song he creates. "God gives life. Everything I do is ultimately for Him." Therefore, Retain aims to create dance music that flows from life &mdash; an accessible way to spread the beautiful message of God.</p>
396								<p><span style="color: #944acf;"><strong>Happy, emotional, dynamic</strong></span><br>Retain's songs are characterized by a good beat and a summery vibe. They make you happy and energetic while carrying a deeper meaning. You can blast his music in the car, but it also serves as a moment of calm. He wants his music to touch people, inspire them, and make them think. &lsquo;With my music, the melodies and the deeper message in it, I hope I can inspire people, get them to think about life and maybe see something of the love of God.&rsquo; says Retain. &lsquo;For me being an artist is the ultimate way to share my passion for Jesus and dance music.</p>
397							</div>
398						</div>
399					</div>
400				</div>
401			</div>
402		</section>
403		<section class="custom-images-2-1 dark">
404			<div class="container container-1">
405				<div class="row row-1">
406					<div class="col col-1">
407						<div class="box box-1">
408							<h2 class="heading-1 fouc light" data-text-reveal-1><span style="color: #3aa9c4;"><em>Check out the</em></span><br>merch<span class="not-xs not-sm not-md">andise</span></h2>
409							<div class="button-wrapper">
410								<a class="button-1 dark" href="/merchandise/">Go to the shop</a>
411							</div>
412						</div>
413					</div>
414				</div>
415				<div class="row row-2">
416					<div class="col col-2">
417						<div class="media-2 light" data-size="960x0" data-ratio="3x2" data-scroll_speed="96%" >
418							<img src="/assets/files/retain-dj-music-black-t-shirt-models-urban-4.960x0.jpg" alt="retain-dj-music-black-t-shirt-models-urban-4" srcset="/assets/files/retain-dj-music-black-t-shirt-models-urban-4.480x0.jpg 480w, /assets/files/retain-dj-music-black-t-shirt-models-urban-4.960x0.jpg 960w, /assets/files/retain-dj-music-black-t-shirt-models-urban-4.1920x0.jpg 1920w" sizes="(max-width: 480px) 480px, 960px">
419						</div>
420					</div>
421					<div class="col col-3">
422						<div class="media-2 light" data-size="640x0" data-ratio="3x4" data-scroll_speed="104%" >
423							<img src="/assets/files/retain-dj-music-cream-hoodie-urban-logo-model.640x0.jpg" alt="retain-dj-music-cream-hoodie-urban-logo-model" srcset="/assets/files/retain-dj-music-cream-hoodie-urban-logo-model.640x0.jpg 640w, /assets/files/retain-dj-music-cream-hoodie-urban-logo-model.1280x0.jpg 1280w" sizes="640px">
424						</div>
425					</div>
426					<div class="col col-4">
427						<div class="media-2 light" data-size="640x0" data-ratio="3x4" data-scroll_speed="94%" data-scroll_speed_xs="108">
428							<img src="/assets/files/retain-dj-music-black-t-shirt-detail.640x0.jpg" alt="retain-dj-music-black-t-shirt-detail" srcset="/assets/files/retain-dj-music-black-t-shirt-detail.640x0.jpg 640w, /assets/files/retain-dj-music-black-t-shirt-detail.1280x0.jpg 1280w" sizes="640px">
429						</div>
430					</div>
431				</div>
432			</div>
433		</section>
434		<section class="block-27-1 dark">
435			<div class="media-4 dark">
436				<img src="/assets/files/retain-dj-christian-event-square-netherlands.webp" alt="Retain_DJ_Christian_Event_Square_Netherlands" srcset="/assets/files/retain-dj-christian-event-square-netherlands.480x0x0x100.webp 480w, /assets/files/retain-dj-christian-event-square-netherlands.960x0x0x100.webp 960w, /assets/files/retain-dj-christian-event-square-netherlands.1920x0x0x100.webp 1920w, /assets/files/retain-dj-christian-event-square-netherlands.webp 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921p
436x">
437			</div>
438		</section>
439		<footer class="block-33-1 dark">
440			<div class="container container-1">
441				<div class="row row-1">
442					<div class="col col-1">
443						<div class="box box-1">
444							<h2 class="heading-6 light" data-text-reveal-1>Book Retain</h2>
445						</div>
446					</div>
447				</div>
448				<div class="row row-2">
449					<div class="col col-2">
450						<div class="box box-2">
451							<div class="text-2 light">
452								<p><strong>Bookings</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>
453							</div>
454						</div>
455					</div>
456					<div class="col col-2">
457						<div class="box box-2">
458							<div class="text-2 light">
459								<p><strong>Management</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>
460							</div>
461						</div>
462					</div>
463					<div class="col col-2">
464						<div class="box box-2">
465							<div class="text-2 light">
466								<p><strong>Press</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>
467							</div>
468						</div>
469					</div>
470				</div>
471				<div class="row row-3">
472					<div class="col col-3">
473						<div class="box box-3">
474							<div class="button-wrapper">
475								<a class="button-2 dark" href="/contact/">Contact</a>
476							</div>
477						</div>
478					</div>
479				</div>
480			</div>
481		</footer>
482		<footer class="block-12-1 dark">
483			<div class="media-4 dark">
484				<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">
485			</div>
486			<div class="media-2 light" data-scroll_speed="88%" data-scroll_speed_xs="96">
487				<img src="/assets/files/retain-footer-symbol.svg" class="not-xs not-sm not-md" alt="Retain footer symbol">
488				<img src="/assets/files/retain-footer-symbol-mobile.svg" class="not-lg not-xl" alt="Retain footer symbol mobile">
489			</div>
490			<div class="media-3 light">
491				<img src="/assets/files/retain-blob-orange-soft.svg" alt="Retain blob orange soft">
492			</div>
493			<div class="container container-1">
494				<div class="row row-1 not-xs not-sm not-md">
495					<div class="col col-1">
496						<div class="box box-1">
497							<div class="menu">
498								<nav class="menu-1 light default-menu" data-levels="1">
499									<ul><li class="page-1312229"><a href="/">Home</a></li><li class="active page-1312230"><a href="/about-me/">About me</a></li><li class="page-1322919"><a href="/blog/">Blog</a></li><li class="page-1323622"><a href="/contact/">Contact</a></li></ul>
500								</nav>
501							</div>
502						</div>
503					</div>
504				</div>
505				<div class="row row-2">
506					<div class="col col-2">
507						<div class="box box-2">
508							<div class="text-6 light">
509								<p>&copy;2025 Retain Music</p>
510							</div>
511						</div>
512					</div>
513					<div class="col col-3">
514						<div class="box box-3">
515							<div class="text-6 light">
516								<p>All rights reserved &nbsp; &nbsp; &nbsp;| &nbsp; &nbsp; &nbsp;<a href="/privacy-policy/">Privacy Policy</a></p>
517							</div>
518						</div>
519					</div>
520				</div>
521			</div>
522		</footer>
523	</div>
524
525        
526        
526<script src="/assets/js/script.js?v=1779372418"></script>
vendor: 1 bytes, line 526
526
527<script>
528    window.addEventListener('load', () => {
529        new Menu();
530new Scroll();
531
532new Dropdown({selector: '.block-113-1 .dropdown'});
533
534$(document).ready(function() {
535
536    ScrollTrigger.create({
537        start: 'top+=48',
538        onEnter: ()=>{
539            gsap.to('.hidescroll', {
540                autoAlpha: 0,
541                duration: 0.24,
542                ease: 'power2.out'
543            });
544        },
545        onLeaveBack: ()=>{
546            gsap.to('.hidescroll', {
547                autoAlpha: 1,
548                duration: 0.24,
549                ease: 'power2.out'
550            });
551        }
552    });
553
554
555    const menuHandler = $('.block-113-1 .icon-1');
556    const menuHandlerIcons = document.querySelectorAll('.block-113-1 .icon-1 svg')
557    const targetElement = $('.block-8-2');
558    const timeline = gsap.timeline({ paused: true });
559    let handlerDisabled = false;
560    let clickCount = 0;
561
562    function disableButton() {
563        handlerDisabled = true;
564        menuHandler.disabled = true;
565
566        setTimeout(()=>{
567            handlerDisabled = false;
568            menuHandler.disabled = false;
569        }, 800);
570    }
571
572    timeline
573        .to(menuHandlerIcons[0], { autoAlpha: 0, display: 'none', duration: 0.2 })
574        .set(menuHandler, { padding: 18 })
575        .to(menuHandlerIcons[1], { autoAlpha: 1, display: 'block', duration: 0.2 })
576        .set(targetElement, { autoAlpha: 1 }, 0)
577        .fromTo(targetElement, { clipPath: 'inset(0 0 100% 0)' }, { clipPath: 'inset(0 0 0% 0)', duration: 0.8, ease: 'power2.inOut' }, 0);
578
579    menuHandler.on('click', function() {
580        if (handlerDisabled) {
581            return;
582        }
583        disableButton();
584
585        if (clickCount % 2 === 0) {
586            timeline.restart();
587        } else {
588            timeline.reverse();
589        }
590        clickCount++;
591    });
592
593    
594});
595$(document).ready(function() {
596    function setCol1Height() {
597        var col2Height = $('.block-8-2 .col-2').outerHeight();
598        $('.block-8-2 .col-1').css('height', col2Height);
599    }
600    setCol1Height();
601    $(window).resize(function() {
602        setCol1Height();
603    });
604});
605
606
607const boxes = document.querySelectorAll('.block-8-2 .box-3');
608const media2Items = document.querySelectorAll('.block-8-2 .col-1 .media-2');
609const media4Items = document.querySelectorAll('.block-8-2 .col-1 .media-4');
610
611gsap.set(media2Items, { opacity: 0 });
612gsap.set(media2Items[0], { opacity: 1 });
613gsap.set(media4Items, { opacity: 0 });
614gsap.set(media4Items[0], { opacity: 1 });
615
616boxes.forEach((box, index) => {
617    box.addEventListener('mouseenter', () => {
618        media4Items.forEach(media => {
619            gsap.to(media, { opacity: 0, duration: 0.5 });
620        });
621        gsap.to(media4Items[index], { opacity: 1, duration: 0.5 });
622        media2Items.forEach(media => {
623            gsap.to(media, { opacity: 0, duration: 0.5 });
624        });
625        gsap.to(media2Items[index], { opacity: 1, duration: 0.5 });
626    });
627});
628
629
630if (window.parent !== window) {
631            window.parent.postMessage({'height': document.body.scrollHeight});
632        }
633    });
634</script>
634
635    </body>
636</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.