{"id":1033,"date":"2023-04-23T14:53:59","date_gmt":"2023-04-23T14:53:59","guid":{"rendered":"http:\/\/thefreesonics.com\/?page_id=1033"},"modified":"2025-01-07T14:48:16","modified_gmt":"2025-01-07T14:48:16","slug":"home","status":"publish","type":"page","link":"https:\/\/thefreesonics.com\/nl\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1033\" class=\"elementor elementor-1033\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-54c9765 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"54c9765\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-75ac163\" data-id=\"75ac163\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a643564 e-transform e-transform elementor-widget elementor-widget-image\" data-id=\"a643564\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-51,&quot;sizes&quot;:[]},&quot;_transform_scaleY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0.8,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scaleX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scaleX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scaleX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scaleY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scaleY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"154\" src=\"https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/06\/logo_groot-1024x154.png\" class=\"attachment-large size-large wp-image-1669\" alt=\"\" srcset=\"https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/06\/logo_groot-1024x154.png 1024w, https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/06\/logo_groot-300x45.png 300w, https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/06\/logo_groot-768x115.png 768w, https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/06\/logo_groot-18x3.png 18w, https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/06\/logo_groot.png 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8775290 elementor-hidden-mobile elementor-widget elementor-widget-spacer\" data-id=\"8775290\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-854c87b elementor-widget elementor-widget-html\" data-id=\"854c87b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\nbody{\n    overflow-x: hidden!important;\n}\n.site-logo-img{\n    visibility: hidden;\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cb448b5 elementor-section-full_width pageTop elementor-section-height-default elementor-section-height-default\" data-id=\"cb448b5\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ac893e3\" data-id=\"ac893e3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4cee0c1 elementor-widget__width-inherit headerImage elementor-widget elementor-widget-image\" data-id=\"4cee0c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"2560\" height=\"1696\" src=\"https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/05\/fotoblauw-scaled.jpg\" class=\"attachment-full size-full wp-image-1472\" alt=\"\" srcset=\"https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/05\/fotoblauw-scaled.jpg 2560w, https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/05\/fotoblauw-300x199.jpg 300w, https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/05\/fotoblauw-1024x678.jpg 1024w, https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/05\/fotoblauw-768x509.jpg 768w, https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/05\/fotoblauw-1536x1017.jpg 1536w, https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/05\/fotoblauw-2048x1356.jpg 2048w, https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/05\/fotoblauw-18x12.jpg 18w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-43f3fdb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"43f3fdb\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4838984\" data-id=\"4838984\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-748d352 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"748d352\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-a1c591f\" data-id=\"a1c591f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-71030a3 elementor-widget elementor-widget-heading\" data-id=\"71030a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-medium\">A FEW WORDS ABOUT US<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1e81480 elementor-widget elementor-widget-menu-anchor\" data-id=\"1e81480\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"OurStory\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5adf29d elementor-widget elementor-widget-heading\" data-id=\"5adf29d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-xxl\">Our Story<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-864c735 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"864c735\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c6234b elementor-widget elementor-widget-heading\" data-id=\"1c6234b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">The Freesonics. Drie vrienden die het leven vieren door middel van muziek. \nDe Amsterdamse band is opgericht in 2018 en bestaat uit: drummer Jeffery Windhouwer, bassist Ruby Roodbol en zanger gitarist Onno Gatersleben. The Freesonics maken een aanstekelijke mix van poprock, funk en reggae. \nMet een zeer breed en gevarieerd repertoire dat voornamelijk bestaat uit zelf geschreven muziek aangevuld met enkele covers leveren ze swingende optredens en zetten ze een sterke eigen stijl neer.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8d2b9d6 elementor-widget elementor-widget-image\" data-id=\"8d2b9d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/09\/a3d21794-7fd8-4c65-903e-9d2e4354ce8d.jpg\" class=\"attachment-large size-large wp-image-2354\" alt=\"\" srcset=\"https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/09\/a3d21794-7fd8-4c65-903e-9d2e4354ce8d.jpg 1024w, https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/09\/a3d21794-7fd8-4c65-903e-9d2e4354ce8d-300x225.jpg 300w, https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/09\/a3d21794-7fd8-4c65-903e-9d2e4354ce8d-768x576.jpg 768w, https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/09\/a3d21794-7fd8-4c65-903e-9d2e4354ce8d-16x12.jpg 16w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-75a62a0 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-eael-adv-accordion\" data-id=\"75a62a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-adv-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <div class=\"eael-adv-accordion\" id=\"eael-adv-accordion-75a62a0\" data-scroll-on-click=\"no\" data-scroll-speed=\"300\" data-accordion-id=\"75a62a0\" data-accordion-type=\"accordion\" data-toogle-speed=\"300\">\n            <div class=\"eael-accordion-list\">\n\t\t\t\t\t<div id=\"accordion-tab-title-1\" class=\"elementor-tab-title eael-accordion-header\" tabindex=\"0\" data-tab=\"1\" aria-controls=\"elementor-tab-content-1231\"><span class=\"eael-advanced-accordion-icon-closed\"><\/span><span class=\"eael-advanced-accordion-icon-opened\"><i aria-hidden=\"true\" class=\"fa-accordion-icon fas fa-minus\"><\/i><\/span><span class=\"eael-accordion-tab-title\">Accordion Tab Title 1<\/span><\/div><div id=\"elementor-tab-content-1231\" class=\"eael-accordion-content clearfix\" data-tab=\"1\" aria-labelledby=\"accordion-tab-title-1\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio, neque qui velit. Magni dolorum quidem ipsam eligendi, totam, facilis laudantium cum accusamus ullam voluptatibus commodi numquam, error, est. Ea, consequatur.<\/div>\n\t\t\t\t\t<\/div><div class=\"eael-accordion-list\">\n\t\t\t\t\t<div id=\"accordion-tab-title-2\" class=\"elementor-tab-title eael-accordion-header\" tabindex=\"0\" data-tab=\"2\" aria-controls=\"elementor-tab-content-1232\"><span class=\"eael-advanced-accordion-icon-closed\"><\/span><span class=\"eael-advanced-accordion-icon-opened\"><i aria-hidden=\"true\" class=\"fa-accordion-icon fas fa-minus\"><\/i><\/span><span class=\"eael-accordion-tab-title\">Accordion Tab Title 2<\/span><\/div><div id=\"elementor-tab-content-1232\" class=\"eael-accordion-content clearfix\" data-tab=\"2\" aria-labelledby=\"accordion-tab-title-2\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio, neque qui velit. Magni dolorum quidem ipsam eligendi, totam, facilis laudantium cum accusamus ullam voluptatibus commodi numquam, error, est. Ea, consequatur.<\/div>\n\t\t\t\t\t<\/div><div class=\"eael-accordion-list\">\n\t\t\t\t\t<div id=\"accordion-tab-title-3\" class=\"elementor-tab-title eael-accordion-header\" tabindex=\"0\" data-tab=\"3\" aria-controls=\"elementor-tab-content-1233\"><span class=\"eael-advanced-accordion-icon-closed\"><\/span><span class=\"eael-advanced-accordion-icon-opened\"><i aria-hidden=\"true\" class=\"fa-accordion-icon fas fa-minus\"><\/i><\/span><span class=\"eael-accordion-tab-title\">Accordion Tab Title 3<\/span><\/div><div id=\"elementor-tab-content-1233\" class=\"eael-accordion-content clearfix\" data-tab=\"3\" aria-labelledby=\"accordion-tab-title-3\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio, neque qui velit. Magni dolorum quidem ipsam eligendi, totam, facilis laudantium cum accusamus ullam voluptatibus commodi numquam, error, est. Ea, consequatur.<\/div>\n\t\t\t\t\t<\/div><div class=\"eael-accordion-list\">\n\t\t\t\t\t<div id=\"tab-title\" class=\"elementor-tab-title eael-accordion-header\" tabindex=\"0\" data-tab=\"4\" aria-controls=\"elementor-tab-content-1234\"><span class=\"eael-advanced-accordion-icon-closed\"><\/span><span class=\"eael-advanced-accordion-icon-opened\"><i aria-hidden=\"true\" class=\"fa-accordion-icon fas fa-minus\"><\/i><\/span><span class=\"eael-accordion-tab-title\">Tab Title<\/span><\/div><div id=\"elementor-tab-content-1234\" class=\"eael-accordion-content clearfix\" data-tab=\"4\" aria-labelledby=\"tab-title\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio, neque qui velit. Magni dolorum quidem ipsam eligendi, totam, facilis laudantium cum accusamus ullam voluptatibus commodi numquam, error, est. Ea, consequatur.<\/div>\n\t\t\t\t\t<\/div><div class=\"eael-accordion-list\">\n\t\t\t\t\t<div id=\"tab-title\" class=\"elementor-tab-title eael-accordion-header\" tabindex=\"0\" data-tab=\"5\" aria-controls=\"elementor-tab-content-1235\"><span class=\"eael-advanced-accordion-icon-closed\"><\/span><span class=\"eael-advanced-accordion-icon-opened\"><i aria-hidden=\"true\" class=\"fa-accordion-icon fas fa-minus\"><\/i><\/span><span class=\"eael-accordion-tab-title\">Tab Title<\/span><\/div><div id=\"elementor-tab-content-1235\" class=\"eael-accordion-content clearfix\" data-tab=\"5\" aria-labelledby=\"tab-title\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio, neque qui velit. Magni dolorum quidem ipsam eligendi, totam, facilis laudantium cum accusamus ullam voluptatibus commodi numquam, error, est. Ea, consequatur.<\/div>\n\t\t\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-43cef93 e-transform elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"43cef93\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-50,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:100,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"albumContainer2\">\r\n    <a href=\"https:\/\/www.youtube.com\/@thefreesonics5033\" class=\"ctaButton2\"><\/a>\r\n<\/p>\r\n\r\n<style>\r\n  .ctaButton2:link,\r\n  .ctaButton2:visited {\r\n    pointer-events: auto;\r\n    position: relative;\r\n    display: inline-block;\r\n    font-family: alternategothic;\r\n    width: 15em;\r\n    height: 3em;\r\n    border-top: 1px solid hsla(240, 9%, 6%, 1);\r\n    border-radius: 3px;\r\n    background: hsla(240, 9%, 11%, 1);\r\n    border-radius: 2px;\r\n    box-shadow: 0 1px 0 hsla(255, 255%, 255%, 0.05),\r\n      0 0 1px hsla(255, 255%, 255%, 0.1), inset 0 1px 2px hsla(0, 0%, 0%, 0.2);\r\n    transition: all 0.1s ease;\r\n    z-index: 1;\r\n  }\r\n  .ctaButton2:link:before,\r\n  .ctaButton2:visited:before {\r\n    position: absolute;\r\n    top: 2px;\r\n    right: 3px;\r\n    bottom: 3px;\r\n    left: 3px;\r\n    padding: 0.5em 0 0;\r\n    border-radius: 2px;\r\n    background: linear-gradient(\r\n      to bottom,\r\n      hsla(240, 8%, 15%, 1),\r\n      hsla(240, 8%, 9%, 1)\r\n    );\r\n    box-shadow: inset 0 1px 0 hsla(255, 255%, 255%, 0.05),\r\n      inset 0 0 1px hsla(255, 255%, 255%, 0.1), 0 4px 6px hsla(0, 0%, 0%, 0.85),\r\n      0 1px 2px hsla(0, 0%, 0%, 0.9);\r\n    color: hsla(0, 0%, 87%, 1);\r\n    font-weight: normal;\r\n    font-size: 117%;\r\n    text-shadow: 0 -1px 1px hsla(0, 0%, 0%, 0.5);\r\n    text-decoration: none;\r\n    text-transform: uppercase;\r\n    text-align: center;\r\n    letter-spacing: 0.08em;\r\n    line-height: 1.2;\r\n    content: 'Lees Meer';\r\n    z-index: 0;\r\n  }\r\n  .button:hover:before {\r\n    background: hsla(26, 98%, 47%, 1);\r\n    background: linear-gradient(\r\n      to bottom,\r\n      hsla(240, 9%, 18%, 1),\r\n      hsla(240, 6%, 12%, 1)\r\n    );\r\n    color: hsla(0, 0%, 96%, 1);\r\n  }\r\n  .ctaButton2:active:before {\r\n    border-top: 1px solid hsla(0, 0%, 1%, 1);\r\n    background: hsla(26, 98%, 47%, 1);\r\n    background: linear-gradient(\r\n      to bottom,\r\n      hsla(240, 6%, 7%, 1),\r\n      hsla(240, 8%, 7%, 1)\r\n    );\r\n    color: hsla(0, 0%, 20%, 1);\r\n    box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.3),\r\n      inset 0 0 2px hsla(0, 0%, 0%, 0.6), 0 1px 0 hsla(0, 0%, 20%, 1);\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-52c3030\" data-id=\"52c3030\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bfc6449 elementor-widget__width-initial e-transform elementor-widget elementor-widget-image\" data-id=\"bfc6449\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:115,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1200\" src=\"https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/07\/27cb0008-f230-4e90-a953-5dbd2045d163-2.jpg\" class=\"attachment-full size-full wp-image-1775\" alt=\"\" srcset=\"https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/07\/27cb0008-f230-4e90-a953-5dbd2045d163-2.jpg 1600w, https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/07\/27cb0008-f230-4e90-a953-5dbd2045d163-2-300x225.jpg 300w, https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/07\/27cb0008-f230-4e90-a953-5dbd2045d163-2-1024x768.jpg 1024w, https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/07\/27cb0008-f230-4e90-a953-5dbd2045d163-2-768x576.jpg 768w, https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/07\/27cb0008-f230-4e90-a953-5dbd2045d163-2-1536x1152.jpg 1536w, https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/07\/27cb0008-f230-4e90-a953-5dbd2045d163-2-16x12.jpg 16w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e93a134 elementor-absolute elementor-widget elementor-widget-html\" data-id=\"e93a134\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<figure class=\"frame\">\r\n    <img decoding=\"async\" src=\"https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/10\/FreesonicsAlbum.jpg\" \/>\r\n  <\/figcaption>\r\n<\/figure>\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css?family=Mr+Dafoe');\r\n\r\n  .frame {\r\n    position: relative;\r\n    z-index: 1;\r\n    transition: 0.8s all ease;\r\n  }\r\n\r\n  .frame:after {\r\n    content: '';\r\n    height: 310px;\r\n    width: 300px;\r\n    display: block;\r\n    position: absolute;\r\n    top: 0;\r\n    left: -2%;\r\n    z-index: -1;\r\n    transition: 0.4s all ease;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='10' height='10' viewBox='0 0 90 90'%3E%3Ccircle fill='%23ffffff' fill-opacity='0.8' cx='45' cy='45' r='10'\/%3E%3Cg fill='%23ffffff' fill-opacity='0.8'%3E%3Ccircle cx='0' cy='90' r='10'\/%3E%3Ccircle cx='90' cy='90' r='10'\/%3E%3Ccircle cx='90' cy='0' r='10'\/%3E%3Ccircle cx='0' cy='0' r='10'\/%3E%3C\/g%3E%3C\/svg%3E\");\r\n  }\r\n  .frame:before {\r\n    content: '';\r\n    height: 102%;\r\n    width: 45%;\r\n    display: block;\r\n    position: absolute;\r\n    top: -5px;\r\n    left: 9%;\r\n    z-index: -1;\r\n    transition: 0.6s all ease;\r\n\r\n    transform: rotate(0deg);\r\n  }\r\n  .frame img {\r\n    transform: rotate(0deg);\r\n    transition: 0.2s all ease;\r\n    border: 4px double #e77470;\r\n    height: 300px;\r\n    width: 300px;\r\n  }\r\n  [data-tooltip][tabindex='0'] {\r\n    display: inline-block;\r\n    position: relative;\r\n    color: #141931;\r\n    font-family: 'Mr Dafoe', cursive;\r\n    font-size: 24px;\r\n  }\r\n  [data-tooltip][tabindex='0']::after {\r\n    display: none;\r\n    position: absolute;\r\n    bottom: 110%;\r\n    left: 50%;\r\n    padding: 20px;\r\n    max-width: 300px;\r\n    transform: translateX(-50%);\r\n    border: 1px solid #e77470;\r\n    border-radius: 3px;\r\n    white-space: nowrap;\r\n    background-color: #fff;\r\n    pointer-events: none;\r\n    content: attr(data-tooltip);\r\n  }\r\n  [data-tooltip][tabindex='0']::before {\r\n    display: none;\r\n    position: absolute;\r\n    bottom: 110%;\r\n    left: 50%;\r\n    z-index: 2;\r\n    transform: translate(-50%, 50%) rotate(45deg);\r\n    width: 6px;\r\n    height: 6px;\r\n    border: solid #e77470;\r\n    border-width: 0 1px 1px 0;\r\n    background-color: #fff;\r\n    content: '';\r\n  }\r\n  [data-tooltip][tabindex='0']:focus,\r\n  [data-tooltip][tabindex='0']:hover {\r\n    text-decoration: underline;\r\n  }\r\n  [data-tooltip][tabindex='0']:focus::after,\r\n  [data-tooltip][tabindex='0']:hover::after,\r\n  [data-tooltip][tabindex='0']:focus::before,\r\n  [data-tooltip][tabindex='0']:hover::before {\r\n    display: block;\r\n  }\r\n  [data-tooltip][tabindex='0'][data-side='bottom']::after,\r\n  [data-tooltip][tabindex='0'][data-side='bottom']::before {\r\n    bottom: auto;\r\n    top: 110%;\r\n  }\r\n  [data-tooltip][tabindex='0'][data-side='bottom']::after {\r\n    transform: translate(-50%, 0);\r\n  }\r\n  [data-tooltip][tabindex='0'][data-side='bottom']::before {\r\n    transform: translate(-50%, -50%) rotate(225deg);\r\n  }\r\n<\/style>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.3.1\/jquery.js\"><\/script>\r\n\r\n<script src=\"https:\/\/cdn.rawgit.com\/gijsroge\/tilt.js\/38991dd7\/dest\/tilt.jquery.js\"><\/script>\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1e95f97 elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-testimonial\" data-id=\"1e95f97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"testimonial.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial-wrapper\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial-content\">De organisator van het ClearWater rock festival over The Freesonics: Echte Europese indie rock dacht ik bij het horen van wat promotiemateriaal. Tijdens de performance hoorde ik echt wat the freesonics brengen. Een mix van stevige rock en funk, het publiek kwam in beweging!<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-testimonial-meta elementor-has-image elementor-testimonial-image-position-aside\">\n\t\t\t\t<div class=\"elementor-testimonial-meta-inner\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-testimonial-image\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1200\" src=\"https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/07\/27cb0008-f230-4e90-a953-5dbd2045d163-2.jpg\" class=\"attachment-full size-full wp-image-1775\" alt=\"\" srcset=\"https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/07\/27cb0008-f230-4e90-a953-5dbd2045d163-2.jpg 1600w, https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/07\/27cb0008-f230-4e90-a953-5dbd2045d163-2-300x225.jpg 300w, https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/07\/27cb0008-f230-4e90-a953-5dbd2045d163-2-1024x768.jpg 1024w, https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/07\/27cb0008-f230-4e90-a953-5dbd2045d163-2-768x576.jpg 768w, https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/07\/27cb0008-f230-4e90-a953-5dbd2045d163-2-1536x1152.jpg 1536w, https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/07\/27cb0008-f230-4e90-a953-5dbd2045d163-2-16x12.jpg 16w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-testimonial-details\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-testimonial-name\">Antonio Cruz<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3c4e502 elementor-widget__width-initial elementor-absolute elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-image\" data-id=\"3c4e502\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"600\" src=\"https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/07\/2ae71ef2-fd9b-4135-8b9f-5b0f70d7ea5c.jpg\" class=\"attachment-2048x2048 size-2048x2048 wp-image-1771\" alt=\"\" srcset=\"https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/07\/2ae71ef2-fd9b-4135-8b9f-5b0f70d7ea5c.jpg 800w, https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/07\/2ae71ef2-fd9b-4135-8b9f-5b0f70d7ea5c-300x225.jpg 300w, https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/07\/2ae71ef2-fd9b-4135-8b9f-5b0f70d7ea5c-768x576.jpg 768w, https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/07\/2ae71ef2-fd9b-4135-8b9f-5b0f70d7ea5c-16x12.jpg 16w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-07163c0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"07163c0\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-430445b\" data-id=\"430445b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8b56924 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"8b56924\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Drie vrienden uit Amsterdam die het leven vieren via hun muziek. Een aanstekelijke dansbare mix van pop en funk met invloeden van Hiphop en reggae.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-18980e9 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-invisible elementor-widget elementor-widget-html\" data-id=\"18980e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"container\">\r\n  <div class=\"card card0\">\r\n    <div class=\"border\">\r\n      <h2 class=\"cardHeader\">Jeffery Windhouwer<\/h2>\r\n      <h3 class=\"cardHeaderSub\">Drummer<\/h3>\r\n      <div class=\"icons\">\r\n        <i class=\"fa fa-codepen\" aria-hidden=\"true\"><\/i>\r\n        <i class=\"fa fa-instagram\" aria-hidden=\"true\"><\/i>\r\n        <i class=\"fa fa-dribbble\" aria-hidden=\"true\"><\/i>\r\n        <i class=\"fa fa-twitter\" aria-hidden=\"true\"><\/i>\r\n        <i class=\"fa fa-facebook\" aria-hidden=\"true\"><\/i>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"card card1\">\r\n    <div class=\"border\">\r\n      <h2 class=\"cardHeader\">Onno Gatersleben<\/h2>\r\n            <h3 class=\"cardHeaderSub\">Zanger<\/h3>\r\n      <div class=\"icons\">\r\n        <i class=\"fa fa-codepen\" aria-hidden=\"true\"><\/i>\r\n        <i class=\"fa fa-instagram\" aria-hidden=\"true\"><\/i>\r\n        <i class=\"fa fa-dribbble\" aria-hidden=\"true\"><\/i>\r\n        <i class=\"fa fa-twitter\" aria-hidden=\"true\"><\/i>\r\n        <i class=\"fa fa-facebook\" aria-hidden=\"true\"><\/i>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"card card2\">\r\n    <div class=\"border\">\r\n      <h2 class=\"cardHeader\">Ruby Roodbol<\/h2>\r\n                  <h3 class=\"cardHeaderSub\">Gitarist<\/h3>\r\n      <div class=\"icons\">\r\n        <i class=\"fa fa-codepen\" aria-hidden=\"true\"><\/i>\r\n        <i class=\"fa fa-instagram\" aria-hidden=\"true\"><\/i>\r\n        <i class=\"fa fa-dribbble\" aria-hidden=\"true\"><\/i>\r\n        <i class=\"fa fa-twitter\" aria-hidden=\"true\"><\/i>\r\n        <i class=\"fa fa-facebook\" aria-hidden=\"true\"><\/i>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n<style>\r\n  .container {\r\n    height: 100vh;\r\n    width: 100vw;\r\n    max-height: 800px;\r\n    max-width: 1280px;\r\n    min-height: 600px;\r\n    min-width: 1000px;\r\n    display: flex;\r\n    justify-content: space-around;\r\n    align-items: center;\r\n    margin: 0 auto;\r\n  }\r\n  .border {\r\n    height: 369px;\r\n    width: 290px;\r\n    background: transparent;\r\n    border-radius: 10px;\r\n    transition: border 1s;\r\n    position: relative;\r\n  }\r\n  .border:hover {\r\n    border: 1px solid #fff;\r\n  }\r\n  \r\n    .cardHeader {\r\n    font-family: 'alternategothic';\r\n    color: white!important;\r\n    font-size: 34px!important;\r\n    margin: 20px;\r\n    opacity: 0;\r\n    transition: opacity 1s;\r\n    }\r\n.cardHeaderSub {\r\n  font-family: 'alternategothic'!important;\r\n  color: white!important;\r\n  font-size: 24px!important;\r\n  margin-top: 50%;\r\n  opacity: 0;\r\n  transition: opacity 1s;\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translateX(85%);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n}\r\n    \r\n  .card {\r\n    height: 379px;\r\n    width: 300px;\r\n    background: #808080;\r\n    border-radius: 10px;\r\n    transition: background 0.8s;\r\n    overflow: hidden;\r\n    background: #000;\r\n    box-shadow: 0 70px 63px -60px #000;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    position: relative;\r\n  }\r\n  .card0 {\r\n    background: url('http:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/04\/JefferyCard.png')\r\n      center center no-repeat;\r\n    background-size: 300px;\r\n  }\r\n  .card0:hover {\r\n    background: url('http:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/04\/JefferyCard.png')top right center no-repeat;\r\n    background-size: 600px;\r\n  }\r\n.card0:hover h2,\r\n.card0:hover h3 {\r\n  opacity: 1;\r\n} {\r\n    opacity: 1;\r\n  } \r\n     }\r\n  }\r\n  .card0:hover .fa {\r\n    opacity: 1;\r\n  }\r\n  .card1 {\r\n    background: url('https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/04\/OnnoCard.png')\r\n      center center no-repeat;\r\n    background-size: 300px;\r\n  }\r\n  .card1:hover {\r\n    background: url('https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/04\/OnnoCard.png')\r\n      top center no-repeat;\r\n    background-size: 600px;\r\n  }\r\n  .card1:hover h2,\r\n  .card1:hover h3{\r\n    opacity: 1;\r\n  }\r\n  .card1:hover .fa {\r\n    opacity: 1;\r\n  }\r\n  .card2 {\r\n    background: url('https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/04\/RudyCard.png')\r\n      center center no-repeat;\r\n    background-size: 300px;\r\n  }\r\n  .card2:hover {\r\n    background: url('https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/04\/RudyCard.png')\r\n      top center no-repeat;\r\n    background-size: 600px;\r\n  }\r\n  .card2:hover h2,\r\n   .card2:hover h3\r\n   {\r\n    opacity: 1;\r\n  }\r\n  .card2:hover .fa {\r\n    opacity: 1;\r\n  }\r\n\r\n  .fa {\r\n    opacity: 1;\r\n    transition: opacity 1s;\r\n  }\r\n  .icons {\r\n    position: absolute;\r\n    fill: #fff;\r\n    color: #fff;\r\n    height: 130px;\r\n    top: 226px;\r\n    width: 50px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: space-around;\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-79a4b97 elementor-widget elementor-widget-html\" data-id=\"79a4b97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"socialIcons\">\r\n  <ul>\r\n    <li>\r\n      <a href=\"https:\/\/www.facebook.com\/profile.php?id=61551704189453\" target=\"_blank\">\r\n        <i class=\"fab fa-facebook\" tabindex=\"0\"><\/i>\r\n      <\/a>\r\n    <\/li>\r\n    <li>\r\n      <a href=\"https:\/\/www.instagram.com\/the_freesonics\/\" target=\"_blank\">\r\n        <i class=\"fab fa-instagram\" tabindex=\"0\"><\/i>\r\n      <\/a>\r\n    <\/li>\r\n    <li>\r\n      <a href=\"https:\/\/www.youtube.com\/@thefreesonics5033\">\r\n        <i class=\"fab fa-youtube\" tabindex=\"0\" target=\"_blank\"><\/i>\r\n      <\/a>\r\n    <\/li>\r\n  <\/ul>\r\n<\/div>\r\n<style>\r\n  @import url(https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.13.0\/css\/all.min.css);\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Merriweather&display=swap');\r\n\r\n.socialIcons p,\r\n  a {\r\n    text-align: center;\r\n    margin-top: 5%;\r\n    margin-bottom: 2rem;\r\n    color: #004A6A;\r\n  }\r\n\r\n.socialIcons  ul {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    margin: 1rem;\r\n    list-style-type: none;\r\n    font-size: 2rem;\r\n  }\r\n\r\n .socialIcons ul li {\r\n    padding: 1rem;\r\n  }\r\n\r\n  .socialIcons .fab {\r\n    font-size: 5rem;\r\n  }\r\n\r\n  \/* transition for social icon hover animation *\/\r\n  .fa-facebook,\r\n  .fa-codepen,\r\n  .fa-youtube,\r\n  .fa-instagram,\r\n  .fa-github,\r\n  .fa-pinterest {\r\n    transition: 0.4s;\r\n    cursor: pointer;\r\n  }\r\n\r\n  \/* social media icons hover color *\/\r\n  .fa-facebook:hover,\r\n  .fa-facebook:focus {\r\n    color: #1877f2;\r\n    transform: scale(1.1);\r\n  }\r\n\r\n  .fa-twitter:hover,\r\n  .fa-twitter:focus {\r\n    color: #1da1f2;\r\n    transform: scale(1.1);\r\n  }\r\n\r\n  .fa-youtube:hover,\r\n  .fa-youtube:focus {\r\n    color: #df2426;\r\n    transform: scale(1.1);\r\n  }\r\n\r\n  .fa-instagram:hover,\r\n  .fa-instagram:focus {\r\n    color: #bd22a2;\r\n    transform: scale(1.1);\r\n  }\r\n\r\n  .fa-github:hover,\r\n  .fa-github:focus {\r\n    color: #000;\r\n    transform: scale(1.1);\r\n  }\r\n\r\n  .fa-github:hover,\r\n  .fa-github:focus {\r\n    color: #000;\r\n    transform: scale(1.1);\r\n  }\r\n\r\n  .fa-codepen:hover,\r\n  .fa-codepen:focus {\r\n    color: #000;\r\n    transform: scale(1.1);\r\n  }\r\n\r\n  .fa-pinterest:hover,\r\n  .fa-pinterest:focus {\r\n    color: #b3001b;\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f88950 elementor-widget elementor-widget-html\" data-id=\"2f88950\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"h-divider\">\r\n  <div class=\"shadow\"><\/div>\r\n<\/div>\r\n\r\n<style>\r\n    .h-divider {\r\n  margin: auto;\r\n  margin-top: 80px;\r\n  width: 80%;\r\n  position: relative;\r\n}\r\n\r\n.h-divider .shadow {\r\n  overflow: hidden;\r\n  height: 20px;\r\n}\r\n\r\n.h-divider .shadow:after {\r\n  content: '';\r\n  display: block;\r\n  margin: -25px auto 0;\r\n  width: 100%;\r\n  height: 25px;\r\n  border-radius: 125px\/12px;\r\n  box-shadow: 0 0 8px white;\r\n}\r\n\r\n.h-divider .text {\r\n  width: 100px;\r\n  height: 45px;\r\n  padding: 10px;\r\n  position: absolute;\r\n  bottom: 100%;\r\n  margin-bottom: -33px;\r\n  left: 50%;\r\n  margin-left: -60px;\r\n  border-radius: 100%;\r\n  box-shadow: 0 2px 4px #999;\r\n  background: white;\r\n}\r\n\r\n.h-divider .text i {\r\n  position: absolute;\r\n  top: 4px;\r\n  bottom: 4px;\r\n  left: 4px;\r\n  right: 4px;\r\n  border-radius: 100%;\r\n  border: 1px dashed #aaa;\r\n  text-align: center;\r\n  line-height: 50px;\r\n  font-style: normal;\r\n  color: #999;\r\n}\r\n\r\n.h-divider .text2 {\r\n  width: 70px;\r\n  height: 70px;\r\n  position: absolute;\r\n  bottom: 100%;\r\n  margin-bottom: -35px;\r\n  left: 50%;\r\n  margin-left: -25px;\r\n  border-radius: 100%;\r\n  box-shadow: 0 2px 4px #999;\r\n  background: white;\r\n}\r\n\r\n.h-divider img {\r\n  position: absolute;\r\n  margin: 4px;\r\n  max-width: 60px;\r\n  border-radius: 100%;\r\n  border: 1px dashed #aaa;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2d52945 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2d52945\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1eada13\" data-id=\"1eada13\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a1d95b9 elementor-widget elementor-widget-menu-anchor\" data-id=\"a1d95b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"Music\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8075cbb elementor-widget elementor-widget-heading\" data-id=\"8075cbb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-xxl\">Music<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fec8164 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"fec8164\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-32d4999 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"32d4999\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-17a4534\" data-id=\"17a4534\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f050203 elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"f050203\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"backdrop\"><\/div>\r\n<div class=\"container\">\r\n    <section class=\"accordions\">\r\n      <ul class=\"accordions__inner\">\r\n        <li class=\"accordion\">\r\n          <div class=\"accordion__container\"><\/div>\r\n          <button\r\n            class=\"accordion__header\"\r\n            data-tab=\"tab1\"\r\n            aria-expanded=\"false\"\r\n            aria-controls=\"accordion-content-1\"\r\n            id=\"accordion-1\"\r\n          >\r\n            <p class=\"accordion__title\">My Friend<\/p>\r\n            <div class=\"accordion__icons\">\r\n              <span class=\"accordion__icon accordion__icon--expand\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\">\r\n                  <path\r\n                    d=\"M240 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H32c-17.7 0-32 14.3-32 32s14.3 32 32 32H176V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H384c17.7 0 32-14.3 32-32s-14.3-32-32-32H240V80z\"\r\n                  \/>\r\n                <\/svg>\r\n              <\/span>\r\n              <span class=\"accordion__icon accordion__icon--close\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\">\r\n                  <path\r\n                    d=\"M416 256c0 17.7-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z\"\r\n                  \/>\r\n                <\/svg>\r\n              <\/span>\r\n            <\/div>\r\n          <\/button>\r\n          <div\r\n            class=\"accordion__content\"\r\n            aria-hidden=\"true\"\r\n            id=\"accordion-content-1\"\r\n          >\r\n            <p class=\"lyrics\">\r\n                My friend <br><br>\r\n\r\n            I didn&#39;t realize what was happening to me <br>\r\n            I\u00a0just believed that going on, going on was what I need <br>\r\n            Far from myself I fought a fight, blindfolded fool with dynamite <br>\r\n            There\u2019s something to say for living in a dream, but I don\u2019t know that\u2019s not my way <br>\r\n            Got of my cloud put on my shoes, so many different games to play<br><br>\r\n\r\n            I sailed the shores I walked the planes<br>\r\n            Smelled the woods I felt the rain<br>\r\n            Gave my love received the world the sun will shine and you\u2019ll be heard<br>\r\n            Nothing more than we together, it\u2019s you and me forever<br>\r\n            Forever<br><br>\r\n\r\n            I didn&#39;t realize what was happening to me<br>\r\n            Still it was no surprise, the father of the son was obsolete<br>\r\n            It\u2019s like I\u2019m stuck here in between, I\u2019ve been deleted from this scene<br>\r\n            My friend I\u2019m going to provide the things that matter to your live<br>\r\n            I give you hope and give you strength, it\u2019s you and me until the end<br><br>\r\n\r\n            I sailed the shores I walked the planes<br>\r\n            Smelled the woods I felt the rain<br>\r\n            Gave my love received the world the sun will shine and you\u2019ll be heard<br>\r\n            Nothing more than we together, it\u2019s you and me forever<br>\r\n            Forever              <br><br>\r\n            <\/p>\r\n            <ol>\r\n            <\/ol>\r\n            <figure style=\"display: flex; flex-direction: column\">\r\n              <img decoding=\"async\" src=\"https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/10\/FreesonicsAlbum3-1.jpg\" \/>\r\n              <br \/>\r\n              <p class=\"ctaContainer\">\r\n                <a href=\"javascript: void 0;\" class=\"ctaButton\"><\/a>\r\n              <\/p>\r\n              <br \/>\r\n              <p class=\"ctaContainer2\">\r\n                <a href=\"javascript: void 0;\" class=\"ctaButton2\"><\/a>\r\n              <\/p>\r\n              <p class=\"ctaContainer3\">\r\n                <a href=\"javascript: void 0;\" class=\"ctaButton3\" id=\"playButton1\">Play Music<\/a>\r\n              <\/p>\r\n              <\/p>\r\n            <\/figure>\r\n          <\/div>\r\n        <\/li>\r\n        <li class=\"accordion\">\r\n          <button\r\n            class=\"accordion__header\"\r\n            data-tab=\"tab2\"\r\n            aria-expanded=\"false\"\r\n            aria-controls=\"accordion-content-2\"\r\n            id=\"accordion-2\"\r\n          >\r\n            <p class=\"accordion__title\">Windows Down<\/p>\r\n            <div class=\"accordion__icons\">\r\n              <span class=\"accordion__icon accordion__icon--expand\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\">\r\n                  <path\r\n                    d=\"M240 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H32c-17.7 0-32 14.3-32 32s14.3 32 32 32H176V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H384c17.7 0 32-14.3 32-32s-14.3-32-32-32H240V80z\"\r\n                  \/>\r\n                <\/svg>\r\n              <\/span>\r\n              <span class=\"accordion__icon accordion__icon--close\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\">\r\n                  <path\r\n                    d=\"M416 256c0 17.7-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z\"\r\n                  \/>\r\n                <\/svg>\r\n              <\/span>\r\n            <\/div>\r\n          <\/button>\r\n          <div\r\n            class=\"accordion__content\"\r\n            aria-hidden=\"true\"\r\n            id=\"accordion-content-2\"\r\n          >\r\n            <p class=\"lyrics\">\r\n            <\/p>\r\n            <figure style=\"display: flex; flex-direction: column\">\r\n              <img decoding=\"async\" src=\"https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/10\/FreesonicsAlbum3-1.jpg\" \/>\r\n              <br \/>\r\n              <p class=\"ctaContainer\">\r\n                <a href=\"javascript: void 0;\" class=\"ctaButton\"><\/a>\r\n              <\/p>\r\n              <br \/>\r\n              <p class=\"ctaContainer2\">\r\n                <a href=\"javascript: void 0;\" class=\"ctaButton2\"><\/a>\r\n              <\/p>\r\n              <p class=\"ctaContainer3\">\r\n                <a href=\"javascript: void 0;\" class=\"ctaButton3\" id=\"playButton2\">Play Music<\/a>\r\n              <\/p>\r\n              <\/p>\r\n            <\/figure>\r\n          <\/div>\r\n        <\/li>\r\n        <li class=\"accordion\">\r\n          <button\r\n            class=\"accordion__header\"\r\n            data-tab=\"tab3\"\r\n            aria-expanded=\"false\"\r\n            aria-controls=\"accordion-content-3\"\r\n            id=\"accordion-3\"\r\n          >\r\n            <p class=\"accordion__title\">Into The Light<\/p>\r\n            <div class=\"accordion__icons\">\r\n              <span class=\"accordion__icon accordion__icon--expand\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\">\r\n                  <path\r\n                    d=\"M240 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H32c-17.7 0-32 14.3-32 32s14.3 32 32 32H176V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H384c17.7 0 32-14.3 32-32s-14.3-32-32-32H240V80z\"\r\n                  \/>\r\n                <\/svg>\r\n              <\/span>\r\n              <span class=\"accordion__icon accordion__icon--close\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\">\r\n                  <path\r\n                    d=\"M416 256c0 17.7-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z\"\r\n                  \/>\r\n                <\/svg>\r\n              <\/span>\r\n            <\/div>\r\n          <\/button>\r\n          <div\r\n            class=\"accordion__content\"\r\n            aria-hidden=\"true\"\r\n            id=\"accordion-content-3\"\r\n          >\r\n            <p class=\"lyrics\">\r\n                Into the light <br><br>\r\n\r\n                Somewhere in this garden under leaves and trees she hides <br>\r\n                her skin smells sweet though she\u2019s underneath the surface there\u2019s no light <br>\r\n                no light at all that\u2019s what I thought the first time I went up <br> \r\n                though I was drunk and high that night, I knew that it was just my luck <br> \r\n                I\u2019m gonna run and bring my girl into the light <br> \r\n                I\u2019m gonna search the woods and bring you back alive <br> <br> \r\n  \r\n                I walked for a while and then I fell face down, something cut my cheek <br>  \r\n                Don\u2019t know how long I lay there, until a smell so musty sweet<br> \r\n                Filled my lungs, swirled my brain, got me up and look around<br> \r\n                Moonlit trees, shadow of a fox, nearby this crazy sound<br> \r\n                Inst. (We love her so much we love her so much we love her so much indeed) <br>  \r\n                Now show your love, and bleed<br> \r\n                Now show your love, and bleed<br> <br> \r\n  \r\n                I stood there still waiting to see, nothing more then mud<br> \r\n                Children\u2019s voices in my head in my mouth the taste of blood<br> \r\n                Ooh, bloodshot eyes, every single day<br> \r\n                Gotta get out don\u2019t sleep no more, I need to go back again<br> \r\n                to look her in the eyes this girl of mine, give her all I got<br> \r\n                gotta make sure once and for all she\u2019ll give me her heart<br> \r\n                I\u2019m gonna run and bring my girl into the light<br> \r\n                I\u2019m gonna search the woods and bring you back alive<br> \r\n                I\u2019m gonna run and bring my girl into the light<br> \r\n                I\u2019m gonna search the woods and bring you back alive<br> <br> \r\n  \r\n                So every night I go there hope to hold her one more time<br> \r\n                this pitch black garden, most beautiful girl of mine<br> \r\n                Most beautiful girl I still can see her smile and deep blue eyes<br> \r\n                Why do you hide where are you now and why did you lie<br> <br><br>\r\n            <\/p>\r\n            <figure style=\"display: flex; flex-direction: column\">\r\n              <img decoding=\"async\" src=\"https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/10\/FreesonicsAlbum3-1.jpg\" \/>\r\n              <br \/>\r\n              <p class=\"ctaContainer\">\r\n                <a href=\"javascript: void 0;\" class=\"ctaButton\"><\/a>\r\n              <\/p>\r\n              <br \/>\r\n              <p class=\"ctaContainer2\">\r\n                <a href=\"javascript: void 0;\" class=\"ctaButton2\"><\/a>\r\n              <\/p>\r\n              <p class=\"ctaContainer3\">\r\n                <a href=\"javascript: void 0;\" class=\"ctaButton3\" id=\"playButton3\">Play Music<\/a>\r\n              <\/p>\r\n              <\/p>\r\n            <\/figure>\r\n          <\/div>\r\n        <\/li>\r\n        <li class=\"accordion\">\r\n          <button\r\n            class=\"accordion__header\"\r\n            data-tab=\"tab4\"\r\n            aria-expanded=\"false\"\r\n            aria-controls=\"accordion-content-4\"\r\n            id=\"accordion-4\"\r\n          >\r\n            <p class=\"song4 accordion__title\">Maybe\r\n\r\n\r\n            <\/p>\r\n        \r\n            <div class=\"accordion__icons\">\r\n              <span class=\"accordion__icon accordion__icon--expand\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\">\r\n                  <path\r\n                    d=\"M240 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H32c-17.7 0-32 14.3-32 32s14.3 32 32 32H176V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H384c17.7 0 32-14.3 32-32s-14.3-32-32-32H240V80z\"\r\n                  \/>\r\n                <\/svg>\r\n              <\/span>\r\n              <span class=\"accordion__icon accordion__icon--close\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\">\r\n                  <path\r\n                    d=\"M416 256c0 17.7-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z\"\r\n                  \/>\r\n                <\/svg>\r\n              <\/span>\r\n            <\/div>\r\n          <\/button>\r\n          <div\r\n            class=\"accordion__content\"\r\n            aria-hidden=\"true\"\r\n            id=\"accordion-content-4\"\r\n          >\r\n          <p class=\"lyrics\">\r\n                Maybe<br><br>\r\n            \r\n                Maybe, only maybe <br>\r\n                I can find a way to communicate <br>\r\n                So you'll understand, just might relate <br>\r\n                Cause, Hey yeah <br>\r\n                This is real, don't let it fly <br>\r\n                Gotta feel and say goodbye <br>\r\n                Embrace your love, cause it will pass <br>\r\n                dont lose yourself <br><br>\r\n    \r\n    \r\n                Nobody else can take your place <br>\r\n    Erudite and able, passionate and grateful<br>\r\n    Nobody else can take your place<br>\r\n    \r\n    Maybe, only maybe<br>\r\n    I can find a way to express myself<br>\r\n    But hey, you gotta live it yourself<br>\r\n    One day I\u2019ll be left alone<br>\r\n    Then I can glue my shattered bones<br>\r\n    If it\u2019s there I\u2019ll find the light<br>\r\n    Inside my head, it\u2019ll be<br>\r\n    be so quiet <br><br>\r\n    \r\n    \r\n    \r\n    Maybe, I won\u2019t go crazy<br>\r\n    If I could only be assured there\u2019s nothing more that I can do<br>\r\n    What can I do to ease your pain<br>\r\n    To let you be with us again<br>\r\n    touch us with your presence one more time<br>\r\n    and say goodbye<br>\r\n            <\/p>\r\n            <figure style=\"display: flex; flex-direction: column\">\r\n                <img decoding=\"async\" src=\"https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/10\/FreesonicsAlbum3-1.jpg\" \/>\r\n                <br \/>\r\n                <p class=\"ctaContainer\">\r\n                  <a href=\"javascript: void 0;\" class=\"ctaButton\"><\/a>\r\n                <\/p>\r\n                <br \/>\r\n                <p class=\"ctaContainer2\">\r\n                  <a href=\"javascript: void 0;\" class=\"ctaButton2\"><\/a>\r\n                <\/p>\r\n                <p class=\"ctaContainer3\">\r\n                  <a href=\"javascript: void 0;\" class=\"ctaButton3\" id=\"playButton3\">Play Music<\/a>\r\n                <\/p>\r\n                <\/p>\r\n              <\/figure>\r\n\r\n          <\/div>\r\n        <\/li>\r\n      <\/ul>\r\n    <\/section>\r\n  <\/div>\r\n  <div class=\"songsBar\">\r\n    <audio id=\"audio\" loop>\r\n      <source src=\"https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/09\/Maybe-The-Freesonics.mp3\" type=\"audio\/mpeg\">\r\n      Your browser does not support the audio element.\r\n    <\/audio>\r\n  <\/div>\r\n  \r\n  <style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Source+Code+Pro:wght@400;500;600;700&display=swap');\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Source+Sans+Pro&display=swap');\r\n\r\n    html, body {\r\n      max-width: 100%;\r\n      overflow-x: hidden;\r\n    }\r\n\r\n    .backdrop {\r\n  \r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-image: url('');\r\n  background-size: cover;\r\n  backdrop-filter: blur(0); \r\n  opacity: 0; \r\n  transition: backdrop-filter 0.5s, opacity 0.5s; \r\n  z-index: 0;\r\n  pointer-events: none; \r\n}\r\n\r\n    li {\r\n      list-style: none !important;\r\n    }\r\n\r\n    .lyrics{\r\n        text-align: left;\r\n    }\r\n  \r\n    .container {\r\n      padding-right: 50px;\r\n      position: relative;\r\n      max-width: 75%;\r\n      left: 45%;\r\n      transform: translate(-50%, -5%)!important;\r\n    }\r\n    @media (min-width: 1024px) {\r\n      .container {\r\n        padding-right: 124px;\r\n\r\n      }\r\n    }\r\n    @media (min-width: 1440px) {\r\n      .container {\r\n        max-width: 1440px;\r\n        margin-right: auto;\r\n        margin-left: auto;\r\n        padding-right: 196px;\r\n\r\n      }\r\n    }\r\n  \r\n  \r\n  \r\n    #accordion-container {\r\n      display: flex !important;\r\n      flex-direction: column !important;\r\n\r\n    }\r\n  \r\n    .accordions__inner {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 24px;\r\n      width: 75vw;\r\n      \r\n    }\r\n    .accordion {\r\n      background: #2a3039;\r\n      width: auto;\r\n      border-radius: 12px;\r\n      height: 80px;\r\n      will-change: height;\r\n      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\r\n    }\r\n    @media (min-width: 1024px) {\r\n      .accordion {\r\n        height: 120px;\r\n      }\r\n    }\r\n    .accordion__header {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      padding: 0 24px;\r\n      height: 150px !important;\r\n      cursor: pointer;\r\n      transition: background 0.3s ease, height 0.4s ease;\r\n      background: none;\r\n      border: none;\r\n      width: 100%;\r\n      border-radius: inherit;\r\n    }\r\n    .accordion{\r\n      width:75vw;\r\n    }\r\n    #accordion-1,\r\n    #accordion-2,\r\n    #accordion-3,\r\n    #accordion-4 {\r\n      background-image: url('https:\/\/images.pexels.com\/photos\/2746823\/pexels-photo-2746823.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1');\r\n      background-size: cover;\r\n      background-repeat: no-repeat;\r\n      width: 75vw;\r\n      height: 25vh;\r\n      margin-bottom: 20px;\r\n    }\r\n  \r\n    #accordion-1 {\r\n      background-position: center 8%;\r\n    }\r\n  \r\n    #accordion-2 {\r\n      background-position: center 20.5%;\r\n    }\r\n  \r\n    #accordion-3 {\r\n      background-position: center 32.5%;\r\n    }\r\n  \r\n    #accordion-4 {\r\n      background-position: center 45%;\r\n    }\r\n\r\n    @media (min-width: 1024px) {\r\n      .accordion{\r\n      width:auto;\r\n    }\r\n      .accordion__header {\r\n        height: 120px;\r\n      }\r\n  \r\n      #accordion-1,\r\n      #accordion-2,\r\n      #accordion-3,\r\n      #accordion-4 {\r\n        height: 20vh;\r\n        margin-bottom: 0;\r\n      }\r\n  \r\n      #accordion-1 {\r\n        margin-bottom: 20px;\r\n      }\r\n  \r\n      #accordion-2 {\r\n        margin-top: 20px;\r\n        margin-bottom: 20px;\r\n      }\r\n  \r\n      #accordion-3 {\r\n        margin-top: 20px;\r\n        margin-bottom: 20px;\r\n      }\r\n  \r\n      #accordion-4 {\r\n        margin-top: 20px;\r\n      }\r\n    }\r\n    @media (max-width: 1050px){\r\n      .accordion{\r\n      width:auto;\r\n    }\r\n      #accordion-1,\r\n      #accordion-2,\r\n      #accordion-3,\r\n      #accordion-4 {\r\n\r\n        padding-bottom: 20px;\r\n\r\n      }\r\n\r\n      #accordion-1 {\r\n      background-position: center 5%;\r\n      margin-bottom: 0px;\r\n    }\r\n  \r\n    #accordion-2 {\r\n      background-position: center 29.5%;\r\n    }\r\n  \r\n    #accordion-3 {\r\n      background-position: center 55%;\r\n    }\r\n  \r\n    #accordion-4 {\r\n      background-position: center 72.5%;\r\n    }\r\n    }\r\n \r\n    .accordion.is-active .accordion__header {\r\n      border-bottom-right-radius: 0;\r\n      border-bottom-left-radius: 0;\r\n    }\r\n    .accordions.has-active-accordion\r\n      .accordion:not(.is-active)\r\n      .accordion__header {\r\n      height: 50px;\r\n    }\r\n    @media (min-width: 1024px) {\r\n      .accordions.has-active-accordion\r\n        .accordion:not(.is-active)\r\n        .accordion__header {\r\n        height: 85px;\r\n      }\r\n    }\r\n    .accordion__title {\r\n      margin: 0;\r\n      font-size: 16px;\r\n      font-weight: 500;\r\n      text-transform: uppercase;\r\n      color: #fffff7;\r\n      text-shadow: 2px 2px 3px black;\r\n      box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);\r\n    }\r\n    @media (min-width: 1024px) {\r\n      .accordion__title {\r\n        font-size: 20px;\r\n      }\r\n    }\r\n    .accordion__icons {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 20px;\r\n      height: 20px;\r\n    }\r\n    @media (min-width: 1024px) {\r\n      .accordion__icons {\r\n        width: 25px;\r\n        height: 25px;\r\n      }\r\n    }\r\n    .accordion__icon,\r\n    .accordion__icon svg {\r\n      width: inherit;\r\n      height: inherit;\r\n    }\r\n    .accordion__icon.accordion__icon--expand svg {\r\n      fill: #fffff7;\r\n    }\r\n    .accordion__icon.accordion__icon--close svg {\r\n      fill: #ff5252;\r\n    }\r\n    .accordion__icon {\r\n      opacity: 0;\r\n      visibility: hidden;\r\n      display: flex;\r\n      position: absolute;\r\n      transition: opacity 0.4s ease, visibility 0.4s ease;\r\n    }\r\n    .accordion:not(.is-active) .accordion__icon--expand,\r\n    .accordion.is-active .accordion__icon--close {\r\n      opacity: 1;\r\n      visibility: visible;\r\n    }\r\n    .accordion__content {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 48px;\r\n      opacity: 0;\r\n      visibility: visible;\r\n      max-height: 0;\r\n      overflow: hidden;\r\n      padding: 0 24px;\r\n      color: #fffff7;\r\n      border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n      transition: opacity 0.5s ease;\r\n    }\r\n    @media (min-width: 1440px) {\r\n      .accordion__content {\r\n        flex-direction: row;\r\n      }\r\n    }\r\n    .accordion__content figure {\r\n      display: flex;\r\n      flex: 0.35;\r\n    }\r\n    .accordion__content img {\r\n      aspect-ratio: 1;\r\n      width: 100%;\r\n      height: auto;\r\n    }\r\n    .accordion__content p {\r\n      font-family: 'Source Sans Pro', sans-serif;\r\n      font-size: 18px;\r\n      padding-top: 25px;\r\n      padding-bottom: 25px;  \r\n      letter-spacing: 0.3px;\r\n      line-height: 1.2;\r\n      flex: 0.65;\r\n    }\r\n    .accordion.is-active .accordion__content {\r\n      padding-top: 24px;\r\n      opacity: 1;\r\n      visibility: visible;\r\n      max-height: initial;\r\n      transition-delay: 0.6s;\r\n    }\r\n    @media (min-width: 1024px) {\r\n      .accordion.is-active .accordion__content {\r\n        padding-top: 48px;\r\n      }\r\n    }\r\n    .ctaContainer,\r\n    .ctaContainer2,\r\n    .ctaContainer3{\r\n      position: relative;\r\n      max-height: 6.5vh!important;\r\n      padding-top: 0px!important;\r\n      padding-bottom: 0px!important;\r\n    }\r\n  <\/style>\r\n  <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.11.4\/gsap.min.js\"><\/script>\r\n  <script>\r\n\r\nconst backdrop = document.querySelector('.backdrop');\r\n\r\n    \r\n    const accordionComponent = document.querySelector('.accordions');\r\n    const accordions = document.querySelectorAll('.accordion');\r\n  \r\n    const states = {\r\n      default: {\r\n        desktop: 120,\r\n        mobile: 80,\r\n      },\r\n      active: {\r\n        desktop: 148,\r\n        mobile: 104,\r\n      },\r\n      inactive: {\r\n        desktop: 80,\r\n        mobile: 50,\r\n      },\r\n    };\r\n  \r\n    const desktopBp = window.matchMedia('(min-width: 1024px)');\r\n  \r\n    const getInactiveAccordions = () => {\r\n      return [...accordions].filter(accordion => {\r\n        return !accordion.classList.contains('is-active');\r\n      });\r\n    };\r\n  \r\n    const closeAccordion = accordion => {\r\n      const header = accordion.querySelector('.accordion__header');\r\n      const content = accordion.querySelector('.accordion__content');\r\n      accordion.classList.remove('is-active');\r\n      header.setAttribute('aria-expanded', false);\r\n      content.setAttribute('aria-hidden', true);\r\n    };\r\n  \r\n    const resetAccordionStates = () => {\r\n      accordionComponent.classList.remove('has-active-accordion');\r\n      accordions.forEach(accordion => {\r\n        closeAccordion(accordion);\r\n      });\r\n      gsap.to(accordions, {\r\n        height: desktopBp.matches\r\n          ? states.default.desktop\r\n          : states.default.mobile,\r\n        duration: 2,\r\n        ease: desktopBp.matches\r\n          ? Elastic.easeOut.config(1, 0.8)\r\n          : Elastic.easeOut.config(0.8, 0.95),\r\n      });\r\n    };\r\n  \r\n    desktopBp.addEventListener('change', () => {\r\n      const activeAccordion = document.querySelector('.accordion.is-active');\r\n  \r\n      if (activeAccordion) {\r\n        backdrop.style.pointerEvents = 'auto'; \/\/ Enable pointer events on backdrop when an accordion is expanded\r\n    backdrop.style.opacity = '1'; \/\/ Show the backdrop\r\n    backdrop.style.backdropFilter = 'blur(8px)'; \r\n        return;\r\n      }\r\n  \r\n      gsap.to(accordions, {\r\n        height: desktopBp.matches\r\n          ? states.default.desktop\r\n          : states.default.mobile,\r\n        duration: 2,\r\n        ease: desktopBp.matches\r\n          ? Elastic.easeOut.config(1, 0.8)\r\n          : Elastic.easeOut.config(0.8, 0.95),\r\n      });\r\n    });\r\n  \r\n    const expandAccordion = (accordion, header, content) => {\r\n      if (accordion.classList.contains('is-active')) {\r\n        resetAccordionStates();\r\n        return;\r\n      }\r\n      accordions.forEach(accordion => {\r\n        closeAccordion(accordion);\r\n      });\r\n      accordionComponent.classList.add('has-active-accordion');\r\n      accordion.classList.add('is-active');\r\n      header.setAttribute('aria-expanded', true);\r\n      content.setAttribute('aria-hidden', false);\r\n      gsap.to(getInactiveAccordions(), {\r\n        height: desktopBp.matches\r\n          ? states.inactive.desktop\r\n          : states.inactive.mobile,\r\n        duration: 1.8,\r\n        ease: desktopBp.matches\r\n          ? Elastic.easeOut.config(1, 0.7)\r\n          : Elastic.easeOut.config(0.8, 0.7),\r\n      });\r\n      gsap.to(accordion, {\r\n        height:\r\n          content.scrollHeight +\r\n          (desktopBp.matches ? states.active.desktop : states.active.mobile),\r\n        duration: 2.2,\r\n        ease: desktopBp.matches\r\n          ? Elastic.easeOut.config(1, 0.4)\r\n          : Elastic.easeOut.config(0.6, 0.8),\r\n      });\r\n    };\r\n  \r\n    accordions.forEach(accordion => {\r\n      const header = accordion.querySelector('.accordion__header');\r\n      const content = accordion.querySelector('.accordion__content');\r\n  \r\n      header.addEventListener('click', () =>\r\n        expandAccordion(accordion, header, content)\r\n      );\r\n    });\r\n  \r\n    const updateAccordionSizing = () => {\r\n      const activeAccordion = document.querySelector('.accordion.is-active');\r\n  \r\n      if (!activeAccordion) {\r\n        return;\r\n      }\r\n      const content = activeAccordion.querySelector('.accordion__content');\r\n      const currentHeight = parseInt(activeAccordion.style.height);\r\n      if (currentHeight === content.scrollHeight + 148) {\r\n        return;\r\n      }\r\n  \r\n      activeAccordion.style.height = `${content.scrollHeight + 148}px`;\r\n    };\r\n  \r\n    let timeout = false;\r\n    window.addEventListener('resize', function () {\r\n      clearTimeout(timeout);\r\n      timeout = setTimeout(() => {\r\n        updateAccordionSizing();\r\n      }, 100);\r\n    });\r\n\r\n\r\n  <\/script>\r\n  \r\n  <style>\r\n    .ctaButton:link,\r\n    .ctaButton:visited {\r\n      pointer-events: auto;\r\n      position: relative;\r\n      display: inline-block;\r\n      font-family: pukey;\r\n      width: 15em;\r\n      height: 3em;\r\n      border-top: 1px solid hsla(240, 9%, 6%, 1);\r\n      border-radius: 3px;\r\n      background: hsla(240, 9%, 11%, 1);\r\n      border-radius: 2px;\r\n      box-shadow: 0 1px 0 hsla(255, 255%, 255%, 0.05),\r\n        0 0 1px hsla(255, 255%, 255%, 0.1), inset 0 1px 2px hsla(0, 0%, 0%, 0.2);\r\n      transition: all 0.1s ease;\r\n      z-index: 1;\r\n    }\r\n    .ctaButton:link:before,\r\n    .ctaButton:visited:before {\r\n      position: absolute;\r\n      top: 2px;\r\n      right: 3px;\r\n      bottom: 3px;\r\n      left: 3px;\r\n      padding: 0.5em 0 0;\r\n      border-radius: 2px;\r\n      background: linear-gradient(\r\n        to bottom,\r\n        hsla(240, 8%, 15%, 1),\r\n        hsla(240, 8%, 9%, 1)\r\n      );\r\n      box-shadow: inset 0 1px 0 hsla(255, 255%, 255%, 0.05),\r\n        inset 0 0 1px hsla(255, 255%, 255%, 0.1), 0 4px 6px hsla(0, 0%, 0%, 0.85),\r\n        0 1px 2px hsla(0, 0%, 0%, 0.9);\r\n      color: hsla(0, 0%, 87%, 1);\r\n      font-weight: normal;\r\n      font-size: 117%;\r\n      text-shadow: 0 -1px 1px hsla(0, 0%, 0%, 0.5);\r\n      text-decoration: none;\r\n      text-transform: uppercase;\r\n      text-align: center;\r\n      letter-spacing: 0.08em;\r\n      line-height: 1.2;\r\n      content: 'Bandcamp';\r\n      z-index: 0;\r\n    }\r\n    .button:hover:before {\r\n      background: hsla(26, 98%, 47%, 1);\r\n      background: linear-gradient(\r\n        to bottom,\r\n        hsla(240, 9%, 18%, 1),\r\n        hsla(240, 6%, 12%, 1)\r\n      );\r\n      color: hsla(0, 0%, 96%, 1);\r\n    }\r\n    .ctaButton:active:before {\r\n      border-top: 1px solid hsla(0, 0%, 1%, 1);\r\n      background: hsla(26, 98%, 47%, 1);\r\n      background: linear-gradient(\r\n        to bottom,\r\n        hsla(240, 6%, 7%, 1),\r\n        hsla(240, 8%, 7%, 1)\r\n      );\r\n      color: hsla(0, 0%, 20%, 1);\r\n      box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.3),\r\n        inset 0 0 2px hsla(0, 0%, 0%, 0.6), 0 1px 0 hsla(0, 0%, 20%, 1);\r\n    }\r\n  <\/style>\r\n  \r\n  <style>\r\n    .ctaButton2:link,\r\n    .ctaButton2:visited {\r\n      pointer-events: auto;\r\n      position: relative;\r\n      display: inline-block;\r\n      font-family: pukey;\r\n      width: 15em;\r\n      height: 3em;\r\n      border-top: 1px solid hsla(240, 9%, 6%, 1);\r\n      border-radius: 3px;\r\n      background: hsla(240, 9%, 11%, 1);\r\n      border-radius: 2px;\r\n      box-shadow: 0 1px 0 hsla(255, 255%, 255%, 0.05),\r\n        0 0 1px hsla(255, 255%, 255%, 0.1), inset 0 1px 2px hsla(0, 0%, 0%, 0.2);\r\n      transition: all 0.1s ease;\r\n      z-index: 1;\r\n      top: -25px !important;\r\n    }\r\n    .ctaButton2:link:before,\r\n    .ctaButton2:visited:before {\r\n      position: absolute;\r\n      top: 2px;\r\n      right: 3px;\r\n      bottom: 3px;\r\n      left: 3px;\r\n      padding-top: -20px;\r\n      padding: 0.5em 0 0;\r\n      border-radius: 2px;\r\n      background: linear-gradient(\r\n        to bottom,\r\n        hsla(240, 8%, 15%, 1),\r\n        hsla(240, 8%, 9%, 1)\r\n      );\r\n      box-shadow: inset 0 1px 0 hsla(255, 255%, 255%, 0.05),\r\n        inset 0 0 1px hsla(255, 255%, 255%, 0.1), 0 4px 6px hsla(0, 0%, 0%, 0.85),\r\n        0 1px 2px hsla(0, 0%, 0%, 0.9);\r\n      color: hsla(0, 0%, 87%, 1);\r\n      font-weight: normal;\r\n      font-size: 117%;\r\n      text-shadow: 0 -1px 1px hsla(0, 0%, 0%, 0.5);\r\n      text-decoration: none;\r\n      text-transform: uppercase;\r\n      text-align: center;\r\n      letter-spacing: 0.08em;\r\n      line-height: 1.2;\r\n      content: 'Youtube';\r\n      z-index: 0;\r\n    }\r\n    .ctaButton2:active:before {\r\n      border-top: 1px solid hsla(0, 0%, 1%, 1);\r\n      background: hsla(26, 98%, 47%, 1);\r\n      background: linear-gradient(\r\n        to bottom,\r\n        hsla(240, 6%, 7%, 1),\r\n        hsla(240, 8%, 7%, 1)\r\n      );\r\n      color: hsla(0, 0%, 20%, 1);\r\n      box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.3),\r\n        inset 0 0 2px hsla(0, 0%, 0%, 0.6), 0 1px 0 hsla(0, 0%, 20%, 1);\r\n    }\r\n  \r\n    .ctaButton3:link,\r\n    .ctaButton3:visited {\r\n      pointer-events: auto;\r\n      position: relative;\r\n      display: inline-block;\r\n      font-family: pukey;\r\n      width: 15em;\r\n      height: 3em;\r\n      border-top: 1px solid hsla(240, 9%, 6%, 1);\r\n      border-radius: 3px;\r\n      background: hsla(240, 9%, 11%, 1);\r\n      border-radius: 2px;\r\n      box-shadow: 0 1px 0 hsla(255, 255%, 255%, 0.05),\r\n        0 0 1px hsla(255, 255%, 255%, 0.1), inset 0 1px 2px hsla(0, 0%, 0%, 0.2);\r\n      transition: all 0.1s ease;\r\n      z-index: 1;\r\n      top: -20px !important;\r\n    }\r\n    .ctaButton3:link:before,\r\n    .ctaButton3:visited:before {\r\n      position: absolute;\r\n      top: 2px;\r\n      right: 3px;\r\n      bottom: 3px;\r\n      left: 3px;\r\n      padding-top: -20px;\r\n      padding: 0.5em 0 0;\r\n      border-radius: 2px;\r\n      background: linear-gradient(\r\n        to bottom,\r\n        hsla(240, 8%, 15%, 1),\r\n        hsla(240, 8%, 9%, 1)\r\n      );\r\n      box-shadow: inset 0 1px 0 hsla(255, 255%, 255%, 0.05),\r\n        inset 0 0 1px hsla(255, 255%, 255%, 0.1), 0 4px 6px hsla(0, 0%, 0%, 0.85),\r\n        0 1px 2px hsla(0, 0%, 0%, 0.9);\r\n      color: hsla(0, 0%, 87%, 1);\r\n      font-weight: normal;\r\n      font-size: 117%;\r\n      text-shadow: 0 -1px 1px hsla(0, 0%, 0%, 0.5);\r\n      text-decoration: none;\r\n      text-transform: uppercase;\r\n      text-align: center;\r\n      letter-spacing: 0.08em;\r\n      line-height: 1.2;\r\n      content: 'Play Music';\r\n      z-index: 0;\r\n    }\r\n    .ctaButton3:active:before {\r\n      border-top: 1px solid hsla(0, 0%, 1%, 1);\r\n      background: hsla(26, 98%, 47%, 1);\r\n      background: linear-gradient(\r\n        to bottom,\r\n        hsla(240, 6%, 7%, 1),\r\n        hsla(240, 8%, 7%, 1)\r\n      );\r\n      color: hsla(0, 0%, 20%, 1);\r\n      box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.3),\r\n        inset 0 0 2px hsla(0, 0%, 0%, 0.6), 0 1px 0 hsla(0, 0%, 20%, 1);\r\n    }\r\n  <\/style>\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af31444 elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-html\" data-id=\"af31444\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"header-icons\">\r\n  <button class=\"modal__open\" id=\"myfriend-icon\">My Friend<\/button>\r\n  <div class=\"modal\" id=\"myfriend-modal\">\r\n    <div class=\"modal-content\">\r\n      <br \/>\r\n      <div class=\"myfriend\">\r\n        <h3>My Friend<\/h3>\r\n        I didn&#39;t realize what was happening to me <br \/>\r\n        I\u00a0just believed that going on, going on was what I need <br \/>\r\n        Far from myself I fought a fight, blindfolded fool with dynamite <br \/>\r\n        There\u2019s something to say for living in a dream, but I don\u2019t know that\u2019s\r\n        not my way <br \/>\r\n        Got of my cloud put on my shoes, so many different games to play<br \/><br \/>\r\n\r\n        I sailed the shores I walked the planes<br \/>\r\n        Smelled the woods I felt the rain<br \/>\r\n        Gave my love received the world the sun will shine and you\u2019ll be\r\n        heard<br \/>\r\n        Nothing more than we together, it\u2019s you and me forever<br \/>\r\n        Forever<br \/><br \/>\r\n\r\n        I didn&#39;t realize what was happening to me<br \/>\r\n        Still it was no surprise, the father of the son was obsolete<br \/>\r\n        It\u2019s like I\u2019m stuck here in between, I\u2019ve been deleted from this\r\n        scene<br \/>\r\n        My friend I\u2019m going to provide the things that matter to your live<br \/>\r\n        I give you hope and give you strength, it\u2019s you and me until the end<br \/><br \/>\r\n\r\n        I sailed the shores I walked the planes<br \/>\r\n        Smelled the woods I felt the rain<br \/>\r\n        Gave my love received the world the sun will shine and you\u2019ll be\r\n        heard<br \/>\r\n        Nothing more than we together, it\u2019s you and me forever<br \/>\r\n        Forever <br \/><br \/>\r\n      <\/div>\r\n      <button id=\"youtube-modal\">Youtube<\/button>\r\n      <button id=\"close-myfriend-modal\">Close<\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n<div class=\"header-icons\">\r\n  <button class=\"modal__open\" id=\"Intothelight-icon\">Into The Light<\/button>\r\n  <div class=\"modal\" id=\"Intothelight-modal\">\r\n    <div class=\"Intothelight modal-content\">\r\n      <h3>Into the light<\/h3>\r\n      Somewhere in this garden under leaves and trees she hides <br \/>\r\n      her skin smells sweet though she\u2019s underneath the surface there\u2019s no light\r\n      <br \/>\r\n      no light at all that\u2019s what I thought the first time I went up <br \/>\r\n      though I was drunk and high that night, I knew that it was just my luck\r\n      <br \/>\r\n      I\u2019m gonna run and bring my girl into the light <br \/>\r\n      I\u2019m gonna search the woods and bring you back alive <br \/>\r\n      <br \/>\r\n\r\n      I walked for a while and then I fell face down, something cut my cheek\r\n      <br \/>\r\n      Don\u2019t know how long I lay there, until a smell so musty sweet<br \/>\r\n      Filled my lungs, swirled my brain, got me up and look around<br \/>\r\n      Moonlit trees, shadow of a fox, nearby this crazy sound<br \/>\r\n      Inst. (We love her so much we love her so much we love her so much indeed)\r\n      <br \/>\r\n      Now show your love, and bleed<br \/>\r\n      Now show your love, and bleed<br \/>\r\n      <br \/>\r\n\r\n      I stood there still waiting to see, nothing more then mud<br \/>\r\n      Children\u2019s voices in my head in my mouth the taste of blood<br \/>\r\n      Ooh, bloodshot eyes, every single day<br \/>\r\n      Gotta get out don\u2019t sleep no more, I need to go back again<br \/>\r\n      to look her in the eyes this girl of mine, give her all I got<br \/>\r\n      gotta make sure once and for all she\u2019ll give me her heart<br \/>\r\n      I\u2019m gonna run and bring my girl into the light<br \/>\r\n      I\u2019m gonna search the woods and bring you back alive<br \/>\r\n      I\u2019m gonna run and bring my girl into the light<br \/>\r\n      I\u2019m gonna search the woods and bring you back alive<br \/>\r\n      <br \/>\r\n\r\n      So every night I go there hope to hold her one more time<br \/>\r\n      this pitch black garden, most beautiful girl of mine<br \/>\r\n      Most beautiful girl I still can see her smile and deep blue eyes<br \/>\r\n      Why do you hide where are you now and why did you lie<br \/>\r\n      <br \/><br \/>\r\n      <button id=\"youtube-modal\">Youtube<\/button>\r\n      <button id=\"close-Intothelight-modal\">Close<\/button>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"header-icons\">\r\n    <button class=\"modal__open\" id=\"Intothelight-icon\">Windows Down<\/button>\r\n    <div class=\"modal\" id=\"Intothelight-modal\">\r\n      <div class=\"Intothelight modal-content\">\r\n        <h3>Windows Down<\/h3>\r\n        Somewhere in this garden under leaves and trees she hides <br \/>\r\n        her skin smells sweet though she\u2019s underneath the surface there\u2019s no\r\n        light\r\n        <br \/>\r\n        no light at all that\u2019s what I thought the first time I went up <br \/>\r\n        though I was drunk and high that night, I knew that it was just my luck\r\n        <br \/>\r\n        I\u2019m gonna run and bring my girl into the light <br \/>\r\n        I\u2019m gonna search the woods and bring you back alive <br \/>\r\n        <br \/>\r\n\r\n        I walked for a while and then I fell face down, something cut my cheek\r\n        <br \/>\r\n        Don\u2019t know how long I lay there, until a smell so musty sweet<br \/>\r\n        Filled my lungs, swirled my brain, got me up and look around<br \/>\r\n        Moonlit trees, shadow of a fox, nearby this crazy sound<br \/>\r\n        Inst. (We love her so much we love her so much we love her so much\r\n        indeed)\r\n        <br \/>\r\n        Now show your love, and bleed<br \/>\r\n        Now show your love, and bleed<br \/>\r\n        <br \/>\r\n\r\n        I stood there still waiting to see, nothing more then mud<br \/>\r\n        Children\u2019s voices in my head in my mouth the taste of blood<br \/>\r\n        Ooh, bloodshot eyes, every single day<br \/>\r\n        Gotta get out don\u2019t sleep no more, I need to go back again<br \/>\r\n        to look her in the eyes this girl of mine, give her all I got<br \/>\r\n        gotta make sure once and for all she\u2019ll give me her heart<br \/>\r\n        I\u2019m gonna run and bring my girl into the light<br \/>\r\n        I\u2019m gonna search the woods and bring you back alive<br \/>\r\n        I\u2019m gonna run and bring my girl into the light<br \/>\r\n        I\u2019m gonna search the woods and bring you back alive<br \/>\r\n        <br \/>\r\n\r\n        So every night I go there hope to hold her one more time<br \/>\r\n        this pitch black garden, most beautiful girl of mine<br \/>\r\n        Most beautiful girl I still can see her smile and deep blue eyes<br \/>\r\n        Why do you hide where are you now and why did you lie<br \/>\r\n        <br \/><br \/>\r\n        <button id=\"youtube-modal\">Youtube<\/button>\r\n        <button id=\"close-Intothelight-modal\">Close<\/button>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"header-icons\">\r\n      <button class=\"modal__open\" id=\"Intothelight-icon\">Maybe<\/button>\r\n      <div class=\"modal\" id=\"Intothelight-modal\">\r\n        <div class=\"Intothelight modal-content\">\r\n          <h3>Maybe<\/h3>\r\n          Maybe<br \/><br \/>\r\n\r\n          Maybe, only maybe <br \/>\r\n          I can find a way to communicate <br \/>\r\n          So you'll understand, just might relate <br \/>\r\n          Cause, Hey yeah <br \/>\r\n          This is real, don't let it fly <br \/>\r\n          Gotta feel and say goodbye <br \/>\r\n          Embrace your love, cause it will pass <br \/>\r\n          dont lose yourself <br \/><br \/>\r\n\r\n          Nobody else can take your place <br \/>\r\n          Erudite and able, passionate and grateful<br \/>\r\n          Nobody else can take your place<br \/>\r\n\r\n          Maybe, only maybe<br \/>\r\n          I can find a way to express myself<br \/>\r\n          But hey, you gotta live it yourself<br \/>\r\n          One day I\u2019ll be left alone<br \/>\r\n          Then I can glue my shattered bones<br \/>\r\n          If it\u2019s there I\u2019ll find the light<br \/>\r\n          Inside my head, it\u2019ll be<br \/>\r\n          be so quiet <br \/><br \/>\r\n\r\n          Maybe, I won\u2019t go crazy<br \/>\r\n          If I could only be assured there\u2019s nothing more that I can do<br \/>\r\n          What can I do to ease your pain<br \/>\r\n          To let you be with us again<br \/>\r\n          touch us with your presence one more time<br \/>\r\n          and say goodbye<br \/>\r\n          <br \/><br \/>\r\n          <button id=\"youtube-modal\">Youtube<\/button>\r\n          <button id=\"close-Intothelight-modal\">Close<\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <style>\r\n      .modal__open {\r\n        pointer-events: auto;\r\n        position: relative;\r\n        left: 50%;\r\n        transform: translateX(-50%); \/* Center horizontally *\/\r\n        display: inline-block;\r\n        font-family: \"pukey\";\r\n        color: white;\r\n        width: 15em;\r\n        height: 3em;\r\n        border-top: 1px solid hsla(240, 9%, 6%, 1);\r\n        border-radius: 3px;\r\n        background: hsla(240, 9%, 11%, 1);\r\n        border-radius: 2px;\r\n        box-shadow: 0 1px 0 hsla(255, 255%, 255%, 0.05),\r\n          0 0 1px hsla(255, 255%, 255%, 0.1),\r\n          inset 0 1px 2px hsla(0, 0%, 0%, 0.2);\r\n        transition: all 0.1s ease;\r\n        z-index: 1;\r\n        margin-bottom: 10px;\r\n      }\r\n      \/* Basket Modal Styling *\/\r\n      .modal {\r\n        padding-top: 350px;\r\n        display: none;\r\n        position: fixed;\r\n        top: 0;\r\n        left: 50%;\r\n        transform: translateX(-50%); \/* Center horizontally *\/\r\n        width: 100vw !important;\r\n        height: 100vh !important;\r\n        background-color: rgba(0, 0, 0, 0.5);\r\n        justify-content: center;\r\n        align-items: center;\r\n        z-index: 50000;\r\n        overflow-y: auto;\r\n      }\r\n\r\n      .modal-content p {\r\n        overflow-y: hidden;\r\n        height: auto;\r\n      }\r\n\r\n      .modal-content {\r\n        background-color: white;\r\n        padding: 20px;\r\n        margin-top: 80px;\r\n        padding-top: 50px;\r\n        padding-bottom: 50px;\r\n        border-radius: 20px;\r\n        width: 1px;\r\n        height: 1px;\r\n        box-shadow: 0 0 0 #cccccc, 0 0 0 #ffffff, 10px 10px 10px #cccccc inset,\r\n          -10px -10px 10px #ffffff inset;\r\n        animation: anime 1s cubic-bezier(0.16, 1, 0.3, 1) 1s;\r\n        animation-fill-mode: forwards;\r\n      }\r\n\r\n      @keyframes anime {\r\n        0% {\r\n          width: 60px;\r\n          height: 60px;\r\n          background: #f0f0f0;\r\n          box-shadow: 0 0 0 #cccccc, 0 0 0 #ffffff, 10px 10px 10px #cccccc inset,\r\n            -10px -10px 10px #ffffff inset;\r\n        }\r\n        25% {\r\n          width: 60px;\r\n          height: 60px;\r\n          background: #f8f8f8;\r\n          box-shadow: 10px 10px 10px #cccccc, 10px 10px 10px #ffffff,\r\n            0 0 0 #cccccc inset, 0 0 0 #ffffff inset;\r\n        }\r\n        50% {\r\n          width: 60px;\r\n          height: 240px;\r\n          background: #f8f8f8;\r\n          box-shadow: 10px 10px 10px #cccccc, 10px 10px 10px #ffffff,\r\n            0 0 0 #cccccc inset, 0 0 0 #ffffff inset;\r\n        }\r\n        100% {\r\n          width: 480px;\r\n          height: auto;\r\n          background: #fafafa;\r\n          box-shadow: 40px 40px 40px #cccccc, 0 0 0 #ffffff, 0 0 0 #cccccc inset,\r\n            2px 2px 2px #ffffff inset;\r\n        }\r\n      }\r\n      .Intothelight {\r\n        margin-top: 780px;\r\n      }\r\n\r\n      \/* Show content after the animation *\/\r\n      .modal-content h3,\r\n      .modal-content .Intothelight,\r\n      .modal-content .myfriend,\r\n      .modal-content button {\r\n        animation: showContent 1.25s cubic-bezier(0.16, 1, 0.3, 1) 1.5s;\r\n        animation-fill-mode: forwards;\r\n        opacity: 0;\r\n      }\r\n      @keyframes showContent {\r\n        0% {\r\n          opacity: 0;\r\n        }\r\n        100% {\r\n          opacity: 1;\r\n        }\r\n      }\r\n    <\/style>\r\n    <script>\r\n      \/\/ Get references to elements\r\n      const myfriendIcon = document.getElementById(\"myfriend-icon\");\r\n      const myfriendModal = document.getElementById(\"myfriend-modal\");\r\n      const IntothelightIcon = document.getElementById(\"Intothelight-icon\");\r\n      const IntothelightModal = document.getElementById(\"Intothelight-modal\");\r\n      const closeAccModalBtn = document.getElementById(\"close-myfriend-modal\");\r\n      const closeCartModalBtn = document.getElementById(\r\n        \"close-Intothelight-modal\"\r\n      );\r\n\r\n      \/\/ Show modal when SVG is clicked\r\n      IntothelightIcon.addEventListener(\"click\", () => {\r\n        IntothelightModal.style.display = \"flex\";\r\n        document.body.style.overflowY = \"hidden\";\r\n      });\r\n      myfriendIcon.addEventListener(\"click\", () => {\r\n        myfriendModal.style.display = \"flex\";\r\n        document.body.style.overflowY = \"hidden\";\r\n      });\r\n\r\n      \/\/ Close modal when close button is clicked\r\n      closeAccModalBtn.addEventListener(\"click\", () => {\r\n        myfriendModal.style.display = \"none\";\r\n        document.body.style.overflowY = \"auto\";\r\n      });\r\n      closeCartModalBtn.addEventListener(\"click\", () => {\r\n        IntothelightModal.style.display = \"none\";\r\n        document.body.style.overflowY = \"auto\";\r\n      });\r\n    <\/script>\r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-99ad233 elementor-widget elementor-widget-html\" data-id=\"99ad233\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .songsBar {\r\n    position: fixed;\r\n    bottom: -500px;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 50px;\r\n    background-color: transparent;\r\n    z-index: 1000000;\r\n    transition: all 0.5s ease-in-out;\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    const songsBar = document.querySelector(\".songsBar\");\r\n    const buttons = document.querySelectorAll(\".ctaButton3\");\r\n    const audioElement = document.getElementById(\"audio\");\r\n    let currentIndex = 1; \r\n    audioElement.controls = true;\r\n    const audioSources = [\r\n      \"https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/07\/My-friend-the-freesonics.mp3\",\r\n      \"https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/07\/windows-down-the-freesonics.mp3\",\r\n      \"https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/07\/into-the-light-The-Freesonics-2023.mp3\",\r\n      \"https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/09\/Maybe-The-Freesonics.mp3\"\r\n    ];\r\n\r\n    buttons.forEach((button, index) => {\r\n      button.addEventListener(\"click\", function () {\r\n        if (currentIndex !== index) {\r\n          songsBar.style.bottom = \"0px\";\r\n          audioElement.pause();\r\n          currentIndex = index;\r\n          playAudio(index);\r\n\r\n        } else {\r\n          if (audioElement.paused) {\r\n            songsBar.style.bottom = \"0px\";\r\n            playAudio(index);\r\n          } else {\r\n            songsBar.style.bottom = \"-500px\";\r\n            pauseAudio();\r\n          }\r\n        }\r\n      });\r\n    });\r\n\r\n\r\n    function playAudio(index) {\r\n      const audioSource = audioSources[index];\r\n      audioElement.src = audioSource;\r\n      audioElement.play();\r\n      playButton.textContent = \"Pause Music\";\r\n    }\r\n\r\n    function pauseAudio() {\r\n      audioElement.pause();\r\n      playButton.textContent = \"Play Music\";\r\n    }\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6bbc719 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6bbc719\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-15dda7c\" data-id=\"15dda7c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c31584b elementor-widget elementor-widget-spacer\" data-id=\"c31584b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d672cff elementor-widget elementor-widget-html\" data-id=\"d672cff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"kruidenText4\">Evenementen <h2>\r\n<style>\r\n\r\n\r\n.kruidenText4{\r\n     font-family:alternategothic!important;\r\ncolor: #004a6a!important;\r\n  font-size: 70px!important;\r\n  max-width: 1400px;\r\n  display: inline;\r\n  background-repeat: no-repeat;\r\n  background-image: linear-gradient(180deg, transparent 65%, #84b3cb 0);\r\n  background-size: 100%;\r\n  \/*transition*\/\r\n  transition: background-size .4s ease;\r\n  box-decoration-break: clone;  \r\n}\r\n<\/style> \r\n\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9845d5b elementor-hidden-mobile elementor-hidden-tablet elementor-widget elementor-widget-shortcode\" data-id=\"9845d5b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"ecs-no-events\">Er zijn geen aankomende evenementen.<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cea9671 elementor-hidden-desktop elementor-widget elementor-widget-shortcode\" data-id=\"cea9671\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"ecs-no-events\">Er zijn geen aankomende evenementen.<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-890e280 elementor-widget elementor-widget-spacer\" data-id=\"890e280\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4096633 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"4096633\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1012db1\" data-id=\"1012db1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-79aa037 elementor-widget elementor-widget-html\" data-id=\"79aa037\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .video-container {\r\n    width: 100%;\r\n    max-width: 760px; \/* Adjust the maximum width as needed *\/\r\n  }\r\n\r\n  .video-container iframe {\r\n    width: 100vw;\r\n    height: 480px; \/* Adjust the height proportionally to maintain the aspect ratio *\/\r\n  }\r\n<\/style>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/6.5.8\/swiper-bundle.css\"\r\n\/>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/6.5.8\/swiper-bundle.min.js\"><\/script>\r\n\r\n<div class=\"introcontainer\">\r\n  <!-- Slider main container -->\r\n  <div class=\"swiper-container\">\r\n    <!-- Additional required wrapper -->\r\n    <div class=\"swiper-wrapper\">\r\n      <!-- Slides -->\r\n      <div class=\"swiper-slide\">\r\n        <div class=\"cards\">\r\n          <div class=\"cardTop ong\">\r\n            <div class=\"video-container\">\r\n              <iframe\r\n                src=\"https:\/\/www.youtube.com\/embed\/MFXMO6PGQgk\"\r\n                frameborder=\"0\"\r\n                allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\r\n                allowfullscreen\r\n              ><\/iframe>\r\n            <\/div>\r\n\r\n            <div class=\"text\"><\/div>\r\n            <div class=\"title-box\">\r\n              <div class=\"seperator\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"swiper-slide\">\r\n        <div class=\"cards\">\r\n          <div class=\"cardTop two\">\r\n            <div class=\"video-container\">\r\n              <iframe\r\n                src=\"https:\/\/www.youtube.com\/embed\/2KExSD1GDSQ\"\r\n                frameborder=\"0\"\r\n                allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\r\n                allowfullscreen\r\n              ><\/iframe>\r\n            <\/div>\r\n            <div class=\"text\"><\/div>\r\n            <div class=\"title-box\">\r\n              <div class=\"seperator\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"swiper-slide\">\r\n        <div class=\"cards\">\r\n          <div class=\"cardTop three\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/08\/IMG-20230630-WA0006.jpg\"\r\n              alt=\"\"\r\n            \/>\r\n            <div class=\"text\"><\/div>\r\n\r\n            <div class=\"title-box\">\r\n              <h1><\/h1>\r\n              <p><\/p>\r\n              <div class=\"seperator\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"swiper-slide\">\r\n        <div class=\"cards\">\r\n          <div class=\"cardTop four\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/08\/IMG-20230630-WA0007.jpg\"\r\n              alt=\"\"\r\n            \/>\r\n            <div class=\"text\"><\/div>\r\n\r\n            <div class=\"title-box\">\r\n              <h1><\/h1>\r\n              <p><\/p>\r\n              <div class=\"seperator\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <!-- If we need pagination -->\r\n    <div class=\"swiper-pagination\"><\/div>\r\n\r\n    <!-- If we need navigation buttons -->\r\n    <div class=\"swiper-arrows\">\r\n      <div class=\"swiper-button-prev\"><span><\/span><\/div>\r\n      <div class=\"swiper-button-next\"><span><\/span><\/div>\r\n    <\/div>\r\n\r\n    <!-- If we need scrollbar -->\r\n  <\/div>\r\n<\/div>\r\n<script>\r\n  const swiper = new Swiper(\".swiper-container\", {\r\n    speed: 500,\r\n    pagination: {\r\n      el: \".swiper-pagination\",\r\n      clickable: true,\r\n    },\r\n    centeredSlides: true,\r\n    paginationClickable: true,\r\n    watchSlidesProgress: true,\r\n    loop: true,\r\n    slidesPerView: 2,\r\n    spaceBetween: 30,\r\n    navigation: {\r\n      nextEl: \".swiper-button-next\",\r\n      prevEl: \".swiper-button-prev\",\r\n    },\r\n  });\r\n<\/script>\r\n<style>\r\n  .introcontainer {\r\n    width: 100%;\r\n    height: 100%;\r\n    margin: auto;\r\n  }\r\n  .swiper-container {\r\n    width: 100%;\r\n    height: 100vh;\r\n    background: #004a6a;\r\n  }\r\n  .swiper-slide {\r\n    width: 500px;\r\n    height: 100%;\r\n    display: flex;\r\n    margin: auto;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: #004a6a;\r\n  }\r\n  .cards {\r\n    width: 100%;\r\n    height: auto;\r\n    display: flex;\r\n    position: relative;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  .cardTop img {\r\n    object-fit: cover;\r\n    width: 600px;\r\n    border-radius: 5px;\r\n    max-width: 100%;\r\n    height: auto;\r\n    min-height: 50vh;\r\n    padding: 0;\r\n    margin: 0;\r\n  }\r\n\r\n  .cardTop.two img {\r\n    filter: sepia(100%) hue-rotate(190deg) saturate(300%);\r\n  }\r\n  .cardTop.three img {\r\n    height: 50vh;\r\n  }\r\n  .cardTop.four img {\r\n    filter: invert(4%) sepia(75%) saturate(500%) hue-rotate(356deg)\r\n      brightness(70%) contrast(103%);\r\n  }\r\n  .text {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: absolute;\r\n    bottom: 0px;\r\n    max-width: 100%;\r\n    width: 500px;\r\n  }\r\n\r\n  .title-box {\r\n    display: flex;\r\n    text-align: left;\r\n    max-width: 100%;\r\n    flex-direction: column;\r\n    flex-wrap: nowrap;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n    right: 0 !important;\r\n    bottom: 50px;\r\n    justify-content: center;\r\n    color: #fff;\r\n    opacity: 0;\r\n    z-index: 15;\r\n  }\r\n  .title-box h1 {\r\n    display: block;\r\n    color: #fff !important;\r\n    font-weight: 700;\r\n    line-height: normal;\r\n    max-width: 100%;\r\n    font-size: 3vmin;\r\n  }\r\n  .title-box p {\r\n    color: #fff !important;\r\n    font-size: 2vmin;\r\n    padding-top: 0;\r\n    margin: 0;\r\n    padding-left: 1%;\r\n    max-width: 100%;\r\n  }\r\n  .cardTop .title-box .seperator {\r\n    height: 1px;\r\n    width: 10%;\r\n    background: white;\r\n    position: absolute;\r\n    content: \"\";\r\n    left: -15%;\r\n    top: 50%;\r\n  }\r\n  .swiper-slide .title-box {\r\n    transform: translateX(-50%);\r\n    transition: all 0.7s ease 0.3s;\r\n  }\r\n  .swiper-slide-active .title-box {\r\n    transform: translateX(0%);\r\n    opacity: 1;\r\n    transition: all 0.7s ease;\r\n  }\r\n\r\n  .swiper-scrollbar {\r\n    background: white;\r\n  }\r\n\r\n  .swiper-slide .cardTop img {\r\n    transition: filter 0.7s ease;\r\n    filter: grayscale(100%);\r\n  }\r\n  .swiper-slide-active .cardTop img {\r\n    filter: grayscale(0%) brightness(60%);\r\n  }\r\n\r\n  .swiper-pagination-bullet-active {\r\n    background: white !important;\r\n    width: 25px !important;\r\n    height: 5px !important;\r\n    border-radius: 0 !important;\r\n  }\r\n  .swiper-pagination-bullet {\r\n    background: whitesmoke !important;\r\n    width: 25px !important;\r\n    height: 5px !important;\r\n    border-radius: 0 !important;\r\n  }\r\n  .swiper-arrows {\r\n    width: 100%;\r\n    height: 80px;\r\n    position: absolute;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    bottom: 50%;\r\n  }\r\n  .swiper-button-prev,\r\n  .swiper-button-next {\r\n    width: 80px !important;\r\n    height: 80px;\r\n    background-image: none !important;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    top: 0;\r\n    bottom: 0;\r\n    margin: 0;\r\n    border-radius: 5px;\r\n    transition: all 0.3s ease;\r\n  }\r\n  .swiper-button-prev {\r\n    left: 0px !important;\r\n    right: auto !important;\r\n    background-color: rgba(255, 255, 255, 0.7);\r\n  }\r\n  .swiper-button-next {\r\n    right: 0px !important;\r\n    background-color: rgba(255, 255, 255, 0.8);\r\n  }\r\n  .swiper-button-prev span,\r\n  .swiper-button-next span {\r\n    width: 10px;\r\n    height: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background-color: transparent;\r\n    position: absolute;\r\n    border: solid 2px #666;\r\n    border-left: 0;\r\n    border-bottom: 0;\r\n    transition: all 0.1s ease;\r\n  }\r\n  .swiper-button-prev span {\r\n    transform: rotate(-135deg);\r\n    left: 49%;\r\n  }\r\n  .swiper-button-next span {\r\n    transform: rotate(45deg);\r\n    right: 49%;\r\n  }\r\n  .swiper-button-prev:hover span,\r\n  .swiper-button-next:hover span {\r\n    width: 5px;\r\n    height: 5px;\r\n  }\r\n  .swiper-button-prev:after,\r\n  .swiper-button-next:after {\r\n    width: 0px;\r\n    height: inherit;\r\n    content: \"\";\r\n    position: absolute;\r\n    border-radius: 5px;\r\n    background-color: white;\r\n    transition: all 0.4s ease-in-out;\r\n    z-index: -1;\r\n    opacity: 0.8;\r\n  }\r\n  .swiper-button-prev:after {\r\n    right: 0;\r\n  }\r\n  .swiper-button-next:after {\r\n    left: 0;\r\n  }\r\n  .swiper-button-prev:hover:after,\r\n  .swiper-button-next:hover:after {\r\n    width: inherit;\r\n  }\r\n  .swiper-button-disabled {\r\n    opacity: 1 !important;\r\n  }\r\n  .swiper-button-disabled.swiper-button-prev span,\r\n  .swiper-button-disabled.swiper-button-next span {\r\n    opacity: 0.2;\r\n  }\r\n  @media screen and (max-width: 512px) {\r\n    .swiper-button-prev,\r\n    .swiper-button-next {\r\n      width: 60px;\r\n      height: 60px;\r\n      bottom: 0;\r\n    }\r\n    .swiper-arrows {\r\n      height: 60px;\r\n    }\r\n    .swiper-button-prev {\r\n      right: 60px;\r\n    }\r\n    .swiper-button-prev span {\r\n      left: 45%;\r\n    }\r\n    .swiper-button-next span {\r\n      right: 45%;\r\n    }\r\n  }\r\n  .swiper-button-next::after,\r\n  .swiper-container-rtl .swiper-button-prev::after {\r\n    content: \"attr\" !important;\r\n  }\r\n  .swiper-button-prev::after,\r\n  .swiper-container-rtl .swiper-button-prev::after {\r\n    content: \"attr\" !important;\r\n  }\r\n\r\n  @media (max-width: 850px) {\r\n    .swiper-slide {\r\n      width: 100vw !important;\r\n    }\r\n  }\r\n<\/style>\r\n<script>\r\n     const screenWidth = window.innerWidth;\r\n  \/\/ Adjust slide size and spacing for handheld devices\r\n  if (window.matchMedia(\"(max-width: 850px)\").matches) {\r\n    swiper.params.slidesPerView = 1; \/\/ Show one slide at a time on handheld\r\n    swiper.params.spaceBetween = 15; \/\/ No space between slides on handheld\r\n    swiper.params.width = screenWidth;\r\n    swiper.update(); \/\/ Update the swiper instance with new parameters\r\n  }\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0c86c10 elementor-section-full_width elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-section-height-default elementor-section-height-default\" data-id=\"0c86c10\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8cab5f2\" data-id=\"8cab5f2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8d66287 elementor-widget elementor-widget-spacer\" data-id=\"8d66287\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-b12c196 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b12c196\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-2bd965c\" data-id=\"2bd965c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bc9fa9f elementor-widget elementor-widget-spacer\" data-id=\"bc9fa9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a1dbbd elementor-absolute e-transform elementor-widget elementor-widget-html\" data-id=\"3a1dbbd\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;_transform_scale_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0.5,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"main\">\r\n  <div class=\"Gramophone\">\r\n    <img decoding=\"async\" src=\"http:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/04\/GramophoneFreesonics.png\">\r\n  <\/div>\r\n<\/div>\r\n<style>\r\n.main {\r\n  position: relative;\r\n  height: 100%;\r\n  width: 100%;\r\n}\r\n\r\n.Gramophone {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  transition: .3s ease;\r\n  animation-name: grow-shrink;\r\n  animation-duration: 3s;\r\n  animation-iteration-count: infinite;\r\n}\r\n\r\n@keyframes grow-shrink {\r\n  0% {\r\n    transform: scale(1);\r\n  }\r\n  50% {\r\n    transform: scale(1.2);\r\n  }\r\n  100% {\r\n    transform: scale(1);\r\n  }\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-e333f5b\" data-id=\"e333f5b\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f4cfa3c elementor-absolute e-transform e-transform elementor-widget elementor-widget-html\" data-id=\"f4cfa3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:110,&quot;sizes&quot;:[]},&quot;_transform_scale_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.45,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"main\">\r\n  <div class=\"box\">\r\n    <img decoding=\"async\" src=\"http:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/04\/StockLorem.jpg\">\r\n    <div class=\"vinyl-record\">\r\n      <img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/hetfy\/image\/upload\/v1603289694\/picture_qn3k6k.png\" alt=\"Disk\">\r\n    <\/div> \r\n  <\/div>\r\n<\/div>\r\n<\/body>\r\n<style>\r\n  *,\r\n*::before,\r\n*::after {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\nimg {\r\n  width: 100%;\r\n\theight: 100%;\r\n\tobject-fit: cover;\r\n}\r\n\r\n.main {\r\n\theight: 100%;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n}\r\n\r\n.box {\r\n\twidth: 290px;\r\n\theight: 290px;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tposition: relative;\r\n}\r\n\r\n.vinyl-record {\r\n\tposition: absolute;\r\n\tz-index: -1;\r\n\topacity: .9;\r\n\tright: 5px;\r\n\ttransition: .3s ease;\r\n\tanimation-name: rotateVinRec;\r\n\tanimation-duration: 5s;\r\n\tanimation-iteration-count: infinite;\r\n    animation-timing-function: linear;\r\n}\r\n\r\n@keyframes rotateVinRec {\r\n\tfrom {\r\n\t\ttransform: rotate(0deg);\r\n\t}\r\n\r\n\tto {\r\n\t\ttransform: rotate(360deg);\r\n\t}\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cb7e008 elementor-absolute e-transform elementor-widget elementor-widget-html\" data-id=\"cb7e008\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-10,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:215,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<body\r\n  onload=\"Freq.oninput(); Angle.oninput(); Count.oninput(); Optio.oninput();\"\r\n>\r\n  <div class=\"controls\" style=\"--controlHeight: 30em; --scale: 1\">\r\n    <div class=\"music-player\">\r\n      <button id=\"play-pause-btn\" class=\"fa fa-play\"><\/button>\r\n      <div id=\"volume-value\"><\/div>\r\n      <audio id=\"music-player-audio\">\r\n        <source\r\n          src=\"https:\/\/hosseinghanbari.ir\/other\/music-player\/autumn.mp3\"\r\n          type=\"audio\/mp3\"\r\n        \/>\r\n      <\/audio>\r\n    <\/div>\r\n    <form\r\n      class=\"sliderbox\"\r\n      id=\"Angle\"\r\n      style=\"--sections: 18; --thumbLength: 2em\"\r\n      oninput=\"x.value=rAngle.value,rAngle.style.setProperty('--value', (rAngle.value-rAngle.min)*100\/(rAngle.max-rAngle.min))\"\r\n    >\r\n      <p class=\"labeltext\">Volume<br \/><br \/><\/p>\r\n      <input\r\n        type=\"range\"\r\n        min=\"0\"\r\n        max=\"100\"\r\n        step=\"5\"\r\n        value=\"50\"\r\n        id=\"rAngle\"\r\n        list=\"Anglelabels\"\r\n      \/>\r\n      <div class=\"LED\"><\/div>\r\n      <output id=\"x\" for=\"rAngle\" form=\"Angle\">50<\/output>\r\n      <datalist id=\"Anglelabels\">\r\n        <option>0<\/option>\r\n        <option>20<\/option>\r\n        <option>40<\/option>\r\n        <option>60<\/option>\r\n        <option>80<\/option>\r\n        <option>100<\/option>\r\n      <\/datalist>\r\n    <\/form>\r\n  <\/div>\r\n<\/body>\r\n<style>\r\n    @import url(https:\/\/fonts.googleapis.com\/css?family=Source+Sans+Pro:300,400,600,700,900|Dosis:300,400,600,700,800|Droid+Sans:400,700|Lato:300,400,700,900|PT+Sans:400,700|Ubuntu:300,400,500,700|Open+Sans:400,300,600,700|Roboto:400,300,500,700,900|Roboto+Condensed:400,300,700|Open+Sans+Condensed:300,700|Play:400,700|Maven+Pro:400,500,700,900&subset=latin,latin-ext);\r\n\r\n  html {\r\n      font-size: 16px;\r\n      font-family: \"Open Sans\";\r\n      text-rendering: optimizeLegibility !important;\r\n      -webkit-font-smoothing: antialiased !important;\r\n  }\r\n\r\n  * {\r\n      box-sizing: border-box;\r\n  }\r\n\r\n\r\n\r\n  p,\r\n  h1 {\r\n      text-align: center;\r\n  }\r\n\r\n  \/* --------------------------------------- *\/\r\n  \/* Sliders *\/\r\n\r\n  .controls {\r\n      --borderWidth: 1px;\r\n      --scale: 1;\r\n      position: relative;\r\n      margin: auto;\r\n      display: block;\r\n      box-sizing: border-box;\r\n      height: calc((var(--controlHeight) + 2 * var(--borderWidth)) * var(--scale));\r\n      width: 0%;\r\n      font-size: calc(var(--scale) * 1em);\r\n\r\n  }\r\n\r\n  .sliderbox {\r\n      --color1: #b39;\r\n      --color2: #333;\r\n      --LEDcolor: #533;\r\n      --trackLength: calc(var(--controlHeight) - 10em);\r\n      --trackSize: 0.5em;\r\n      --thumbSize: 3.5em;\r\n      --thumbLength: calc(var(--trackLength) * 0.12);\r\n      --scaleLength: calc(var(--trackLength) - var(--thumbLength) - 0.125em);\r\n      --bpos: calc(var(--thumbLength) \/ 2);\r\n      --sections: 2;\r\n      --tickLength: calc(var(--scaleLength) \/ var(--sections));\r\n      display: inline-block;\r\n      transform: scale(0.8) translate(-375px, -300px);\r\n      position: relative;\r\n      padding: 0;\r\n      width: calc(var(--thumbSize) + 3.75em);\r\n      height: var(--controlHeight);\r\n      margin: auto;\r\n      background: transparent;\r\n      font-size: calc(var(--scale) * 1em);\r\n\r\n  }\r\n\r\n  .labeltext {\r\n      display: block;\r\n      color: black;\r\n      font-weight: bold;\r\n      text-align: center;\r\n      position: relative;\r\n      filter: drop-shadow(-1px 1px 1px #fff);\r\n      height: 3em;\r\n      margin: 0.5em 0;\r\n      overflow: hidden;\r\n  }\r\n\r\n  output {\r\n      display: block;\r\n      width: calc(var(--thumbSize) + 0.45em);\r\n      height: 2.8em;\r\n      border-top: .2em solid;\r\n      border-left: .25em solid;\r\n      border-bottom: .25em solid;\r\n      border-right: .2em solid;\r\n      border-color: #777;\r\n      padding: .5em;\r\n      text-align: center;\r\n      color: #c22;\r\n      position: absolute;\r\n      bottom: 1em;\r\n      left: 1em;\r\n      font-weight: bold;\r\n      border-radius: 0.5em \/ 0.25em;\r\n      box-shadow:\r\n          1px -1px 2px #333, -1px 1px 1px #fff;\r\n      background: #200 padding-box;\r\n  }\r\n\r\n  option {\r\n      font-weight: bold;\r\n  }\r\n\r\n  datalist {\r\n      display: flex;\r\n      flex-direction: column-reverse;\r\n      justify-content: space-between;\r\n      position: absolute;\r\n      top: calc((var(--thumbLength) + 0.125em) \/ 2 + 4.125em);\r\n      left: calc(var(--thumbSize) + 1.5em);\r\n      height: calc(var(--scaleLength) + 1.55em);\r\n      color: #333;\r\n      font-weight: bold;\r\n      text-align: center;\r\n      filter: drop-shadow(-1px 1px 1px #fff);\r\n  }\r\n\r\n  .LED {\r\n      display: block;\r\n      width: 1em;\r\n      height: 1em;\r\n      background: radial-gradient(var(--LEDcolor), #533); border-box;\r\n      border-radius: 50%;\r\n      border: 1px solid transparent;\r\n      position: absolute;\r\n      left: calc((var(--thumbSize) - 1em) \/ 2 + 1.25em);\r\n      top: 3.5em;\r\n      content: \"\";\r\n      filter: drop-shadow(-1px 1px 1px #fff);\r\n  }\r\n\r\n  \/* Range Slider: Based on Ana Tudors Slider#76 *\/\r\n\r\n  input[type='range'] {\r\n      --tpos: calc((var(--thumbSize) + var(--trackSize)) \/ 2 + .25em);\r\n      content: \"\";\r\n      position: absolute;\r\n      top: calc((var(--trackLength) \/ 2) + 5em);\r\n      left: calc((var(--thumbSize) \/ 2) + 1.25em);\r\n      margin: 0;\r\n      padding: 0;\r\n      width: var(--trackLength);\r\n      height: var(--thumbSize);\r\n      border: solid 0 transparent;\r\n      border-radius: .25em;\r\n      transform: translate(-50%, -50%) rotate(-90deg);\r\n      cursor: pointer;\r\n      font-size: inherit;\r\n      background:\r\n          repeating-linear-gradient(90deg, #868686, #868686 2px, transparent 0, transparent var(--tickLength))\r\n          var(--bpos) var(--tpos) \/ calc( var(--scaleLength) + 2px) calc(var(--thumbSize) - var(--tpos)) no-repeat;\r\n  }\r\n\r\n  input[type='range'],\r\n  input[type='range']::-webkit-slider-runnable-track,\r\n  input[type='range']::-webkit-slider-thumb {\r\n      -webkit-appearance: none;\r\n  }\r\n\r\n  input[type='range']::-webkit-slider-runnable-track {\r\n      box-sizing: border-box;\r\n      width: var(--trackLength);\r\n      height: var(--trackSize);\r\n      padding: 0.125em;\r\n      border: 0;\r\n      border-radius: 0.5em \/ 0.25em;\r\n      box-shadow: inset 0 1px 1px #fff, 0 1px 1px #999;\r\n      background:\r\n          linear-gradient(to right, var(--color1) calc(var(--value)*1%), var(--color2) 0) content-box,\r\n          linear-gradient(#efefef, #c2c2c2) border-box;\r\n  }\r\n\r\n  input[type='range']::-moz-range-track {\r\n      box-sizing: border-box;\r\n      width: var(--trackLength);\r\n      height: var(--trackSize);\r\n      padding: 0.125em;\r\n      border: 0;\r\n      border-radius: 0.5em \/ 0.25em;\r\n      box-shadow: inset 0 1px 1px #fff, 0 1px 1px #999;\r\n      background:\r\n          linear-gradient(to right, var(--color1) calc(var(--value)*1%), var(--color2) 0) content-box,\r\n          linear-gradient(#efefef, #c2c2c2) border-box;\r\n  }\r\n\r\n  input[type='range']::-ms-track {\r\n      border: none;\r\n      box-sizing: border-box;\r\n      padding: 0.125em;\r\n      width: var(--trackLength);\r\n      height: var(--trackSize);\r\n      border-radius: 0.5em \/ 0.25em;\r\n      box-shadow: inset 0 1px 1px #fff, 0 1px 1px #999;\r\n      background:\r\n          linear-gradient(to right, var(--color1) calc(var(--value)*1%), var(--color2) 0) content-box,\r\n          linear-gradient(#efefef, #c2c2c2) border-box;\r\n      color: transparent;\r\n  }\r\n\r\n  input[type='range']::-webkit-slider-thumb {\r\n      margin-top: calc( (var(--trackSize) - var(--thumbSize) - .3125em) \/ 2);\r\n      box-sizing: border-box;\r\n      border: solid 0 transparent;\r\n      border-width: 1px .3125em;\r\n      width: var(--thumbLength);\r\n      height: var(--thumbSize);\r\n      border-radius: 0.5em;\r\n      box-shadow:\r\n          -0.84375em 0 0.84375em -0.84375em #111,\r\n          -0.84375em 0 1.125em -0.84375em #111,\r\n          -0.84375em 0 1.40625em -0.84375em #111,\r\n          -0.84375em 0 1.6875em -0.84375em #111,\r\n          -0.84375em 0 1.96875em -0.84375em #111,\r\n          -1.125em 0 2.25em -0.84375em #111;\r\n      background:\r\n          linear-gradient(90deg, #666, #111) content-box,\r\n          linear-gradient(90deg, #111, #666) border-box;\r\n      cursor: ns-resize;\r\n  }\r\n\r\n  input[type='range']::-moz-range-thumb {\r\n      margin-top: 0;\r\n      box-sizing: border-box;\r\n      border: solid 0 transparent;\r\n      border-width: 1px .3125em;\r\n      width: var(--thumbLength);\r\n      height: var(--thumbSize);\r\n      border-radius: 0.5em;\r\n      box-shadow:\r\n          -0.84375em 0 0.84375em -0.84375em #111,\r\n          -0.84375em 0 1.125em -0.84375em #111,\r\n          -0.84375em 0 1.40625em -0.84375em #111,\r\n          -0.84375em 0 1.6875em -0.84375em #111,\r\n          -0.84375em 0 1.96875em -0.84375em #111,\r\n          -1.125em 0 2.25em -0.84375em #111;\r\n      background:\r\n          linear-gradient(90deg, #666, #111) content-box,\r\n          linear-gradient(90deg, #111, #666) border-box;\r\n      cursor: ns-resize;\r\n  }\r\n\r\n  input[type='range']::-ms-thumb {\r\n      box-sizing: border-box;\r\n      border: solid 0 transparent;\r\n      border-width: 1px .3125em;\r\n      width: var(--thumbLength);\r\n      height: var(--thumbSize);\r\n      border-radius: 0.5em;\r\n      box-shadow:\r\n          -0.84375em 0 0.84375em -0.84375em #111,\r\n          -0.84375em 0 1.125em -0.84375em #111,\r\n          -0.84375em 0 1.40625em -0.84375em #111,\r\n          -0.84375em 0 1.6875em -0.84375em #111,\r\n          -0.84375em 0 1.96875em -0.84375em #111,\r\n          -1.125em 0 2.25em -0.84375em #111;\r\n      background:\r\n          linear-gradient(90deg, #666, #111) content-box,\r\n          linear-gradient(90deg, #111, #666) border-box;\r\n      cursor: ew-resize;\r\n  }\r\n\r\n  input[type='range']::-ms-fill-lower,\r\n  input[type='range']::-ms-tooltip {\r\n      display: none;\r\n  }\r\n\r\n  input[type='range']:focus {\r\n      outline: none;\r\n  }\r\n<\/style>\r\n\r\n<!DOCTYPE html>\r\n<html>\r\n  <head>\r\n    <title>Music Player<\/title>\r\n    <link\r\n      rel=\"stylesheet\"\r\n      href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.3\/css\/all.min.css\"\r\n      integrity=\"sha512-QGz7fuJI1cjgz0zBYVhdMfLNxQV7rjX9SXduV7\/UyPWvKgV7RLdLVK5lVZZ08ZcLde0+7PBRXe3Mq3GqJpB+Vw==\"\r\n      crossorigin=\"anonymous\"\r\n      referrerpolicy=\"no-referrer\"\r\n    \/>\r\n    <style>\r\n      .music-player {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n      }\r\n\r\n      #play-pause-btn {\r\n        font-size: 44px !important;\r\n        width: 40px;\r\n        height: 40px;\r\n        border: none;\r\n        cursor: pointer;\r\n        outline: none;\r\n        color: #fffff7;\r\n        position: relative; \/* Add this line *\/\r\n        z-index: 1111111; \/* Add this line *\/\r\n      }\r\n\r\n      #play-pause-btn.fa-pause + #volume-slider {\r\n        display: block;\r\n      }\r\n    <\/style>\r\n  <\/head>\r\n  <body>\r\n    <script>\r\n      const audioPlayer = document.getElementById('music-player-audio');\r\n      const playPauseBtn = document.getElementById('play-pause-btn');\r\n      const volumeSlider = document.getElementById('rAngle');\r\n      var gramophone = document.querySelector('.Gramophone');\r\n      var musicNotesPlay = document.querySelector('.musicNotes');\r\n      var style = document.querySelector('.LED').style;\r\n\r\n      playPauseBtn.addEventListener('click', () => {\r\n        if (audioPlayer.paused) {\r\n          \/\/ Play button clicked\r\n          audioPlayer.play();\r\n          playPauseBtn.classList.remove('fa-play');\r\n          playPauseBtn.classList.add('fa-pause');\r\n          \/\/ Add CSS to vinyl record\r\n          const vinylRecord = document.querySelector('.vinyl-record');\r\n          vinylRecord.style.right = '-135px';\r\n          style.setProperty('--LEDcolor', 'red');\r\n          musicNotesPlay.style.display = 'block';\r\n          gramophone.style.top = '-455px';\r\n          gramophone.style.animation = 'moveGramophone 0.5s forwards';\r\n        } else {\r\n          \/\/ Pause button clicked\r\n          audioPlayer.pause();\r\n          playPauseBtn.classList.remove('fa-pause');\r\n          playPauseBtn.classList.add('fa-play');\r\n          style.setProperty('--LEDcolor', '#533');\r\n          \/\/ Remove CSS from vinyl record\r\n          const vinylRecord = document.querySelector('.vinyl-record');\r\n          vinylRecord.style.right = '';\r\n          musicNotesPlay.style.display = 'none';\r\n          gramophone.style.top = '0px';\r\n        }\r\n      });\r\n\r\n      audioPlayer.addEventListener('play', () => {\r\n        volumeSlider.style.display = 'block';\r\n      });\r\n\r\n      volumeSlider.addEventListener('input', () => {\r\n        const volume = volumeSlider.value \/ 100;\r\n        audioPlayer.volume = volume;\r\n        console.log(volume);\r\n      });\r\n\r\n      \/\/ Define the moveGramophone animation\r\n      const moveGramophone = `\r\n  @keyframes moveGramophone {\r\n    0% {\r\n      transform: translateY(0) scale(1);\r\n    }\r\n    50% {\r\n      transform: translateY(-50px) scale(1.2);\r\n    }\r\n    100% {\r\n      transform: translateY(-50px) scale(1);\r\n    }\r\n  }\r\n`;\r\n      \/\/ Add the animation to the page\r\n\r\n      const styleElement = document.createElement('style');\r\n      styleElement.appendChild(document.createTextNode(moveGramophone));\r\n      document.head.appendChild(styleElement);\r\n    <\/script>\r\n  <\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b261cb elementor-widget elementor-widget-spacer\" data-id=\"5b261cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6178108 elementor-widget elementor-widget-heading\" data-id=\"6178108\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Album Name Here<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-17188f2 elementor-widget elementor-widget-heading\" data-id=\"17188f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Out Now<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9c5ba19 elementor-widget elementor-widget-spacer\" data-id=\"9c5ba19\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41de0d6 elementor-grid-2 e-transform elementor-shape-rounded e-grid-align-center elementor-widget elementor-widget-social-icons\" data-id=\"41de0d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"social-icons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\" role=\"list\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-itunes-note elementor-animation-grow elementor-repeater-item-1f91331\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Itunes-note<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-itunes-note\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-amazon elementor-animation-grow elementor-repeater-item-dcbf710\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Amazon<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-amazon\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-spotify elementor-animation-grow elementor-repeater-item-feac847\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Spotify<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-spotify\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-soundcloud elementor-animation-grow elementor-repeater-item-82902e3\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Soundcloud<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-soundcloud\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-google-play elementor-animation-grow elementor-repeater-item-225960e\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Google-play<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-google-play\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-bandcamp elementor-animation-grow elementor-repeater-item-00aecd4\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Bandcamp<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-bandcamp\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b6c3ab1 elementor-widget elementor-widget-spacer\" data-id=\"b6c3ab1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-16e5b1c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"16e5b1c\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-c8e5d1a\" data-id=\"c8e5d1a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f3626dd elementor-widget elementor-widget-menu-anchor\" data-id=\"f3626dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"Contact\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e636997 elementor-widget elementor-widget-heading\" data-id=\"e636997\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">Stuur ons een bericht<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0ded529 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"0ded529\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a92db75 elementor-widget elementor-widget-text-editor\" data-id=\"a92db75\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tHeb je een vraag, suggestie of wil je gewoon hallo zeggen? Aarzel niet om ons een bericht te sturen!\nWe horen graag van je en staan klaar om te antwoorden.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10c519c elementor-widget elementor-widget-html\" data-id=\"10c519c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\r\n.ast-header-social-1-wrap .ast-social-color-type-custom svg {\r\n    fill: white!important;\r\n}\r\n\r\n.wpforms-container {\r\n    font-family: alternategothic!important;\r\n    font-weight: light!important;\r\n    \r\n}\r\n\r\n.wpforms-field-label{\r\n    font-weight: normal!important;\r\n    font-size: 20px;\r\n}\r\n\r\n.wpforms-submit{\r\n        font-size: 25px;\r\n}\r\n\r\n.wpforms-title{\r\n    font-size: 38px!important;\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-b4a51fc\" data-id=\"b4a51fc\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-592f5ab elementor-widget__width-inherit elementor-widget elementor-widget-wpforms\" data-id=\"592f5ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wpforms.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wpforms-container \" id=\"wpforms-9\"><form id=\"wpforms-form-9\" class=\"wpforms-validate wpforms-form\" data-formid=\"9\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/nl\/wp-json\/wp\/v2\/pages\/1033\" data-token=\"2899aa3ee76ec257d58a1f3d7c39b90d\" data-token-time=\"1777505171\"><noscript class=\"wpforms-error-noscript\">Schakel JavaScript in je browser in om dit formulier in te vullen.<\/noscript><div class=\"wpforms-field-container\"><div id=\"wpforms-9-field_0-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"0\"><label class=\"wpforms-field-label\" for=\"wpforms-9-field_0\">Naam <span class=\"wpforms-required-label\">*<\/span><\/label><input type=\"text\" id=\"wpforms-9-field_0\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][0]\" required><\/div><div id=\"wpforms-9-field_1-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"1\"><label class=\"wpforms-field-label\" for=\"wpforms-9-field_1\">Email <span class=\"wpforms-required-label\">*<\/span><\/label><input type=\"email\" id=\"wpforms-9-field_1\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][1]\" spellcheck=\"false\" required><\/div><div id=\"wpforms-9-field_3-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-9-field_3\">Onderwerp <span class=\"wpforms-required-label\">*<\/span><\/label><input type=\"text\" id=\"wpforms-9-field_3\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][3]\" required><\/div><div id=\"wpforms-9-field_2-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-9-field_2\">Bericht <span class=\"wpforms-required-label\">*<\/span><\/label><textarea id=\"wpforms-9-field_2\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][2]\" required><\/textarea><\/div><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"9\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/thefreesonics.com\/nl\/wp-json\/wp\/v2\/pages\/1033\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-9\" class=\"wpforms-submit\" data-alt-text=\"Bezig...\" data-submit-text=\"Verstuur Bericht\" aria-live=\"assertive\" value=\"wpforms-submit\">Verstuur Bericht<\/button><\/div><\/form><\/div>  <!-- .wpforms-container -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-426e347 elementor-widget elementor-widget-html\" data-id=\"426e347\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    .wpforms-container {\r\n        color: #fffff7 !important;\r\n        font-family: 'pukey';\r\n    }\r\n    .wpforms-submit{\r\n        color: #fffff7 !important;\r\n        border-color: #fffff7;\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>A FEW WORDS ABOUT US Our Story The Freesonics. Drie vrienden die het leven vieren door middel van muziek. De Amsterdamse band is opgericht in 2018 en bestaat uit: drummer &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/thefreesonics.com\/nl\/\"> <span class=\"screen-reader-text\">Home<\/span> Lees meer &raquo;<\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"class_list":["post-1033","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Home - The Freesonics<\/title>\n<meta name=\"description\" content=\"Band voor live muziek en optredens in Amsterdam. Funk rock en popmuziek. Gitaar indierock. Feestband.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/thefreesonics.com\/nl\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - The Freesonics\" \/>\n<meta property=\"og:description\" content=\"Band voor live muziek en optredens in Amsterdam. Funk rock en popmuziek. Gitaar indierock. Feestband.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thefreesonics.com\/nl\/\" \/>\n<meta property=\"og:site_name\" content=\"The Freesonics\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-07T14:48:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/06\/logo_groot-1024x154.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data1\" content=\"34 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/thefreesonics.com\\\/\",\"url\":\"https:\\\/\\\/thefreesonics.com\\\/\",\"name\":\"Home - The Freesonics\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thefreesonics.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/thefreesonics.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/thefreesonics.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thefreesonics.com\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/logo_groot-1024x154.png\",\"datePublished\":\"2023-04-23T14:53:59+00:00\",\"dateModified\":\"2025-01-07T14:48:16+00:00\",\"description\":\"Band voor live muziek en optredens in Amsterdam. Funk rock en popmuziek. Gitaar indierock. Feestband.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/thefreesonics.com\\\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thefreesonics.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/thefreesonics.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/thefreesonics.com\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/logo_groot-1024x154.png\",\"contentUrl\":\"https:\\\/\\\/thefreesonics.com\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/logo_groot-1024x154.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/thefreesonics.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/thefreesonics.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/thefreesonics.com\\\/#website\",\"url\":\"https:\\\/\\\/thefreesonics.com\\\/\",\"name\":\"The Freesonics\",\"description\":\"The Freesonics Band\",\"publisher\":{\"@id\":\"https:\\\/\\\/thefreesonics.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/thefreesonics.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/thefreesonics.com\\\/#organization\",\"name\":\"The Freesonics\",\"url\":\"https:\\\/\\\/thefreesonics.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/thefreesonics.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/thefreesonics.com\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/cropped-TheFreesonics_PCzone2.jpg\",\"contentUrl\":\"https:\\\/\\\/thefreesonics.com\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/cropped-TheFreesonics_PCzone2.jpg\",\"width\":1761,\"height\":422,\"caption\":\"The Freesonics\"},\"image\":{\"@id\":\"https:\\\/\\\/thefreesonics.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home - The Freesonics","description":"Band voor live muziek en optredens in Amsterdam. Funk rock en popmuziek. Gitaar indierock. Feestband.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/thefreesonics.com\/nl\/","og_locale":"nl_NL","og_type":"article","og_title":"Home - The Freesonics","og_description":"Band voor live muziek en optredens in Amsterdam. Funk rock en popmuziek. Gitaar indierock. Feestband.","og_url":"https:\/\/thefreesonics.com\/nl\/","og_site_name":"The Freesonics","article_modified_time":"2025-01-07T14:48:16+00:00","og_image":[{"url":"https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/06\/logo_groot-1024x154.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Geschatte leestijd":"34 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/thefreesonics.com\/","url":"https:\/\/thefreesonics.com\/","name":"Home - The Freesonics","isPartOf":{"@id":"https:\/\/thefreesonics.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thefreesonics.com\/#primaryimage"},"image":{"@id":"https:\/\/thefreesonics.com\/#primaryimage"},"thumbnailUrl":"https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/06\/logo_groot-1024x154.png","datePublished":"2023-04-23T14:53:59+00:00","dateModified":"2025-01-07T14:48:16+00:00","description":"Band voor live muziek en optredens in Amsterdam. Funk rock en popmuziek. Gitaar indierock. Feestband.","breadcrumb":{"@id":"https:\/\/thefreesonics.com\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thefreesonics.com\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/thefreesonics.com\/#primaryimage","url":"https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/06\/logo_groot-1024x154.png","contentUrl":"https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/06\/logo_groot-1024x154.png"},{"@type":"BreadcrumbList","@id":"https:\/\/thefreesonics.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thefreesonics.com\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/thefreesonics.com\/#website","url":"https:\/\/thefreesonics.com\/","name":"The Freesonics","description":"The Freesonics Band","publisher":{"@id":"https:\/\/thefreesonics.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thefreesonics.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/thefreesonics.com\/#organization","name":"The Freesonics","url":"https:\/\/thefreesonics.com\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/thefreesonics.com\/#\/schema\/logo\/image\/","url":"https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/06\/cropped-TheFreesonics_PCzone2.jpg","contentUrl":"https:\/\/thefreesonics.com\/wp-content\/uploads\/2023\/06\/cropped-TheFreesonics_PCzone2.jpg","width":1761,"height":422,"caption":"The Freesonics"},"image":{"@id":"https:\/\/thefreesonics.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/thefreesonics.com\/nl\/wp-json\/wp\/v2\/pages\/1033","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thefreesonics.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thefreesonics.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thefreesonics.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thefreesonics.com\/nl\/wp-json\/wp\/v2\/comments?post=1033"}],"version-history":[{"count":969,"href":"https:\/\/thefreesonics.com\/nl\/wp-json\/wp\/v2\/pages\/1033\/revisions"}],"predecessor-version":[{"id":2467,"href":"https:\/\/thefreesonics.com\/nl\/wp-json\/wp\/v2\/pages\/1033\/revisions\/2467"}],"wp:attachment":[{"href":"https:\/\/thefreesonics.com\/nl\/wp-json\/wp\/v2\/media?parent=1033"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}