{"product_id":"code-black-midtempo-sample-preset-pack","title":"CODE BLACK | MIDTEMPO SAMPLE\/PRESET PACK","description":"\u003cdiv class=\"main-bundle-wrapper\" style=\"text-align: center; max-width: 1100px; margin: 0 auto 0 auto; font-size: 16px; color: #f1f1f1; line-height: 1.6; padding-top: 0 !important; padding-bottom: 0 !important;\"\u003e\n  \u003cstyle\u003e\n    \/* Desktop Only Title Margin *\/\n    @media (min-width: 769px) {\n      .main-bundle-wrapper {\n        margin-top: -40px !important;\n      }\n    }\n    .hero-title {\n      color: #ffffff;\n      font-size: 36px;\n      font-weight: 800;\n      margin-top: 0 !important; \n      margin-bottom: 10px;\n      text-transform: uppercase;\n      letter-spacing: 3px;\n      background: -webkit-linear-gradient(#ffffff, #888888);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n    }\n    .hero-tagline {\n      font-size: 20px;\n      font-weight: 600;\n      color: #fff;\n      margin-bottom: 35px;\n      letter-spacing: 1.5px;\n    }\n    \/* Master Stat Bar *\/\n    .stat-bar {\n      display: grid;\n      grid-template-columns: 1fr 1fr 1fr;\n      background: #111;\n      border: 1px solid #444;\n      border-radius: 8px;\n      margin-bottom: 40px;\n      padding: 20px 10px;\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.05);\n    }\n    .stat-item { border-right: 1px solid #333; }\n    .stat-item:last-child { border-right: none; }\n    .stat-val { font-size: 28px; font-weight: 800; color: #ffffff; display: block; line-height: 1; }\n    .stat-lbl { font-size: 11px; text-transform: uppercase; color: #888; letter-spacing: 1px; margin-top: 5px; display: block;}\n    \n    \/* Seamless Monolith Video Unit - 48% Padding *\/\n    .video-unit {\n      max-width: 900px;\n      margin: 0 auto;\n      position: relative;\n      padding-bottom: 48%; \n      height: 0;\n      overflow: hidden;\n      border-radius: 12px 12px 0 0; \n      border: 1px solid #333;\n      border-bottom: none; \n      background: #000;\n      box-shadow: 0 -15px 30px -5px rgba(0,0,0,0.8), 15px 0 30px -5px rgba(0,0,0,0.8), -15px 0 30px -5px rgba(0,0,0,0.8);\n    }\n    @media (max-width: 768px) {\n      .video-unit { padding-bottom: 56.25% !important; }\n    }\n    .video-unit iframe {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      border: none !important;\n      display: block; \n    }\n    \/* Monolith Bottom (Fused Description) *\/\n    .hero-description-box {\n      max-width: 900px;\n      margin: 0px auto 40px auto; \n      background-color: #000;\n      border: 1px solid #333;\n      border-top: none; \n      padding: 0 30px 25px 30px;\n      margin-top: 0px;\n      border-radius: 0 0 12px 12px; \n      box-shadow: 15px 15px 30px -5px rgba(0,0,0,0.8), -15px 15px 30px -5px rgba(0,0,0,0.8);\n    }\n    .hero-main-text {\n      margin: 0;\n      margin-top: 0;\n      font-size: 18px; \n      line-height: 1.5;\n      color: #fff;\n      font-weight: 500;\n    }\n    \/* Mobile Only Hero Text Margin Fix *\/\n    @media (max-width: 768px) {\n      .hero-main-text {\n        margin-top: 5px !important;\n      }\n    }\n    .hero-sub-text {\n      font-size: 15px; \n      color: #ccc;\n      display: block;\n      margin-top: 8px;\n    }\n    .checkmark { color: #ffffff; font-weight: bold; font-size: 16px; margin-right: 12px; }\n    \n    \/* Requirements Section *\/\n    .req-container {\n      background-color: #161616;\n      border: 1px solid #333;\n      border-radius: 6px;\n      padding: 30px;\n      max-width: 850px;\n      margin: 40px auto 20px auto;\n      text-align: left;\n    }\n  \u003c\/style\u003e\n\n  \u003ch2 class=\"hero-title\"\u003eCODE BLACK\u003c\/h2\u003e\n  \u003cp class=\"hero-tagline\"\u003eSupercharged Midtempo Sound Design\u003c\/p\u003e\n\n  \u003cdiv class=\"stat-bar\"\u003e\n    \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e200\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003ePremium Samples\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e100\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eSerum Presets\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e7\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eProject Files\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"video-unit\"\u003e\n    \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/NCNLOalcAj8?modestbranding=1\u0026amp;rel=0\u0026amp;showinfo=0\u0026amp;controls=1\" frameborder=\"0\" allowfullscreen title=\"YouTube video player\"\u003e\u003c\/iframe\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"hero-description-box\"\u003e\n    \u003cp class=\"hero-main-text\"\u003eEDM Templates proudly presents our latest midtempo flagship. \u003cspan style=\"color: #ffffff; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eInspired by 1788-L, Blanke, and Rezz.\u003c\/span\u003e\u003c\/p\u003e\n    \u003cspan class=\"hero-sub-text\"\u003eCODE BLACK is stacked with unique, gritty sounds designed for crafting powerful bangers and supercharging your midtempo production vault.\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"text-align: left; max-width: 800px; margin: 0 auto 50px auto;\"\u003e\n    \u003ch3 style=\"text-align: center; color: #fff; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 35px;\"\u003eWhat's Included?\u003c\/h3\u003e\n    \n    \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n      \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 200 Top-Tier .WAV Samples\u003c\/strong\u003e\u003cbr\u003e\n      \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes 40 Synth Loops, 40 Bass Loops, 30 Drum Loops, 20 Pad Loops, 50 One Shots, and 20 FX.\u003c\/span\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n      \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 100 Elite Xfer Serum Presets\u003c\/strong\u003e\u003cbr\u003e\n      \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003e20 Leads, 35 Basses, 25 Plucks, and 20 Pad\/FX patches engineered for gritty, mind-bending textures.\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n      \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 7 Professional Ableton Project Files\u003c\/strong\u003e\u003cbr\u003e\n      \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eFeatures 4 Drop Ableton projects from the demo tracks + 3 Bonus projects (only GClip required).\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n      \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ Frozen Track Compatibility\u003c\/strong\u003e\u003cbr\u003e\n      \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eAll tracks with 3rd-party plugins have been frozen, ensuring you can utilize the projects regardless of your plugin library.\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003chr style=\"border: 0; height: 1px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); margin: 40px 0;\"\u003e\n\n  \u003ch3 style=\"color: #fff; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px;\"\u003ePreview Sounds\u003c\/h3\u003e\n  \u003cdiv id=\"waveform\" class=\"waveform product-block\" style=\"background: #111; padding: 20px; border-radius: 8px; border: 1px solid #222; margin-bottom: 40px;\"\u003e\u003c\/div\u003e\n\n  \u003ch3 style=\"color: #fff; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px;\"\u003eBonus Project Previews\u003c\/h3\u003e\n  \u003cdiv style=\"max-width: 900px; margin: 0 auto 40px auto; padding: 0 15px;\"\u003e\n    \u003ciframe src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/1749567903\u0026amp;color=%23000000\u0026amp;inverse=true\u0026amp;auto_play=false\u0026amp;show_user=false\" height=\"20\" width=\"100%\" frameborder=\"no\" scrolling=\"no\"\u003e\u003c\/iframe\u003e\n    \u003cdiv style=\"margin-top: 10px;\"\u003e\u003c\/div\u003e\n    \u003ciframe src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/1749567834\u0026amp;color=%23000000\u0026amp;inverse=true\u0026amp;auto_play=false\u0026amp;show_user=false\" height=\"20\" width=\"100%\" frameborder=\"no\" scrolling=\"no\"\u003e\u003c\/iframe\u003e\n    \u003cdiv style=\"margin-top: 10px;\"\u003e\u003c\/div\u003e\n    \u003ciframe src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/1749567747\u0026amp;color=%23000000\u0026amp;inverse=true\u0026amp;auto_play=false\u0026amp;show_user=false\" height=\"20\" width=\"100%\" frameborder=\"no\" scrolling=\"no\"\u003e\u003c\/iframe\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"req-container\"\u003e\n    \u003cdiv style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 30px;\"\u003e\n      \u003cdiv\u003e\n        \u003ch4 style=\"color:#fff; text-transform:uppercase; font-size:13px; margin-bottom:15px; border-bottom: 2px solid #ffffff; display:inline-block; padding-bottom:5px;\"\u003eCompatibility\u003c\/h4\u003e\n        \u003cul style=\"list-style: none; padding: 0; margin: 0; font-size: 14px; text-align:left;\"\u003e\n          \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Any DAW (Samples)\u003c\/li\u003e\n          \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Xfer Serum\u003c\/li\u003e\n          \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e 100% Royalty Free\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003ch4 style=\"color:#fff; text-transform:uppercase; font-size:13px; margin-bottom:15px; border-bottom: 2px solid #ffffff; display:inline-block; padding-bottom:5px;\"\u003eProject Requirements\u003c\/h4\u003e\n        \u003cul style=\"list-style: none; padding: 0; margin: 0; font-size: 13px; text-align:left; line-height:1.4;\"\u003e\n          \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Ableton 11 or newer\u003c\/li\u003e\n          \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Decapitator \u0026amp; FilterFreak\u003c\/li\u003e\n          \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Valhalla Vintage Verb\u003c\/li\u003e\n          \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Kickstart \u0026amp; GClip\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"text-align: center; margin-top: 60px; margin-bottom: 0 !important; padding: 40px 30px 0 30px; border-top: 1px solid #333;\"\u003e\n    \u003cp style=\"color: #ccc; margin-bottom: 25px; font-size: 19px; font-weight: 500;\"\u003eReady to take your midtempo music to new heights?\u003c\/p\u003e\n    \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #ffffff; color: #000; font-size: 20px; font-weight: bold; padding: 20px 60px; border: none; border-radius: 4px; cursor: pointer; text-transform: uppercase; letter-spacing: 2px; box-shadow: 0 4px 20px rgba(255, 255, 255, 0.2); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 8px 30px rgba(255, 255, 255, 0.4)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(255, 255, 255, 0.2)';\"\u003eGET CODE BLACK\u003c\/button\u003e\n    \u003cp style=\"color: #666; font-size: 13px; margin-top: 20px; letter-spacing: 1px;\"\u003eINSTANT DIGITAL ACCESS • SECURE CHECKOUT • 100% ROYALTY FREE\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript type=\"text\/javascript\"\u003e\n    let arrayOfItems = [];\n    function initPlayers(){\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_CODE_BLK_-_BASS_LOOP_34_-_C_m_-_95_BPM.wav?v=1704813488', 'Bass Loop 34', '#fff', '#ffffff', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_CODE_BLK_-_SYNTH_LOOP_10_-_Bm_-95_BPM.wav?v=1704813489', 'Synth Loop 10', '#fff', '#ffffff', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_CODE_BLK_-_SYNTH_LOOP_39_-_E_-_95_BPM.wav?v=1704813926', 'Synth Loop 39', '#fff', '#ffffff', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_CODE_BLK_-_SYNTH_LOOP_31_-_Gm_-_95_BPM.wav?v=1712817027', 'Synth Loop 31', '#fff', '#ffffff', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_CODE_BLK_-_PAD_LOOP_8_-_A_m_-_95_BPM.wav?v=1712817043', 'Pad Loop 8', '#fff', '#ffffff', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_CODE_BLK_-_BASS_LOOP_19_-_Fm_-_95_BPM.wav?v=1712817043', 'Bass Loop 19', '#fff', '#ffffff', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_CODE_BLK_-_BASS_LOOP_2_-_F_-_95_BPM.wav?v=1712817044', 'Bass Loop 2', '#fff', '#ffffff', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_CODE_BLK_-_HAT_LOOP_1_-_95_BPM.wav?v=1704813489', 'Hat Loop 1', '#fff', '#ffffff', 20, 'waveform');\n    }\n    function renderWavePlayer(url, name, bgColor, prColor, height, parentSelector) {\n        let dom = document.createElement('div');\n        let btn = document.createElement('img');\n        let title = document.createElement('div');\n        let vaweBlock = document.createElement('div');\n        dom.id = `sample-${arrayOfItems.length}`;\n        btn.src = 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Play.png?v=1712806685';\n        btn.className = \"play-pause-btn\";\n        btn.style.width = \"20px\";\n        btn.style.cursor = \"pointer\";\n        btn.style.marginRight = \"15px\";\n        title.textContent = name;\n        title.style.fontSize = \"12px\";\n        title.style.color = \"#888\";\n        title.style.minWidth = \"120px\";\n        vaweBlock.style.flex = \"1\";\n        dom.style.display = \"flex\";\n        dom.style.alignItems = \"center\";\n        dom.style.marginBottom = \"10px\";\n        dom.appendChild(btn);\n        dom.appendChild(vaweBlock);\n        dom.appendChild(title);\n        document.getElementById(parentSelector).appendChild(dom);\n        let wavesurfer = WaveSurfer.create({\n            container: vaweBlock,\n            waveColor: bgColor,\n            progressColor: prColor,\n            cursorColor: 'transparent',\n            hideScrollbar: true,\n            height: height,\n            mediaControls: false\n        });\n        wavesurfer.load(url);\n        wavesurfer.on('finish', function () { btn.src = 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Play.png?v=1712806685'; });\n        btn.addEventListener('click', function () {\n            wavesurfer.playPause();\n            btn.src = wavesurfer.isPlaying() ? 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pasue.png?v=1712806768' : 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Play.png?v=1712806685';\n        });\n        arrayOfItems.push(wavesurfer);\n    }\n    initPlayers();\n\u003c\/script\u003e","brand":"⛓👽 EDM TEMPLATES","offers":[{"title":"Standaardtitel","offer_id":47183353413963,"sku":"","price":29.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Code_Black.webp?v=1749102870","url":"https:\/\/edmtemplates.net\/nl\/products\/code-black-midtempo-sample-preset-pack","provider":"⛓👽 EDM TEMPLATES","version":"1.0","type":"link"}