Features
Services
Website Design
Beginning with Discovery, we dive deep into your Brand's Visual Strategy.
Get Started
Website Development
After ideation comes the building of the site - where art turns to code.
Get Started
</div><div id="text_block-56-589" class="ct-text-block color-dark font-semibold px-4 mb-2" >Monster Design Kit</div><div id="text_block-57-589" class="ct-text-block text-sm px-4 mb-8" >Sub-heading is very important to describe your product.</div><a id="link_text-58-589" class="ct-link-text btn-m btn-primary-alt" href="#Contact-Us" target="_self" >Get Started</a></div><div id="div_block-59-589" class="ct-div-block py-12 px-8" ><a id="link-60-589" class="ct-link text-left mt-auto" href="#" ><h6 id="headline-61-589" class="ct-headline h6 color-light mr-auto mb-2">Got Questions?</h6><div id="text_block-62-589" class="ct-text-block color-paragraph-alt text-sm mr-auto" >Drop us a message using your preferred contact method below.</div></a></div></div></div></div><a id="link_text-64-589" class="ct-link-text color-dark hover-color-primary font-semibold" href="#about-us" target="_self" >Our Story</a><a id="link_text-65-589" class="ct-link-text color-dark hover-color-primary font-semibold" href="#Contact-Us" target="_self" >Contact us</a></div></div><div id="_header_right-66-589" class="oxy-header-right" ><a id="link_text-67-589" class="ct-link-text btn-m btn-primary lg-hidden" href="#Portfolio" target="_self" >Portfolio</a><div id="fancy_icon-68-589" class="ct-fancy-icon icon-xl-dark hidden lg-flex cursor-pointer arya-hamburger" ><svg id="svg-fancy_icon-68-589"><use xlink:href="#Lineariconsicon-menu"></use></svg></div> <div tabindex="-1" class="oxy-modal-backdrop " style="background-color: rgba(0,0,0,0.5);" data-trigger="user_clicks_element" data-trigger-selector=".arya-hamburger" data-trigger-time="5" data-trigger-time-unit="seconds" data-close-automatically="no" data-close-after-time="10" data-close-after-time-unit="seconds" data-trigger_scroll_amount="50" data-trigger_scroll_direction="down" data-scroll_to_selector="" data-time_inactive="60" data-time-inactive-unit="seconds" data-number_of_clicks="3" data-close_on_esc="on" data-number_of_page_views="3" data-close-after-form-submit="no" data-open-again="always_show" data-open-again-after-days="3" > <div id="modal-69-589" class="ct-modal w-full h-full hidden lg-flex" data-aos="slide-left"><div id="div_block-70-589" class="ct-div-block h-full w-full bg overflow-y-scroll py-12 px-8" ><div id="div_block-71-589" class="ct-div-block w-full horizontal items-center mb-12" ><a id="link-72-589" class="ct-link " href="/home" target="_self" ><img id="image-73-589" alt="" src="https://arya.oxymade.com/wp-content/uploads/2021/10/Arya-logo.png" class="ct-image"/></a><div id="fancy_icon-74-589" class="ct-fancy-icon icon-xl-dark ml-auto oxy-close-modal" ><svg id="svg-fancy_icon-74-589"><use xlink:href="#Lineariconsicon-cross"></use></svg></div></div><div id="div_block-75-589" class="ct-div-block w-full mb-20" ><a id="link_text-76-589" class="ct-link-text color-dark font-semibold hover-color-primary text-lg mb-6" href="#" target="_self" >Product</a><div id="div_block-77-589" class="ct-div-block w-full horizontal items-center cursor-pointer hover-color-primary mb-6 arya-menu-item1" ><div id="text_block-78-589" class="ct-text-block color-dark font-semibold text-lg" >Services</div><div id="fancy_icon-79-589" class="ct-fancy-icon ml-auto icon-lg-dark" ><svg id="svg-fancy_icon-79-589"><use xlink:href="#FontAwesomeicon-angle-right"></use></svg></div></div><a id="link_text-80-589" class="ct-link-text color-dark font-semibold hover-color-primary mb-6 text-lg" href="#" target="_self" >Pricing</a><a id="link_text-81-589" class="ct-link-text color-dark font-semibold hover-color-primary mb-6 text-lg" href="#" target="_self" >About us</a><a id="link_text-82-589" class="ct-link-text color-dark font-semibold hover-color-primary text-lg" href="#" target="_self" >Contact us</a></div><a id="link_text-83-589" class="ct-link-text btn-m btn-primary mx-auto" href="#" target="_self" >Get Started</a></div></div> </div> <div tabindex="-1" class="oxy-modal-backdrop " style="background-color: rgba(0,0,0,0.5);" data-trigger="user_clicks_element" data-trigger-selector=".arya-menu-item1" data-trigger-time="5" data-trigger-time-unit="seconds" data-close-automatically="no" data-close-after-time="10" data-close-after-time-unit="seconds" data-trigger_scroll_amount="50" data-trigger_scroll_direction="down" data-scroll_to_selector="" data-time_inactive="60" data-time-inactive-unit="seconds" data-number_of_clicks="3" data-close_on_esc="on" data-number_of_page_views="3" data-close-after-form-submit="no" data-open-again="always_show" data-open-again-after-days="3" > <div id="modal-84-589" class="ct-modal w-full h-full hidden lg-flex" data-aos="slide-left"><div id="div_block-85-589" class="ct-div-block h-full w-full bg overflow-y-scroll py-12 px-8" ><div id="div_block-86-589" class="ct-div-block w-full horizontal items-center mb-12" ><a id="link-87-589" class="ct-link " href="/home" target="_self" ><img id="image-88-589" alt="" src="https://arya.oxymade.com/wp-content/uploads/2021/10/Arya-logo.png" class="ct-image"/></a><div id="fancy_icon-89-589" class="ct-fancy-icon icon-xl-dark ml-auto oxy-close-modal" ><svg id="svg-fancy_icon-89-589"><use xlink:href="#Lineariconsicon-cross"></use></svg></div></div><div id="div_block-90-589" class="ct-div-block oxy-close-modal cursor-pointer horizontal items-center hover-color-primary mb-12" ><div id="fancy_icon-91-589" class="ct-fancy-icon icon-lg-dark sm-ml-auto mr-4" ><svg id="svg-fancy_icon-91-589"><use xlink:href="#FontAwesomeicon-angle-left"></use></svg></div><div id="text_block-92-589" class="ct-text-block font-semibold color-dark mr-auto text-lg" >Services</div></div><div id="div_block-93-589" class="ct-div-block bg w-full grid grid-cols-2 md-grid-cols-1 gap-8 items-stretch" ><div id="div_block-94-589" class="ct-div-block text-left p-8 megamenu6-hover rounded-lg" ><img id="image-95-589" alt="" src="https://arya.oxymade.com/wp-content/uploads/2021/09/megaset-cover.png" class="ct-image w-full object-cover rounded-lg shadow mb-4"/><div id="text_block-96-589" class="ct-text-block color-dark font-semibold px-4 mb-2" >Megaset Design Kit</div><div id="text_block-97-589" class="ct-text-block text-sm px-4 mb-8" >Sub-heading is very important to describe your product.</div><a id="link_text-98-589" class="ct-link-text btn-m btn-primary-alt" href="#" target="_self" >Get Started</a></div><div id="div_block-99-589" class="ct-div-block text-left p-8 megamenu6-hover rounded-lg" ><img id="image-100-589" alt="" src="https://arya.oxymade.com/wp-content/uploads/2021/09/checkout-cover.png" class="ct-image w-full object-cover rounded-lg shadow mb-4"/><div id="text_block-101-589" class="ct-text-block color-dark font-semibold px-4 mb-2" >Woo Commerce Kit</div><div id="text_block-102-589" class="ct-text-block text-sm px-4 mb-8" >Sub-heading is very important to describe your product.</div><a id="link_text-103-589" class="ct-link-text btn-m btn-primary-alt" href="#" target="_self" >Get Started</a></div><div id="div_block-104-589" class="ct-div-block text-left p-8 megamenu6-hover rounded-lg" ><img id="image-105-589" alt="" src="https://arya.oxymade.com/wp-content/uploads/2021/09/monster-cover.png" class="ct-image w-full object-cover rounded-lg shadow mb-4"/><div id="text_block-106-589" class="ct-text-block color-dark font-semibold px-4 mb-2" >Monster Design Kit</div><div id="text_block-107-589" class="ct-text-block text-sm px-4 mb-8" >Sub-heading is very important to describe your product.</div><a id="link_text-108-589" class="ct-link-text btn-m btn-primary-alt" href="#" target="_self" >Get Started</a></div><div id="div_block-109-589" class="ct-div-block bg-primary py-12 px-8 rounded-xl" ><a id="link-110-589" class="ct-link text-left mt-auto" href="#" ><h6 id="headline-111-589" class="ct-headline h6 color-light mr-auto mb-2">Got Questions?</h6><div id="text_block-112-589" class="ct-text-block color-paragraph-alt text-sm mr-auto" >Sub-heading is very important to describe your product.</div></a></div></div></div></div> </div> </div></div></div></header> <section id="section-119-589" class=" ct-section" ><div class="ct-section-inner-wrap"></div></section></div><div id='inner_content-28-589' class='ct-inner-content'><p>We hope everyone had a fantastic Labor Day weekend! Looking forward to a strong September 👏IMAGEhttps://scontent-iad3-1.cdninstagram.com/v/t51.29350-15/305100217_841879556805730_6846417814726333678_n.jpg?_nc_cat=102&ccb=1-7&_nc_sid=8ae9d6&_nc_ohc=KKpn8a0HGd8AX8S92QF&_nc_ht=scontent-iad3-1.cdninstagram.com&edm=ANo9K5cEAAAA&oh=00_AT_9o3oX3bifETzs0p7Ho9BioE4JHWEOJB4UFp1gRkJPjg&oe=631D319A</p> <p>We hope everyone had a fantastic Labor Day weekend! Looking forward to a strong September 👏IMAGE</p> </div><section id="section-1-589" class=" ct-section bg items-center" ><div class="ct-section-inner-wrap"><div id="div_block-2-589" class="ct-div-block w-3by4 items-center md-w-full" ><div id="div_block-3-589" class="ct-div-block w-full grid gap-8 grid-cols-6 mb-8 md-grid-cols-3" ><div id="div_block-4-589" class="ct-div-block centered" ><a id="link_text-5-589" class="ct-link-text color-dark" href="#" target="_self" >About</a></div><div id="div_block-6-589" class="ct-div-block centered" ><a id="link_text-7-589" class="ct-link-text color-dark" href="#" target="_self" >Terms</a></div><div id="div_block-8-589" class="ct-div-block centered" ><a id="link_text-9-589" class="ct-link-text color-dark" href="#" target="_self" >Privacy</a></div><div id="div_block-10-589" class="ct-div-block centered" ><a id="link_text-11-589" class="ct-link-text color-dark" href="#" target="_self" >Pricing</a></div><div id="div_block-12-589" class="ct-div-block centered" ><a id="link_text-13-589" class="ct-link-text color-dark" href="#" target="_self" >Blog</a></div><div id="div_block-14-589" class="ct-div-block centered" ><a id="link_text-15-589" class="ct-link-text color-dark" href="#" target="_self" >Contact</a></div></div><div id="div_block-16-589" class="ct-div-block items-center mb-4 grid grid-cols-5 gap-4" ><a id="link-17-589" class="ct-link " href="#" ><div id="fancy_icon-18-589" class="ct-fancy-icon icon-solid-sm-primary" ><svg id="svg-fancy_icon-18-589"><use xlink:href="#FontAwesomeicon-facebook"></use></svg></div></a><a id="link-19-589" class="ct-link " href="#" ><div id="fancy_icon-20-589" class="ct-fancy-icon icon-solid-sm-primary" ><svg id="svg-fancy_icon-20-589"><use xlink:href="#FontAwesomeicon-twitter"></use></svg></div></a><a id="link-21-589" class="ct-link " href="#" ><div id="fancy_icon-22-589" class="ct-fancy-icon icon-solid-sm-primary" ><svg id="svg-fancy_icon-22-589"><use xlink:href="#FontAwesomeicon-youtube-play"></use></svg></div></a><a id="link-23-589" class="ct-link " href="#" ><div id="fancy_icon-24-589" class="ct-fancy-icon icon-solid-sm-primary" ><svg id="svg-fancy_icon-24-589"><use xlink:href="#FontAwesomeicon-skype"></use></svg></div></a><a id="link-25-589" class="ct-link " href="#" ><div id="fancy_icon-26-589" class="ct-fancy-icon icon-solid-sm-primary" ><svg id="svg-fancy_icon-26-589"><use xlink:href="#FontAwesomeicon-behance"></use></svg></div></a></div><a id="link_text-27-589" class="ct-link-text color-dark" href="mailto:" target="_self" >help@oxymade.com</a></div></div></section> <!-- WP_FOOTER --> <script>jQuery(document).on('click','a[href*="#"]',function(t){if(jQuery(t.target).closest('.wc-tabs').length>0){return}if(jQuery(this).is('[href="#"]')||jQuery(this).is('[href="#0"]')||jQuery(this).is('[href*="replytocom"]')){return};if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var e=jQuery(this.hash);(e=e.length?e:jQuery("[name="+this.hash.slice(1)+"]")).length&&(t.preventDefault(),jQuery("html, body").animate({scrollTop:e.offset().top-0},500))}});</script><style>.ct-FontAwesomeicon-twitter{width:0.92857142857143em}</style> <style>.ct-FontAwesomeicon-facebook{width:0.57142857142857em}</style> <style>.ct-FontAwesomeicon-angle-left{width:0.39285714285714em}</style> <style>.ct-FontAwesomeicon-angle-right{width:0.32142857142857em}</style> <style>.ct-FontAwesomeicon-angle-down{width:0.64285714285714em}</style> <style>.ct-FontAwesomeicon-skype{width:0.85714285714286em}</style> <style>.ct-FontAwesomeicon-behance{width:1.1428571428571em}</style> <?xml version="1.0"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1"><defs><symbol id="FontAwesomeicon-twitter" viewBox="0 0 26 28"><title>twitter</title><path d="M25.312 6.375c-0.688 1-1.547 1.891-2.531 2.609 0.016 0.219 0.016 0.438 0.016 0.656 0 6.672-5.078 14.359-14.359 14.359-2.859 0-5.516-0.828-7.75-2.266 0.406 0.047 0.797 0.063 1.219 0.063 2.359 0 4.531-0.797 6.266-2.156-2.219-0.047-4.078-1.5-4.719-3.5 0.313 0.047 0.625 0.078 0.953 0.078 0.453 0 0.906-0.063 1.328-0.172-2.312-0.469-4.047-2.5-4.047-4.953v-0.063c0.672 0.375 1.453 0.609 2.281 0.641-1.359-0.906-2.25-2.453-2.25-4.203 0-0.938 0.25-1.797 0.688-2.547 2.484 3.062 6.219 5.063 10.406 5.281-0.078-0.375-0.125-0.766-0.125-1.156 0-2.781 2.25-5.047 5.047-5.047 1.453 0 2.766 0.609 3.687 1.594 1.141-0.219 2.234-0.641 3.203-1.219-0.375 1.172-1.172 2.156-2.219 2.781 1.016-0.109 2-0.391 2.906-0.781z"/></symbol><symbol id="FontAwesomeicon-facebook" viewBox="0 0 16 28"><title>facebook</title><path d="M14.984 0.187v4.125h-2.453c-1.922 0-2.281 0.922-2.281 2.25v2.953h4.578l-0.609 4.625h-3.969v11.859h-4.781v-11.859h-3.984v-4.625h3.984v-3.406c0-3.953 2.422-6.109 5.953-6.109 1.687 0 3.141 0.125 3.563 0.187z"/></symbol><symbol id="FontAwesomeicon-angle-left" viewBox="0 0 11 28"><title>angle-left</title><path d="M9.797 8.5c0 0.125-0.063 0.266-0.156 0.359l-6.141 6.141 6.141 6.141c0.094 0.094 0.156 0.234 0.156 0.359s-0.063 0.266-0.156 0.359l-0.781 0.781c-0.094 0.094-0.234 0.156-0.359 0.156s-0.266-0.063-0.359-0.156l-7.281-7.281c-0.094-0.094-0.156-0.234-0.156-0.359s0.063-0.266 0.156-0.359l7.281-7.281c0.094-0.094 0.234-0.156 0.359-0.156s0.266 0.063 0.359 0.156l0.781 0.781c0.094 0.094 0.156 0.219 0.156 0.359z"/></symbol><symbol id="FontAwesomeicon-angle-right" viewBox="0 0 9 28"><title>angle-right</title><path d="M9.297 15c0 0.125-0.063 0.266-0.156 0.359l-7.281 7.281c-0.094 0.094-0.234 0.156-0.359 0.156s-0.266-0.063-0.359-0.156l-0.781-0.781c-0.094-0.094-0.156-0.219-0.156-0.359 0-0.125 0.063-0.266 0.156-0.359l6.141-6.141-6.141-6.141c-0.094-0.094-0.156-0.234-0.156-0.359s0.063-0.266 0.156-0.359l0.781-0.781c0.094-0.094 0.234-0.156 0.359-0.156s0.266 0.063 0.359 0.156l7.281 7.281c0.094 0.094 0.156 0.234 0.156 0.359z"/></symbol><symbol id="FontAwesomeicon-angle-down" viewBox="0 0 18 28"><title>angle-down</title><path d="M16.797 11.5c0 0.125-0.063 0.266-0.156 0.359l-7.281 7.281c-0.094 0.094-0.234 0.156-0.359 0.156s-0.266-0.063-0.359-0.156l-7.281-7.281c-0.094-0.094-0.156-0.234-0.156-0.359s0.063-0.266 0.156-0.359l0.781-0.781c0.094-0.094 0.219-0.156 0.359-0.156 0.125 0 0.266 0.063 0.359 0.156l6.141 6.141 6.141-6.141c0.094-0.094 0.234-0.156 0.359-0.156s0.266 0.063 0.359 0.156l0.781 0.781c0.094 0.094 0.156 0.234 0.156 0.359z"/></symbol><symbol id="FontAwesomeicon-youtube-play" viewBox="0 0 28 28"><title>youtube-play</title><path d="M11.109 17.625l7.562-3.906-7.562-3.953v7.859zM14 4.156c5.891 0 9.797 0.281 9.797 0.281 0.547 0.063 1.75 0.063 2.812 1.188 0 0 0.859 0.844 1.109 2.781 0.297 2.266 0.281 4.531 0.281 4.531v2.125s0.016 2.266-0.281 4.531c-0.25 1.922-1.109 2.781-1.109 2.781-1.062 1.109-2.266 1.109-2.812 1.172 0 0-3.906 0.297-9.797 0.297v0c-7.281-0.063-9.516-0.281-9.516-0.281-0.625-0.109-2.031-0.078-3.094-1.188 0 0-0.859-0.859-1.109-2.781-0.297-2.266-0.281-4.531-0.281-4.531v-2.125s-0.016-2.266 0.281-4.531c0.25-1.937 1.109-2.781 1.109-2.781 1.062-1.125 2.266-1.125 2.812-1.188 0 0 3.906-0.281 9.797-0.281v0z"/></symbol><symbol id="FontAwesomeicon-skype" viewBox="0 0 24 28"><title>skype</title><path d="M18.328 16.609c0-2.719-2.641-3.656-4.859-4.156l-1.625-0.375c-1.188-0.281-2.078-0.484-2.078-1.391 0-0.828 0.875-1.203 2.25-1.203 2.453 0 2.5 1.797 4.016 1.797 1.016 0 1.625-0.797 1.625-1.703 0-1.797-2.984-2.969-5.938-2.969-2.703 0-5.844 1.172-5.844 4.344 0 2.625 1.75 3.563 4.031 4.109l2.281 0.562c1.391 0.344 2.25 0.5 2.25 1.5 0 0.797-0.891 1.406-2.266 1.406-2.891 0-3.047-2.406-4.719-2.406-1.094 0-1.578 0.781-1.578 1.641 0 1.922 2.938 3.484 6.453 3.484 2.938 0 6-1.469 6-4.641zM24 20c0 3.313-2.688 6-6 6-1.375 0-2.641-0.469-3.656-1.25-0.75 0.156-1.547 0.25-2.344 0.25-6.078 0-11-4.922-11-11 0-0.797 0.094-1.594 0.25-2.344-0.781-1.016-1.25-2.281-1.25-3.656 0-3.313 2.688-6 6-6 1.375 0 2.641 0.469 3.656 1.25 0.75-0.156 1.547-0.25 2.344-0.25 6.078 0 11 4.922 11 11 0 0.797-0.094 1.594-0.25 2.344 0.781 1.016 1.25 2.281 1.25 3.656z"/></symbol><symbol id="FontAwesomeicon-behance" viewBox="0 0 32 28"><title>behance</title><path d="M28.875 5.297h-7.984v1.937h7.984v-1.937zM24.938 11.953c-1.875 0-3.125 1.172-3.25 3.047h6.375c-0.172-1.891-1.156-3.047-3.125-3.047zM25.188 21.094c1.188 0 2.719-0.641 3.094-1.859h3.453c-1.062 3.266-3.266 4.797-6.672 4.797-4.5 0-7.297-3.047-7.297-7.484 0-4.281 2.953-7.547 7.297-7.547 4.469 0 6.937 3.516 6.937 7.734 0 0.25-0.016 0.5-0.031 0.734h-10.281c0 2.281 1.203 3.625 3.5 3.625zM4.328 20.312h4.625c1.766 0 3.203-0.625 3.203-2.609 0-2.016-1.203-2.812-3.109-2.812h-4.719v5.422zM4.328 11.922h4.391c1.547 0 2.641-0.672 2.641-2.344 0-1.813-1.406-2.25-2.969-2.25h-4.062v4.594zM0 3.969h9.281c3.375 0 6.297 0.953 6.297 4.875 0 1.984-0.922 3.266-2.688 4.109 2.422 0.688 3.594 2.516 3.594 4.984 0 4-3.359 5.719-6.937 5.719h-9.547v-19.688z"/></symbol></defs></svg><?xml version="1.0"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1"><defs><symbol id="Lineariconsicon-cross" viewBox="0 0 20 20"><title>cross</title><path class="path1" d="M10.707 10.5l5.646-5.646c0.195-0.195 0.195-0.512 0-0.707s-0.512-0.195-0.707 0l-5.646 5.646-5.646-5.646c-0.195-0.195-0.512-0.195-0.707 0s-0.195 0.512 0 0.707l5.646 5.646-5.646 5.646c-0.195 0.195-0.195 0.512 0 0.707 0.098 0.098 0.226 0.146 0.354 0.146s0.256-0.049 0.354-0.146l5.646-5.646 5.646 5.646c0.098 0.098 0.226 0.146 0.354 0.146s0.256-0.049 0.354-0.146c0.195-0.195 0.195-0.512 0-0.707l-5.646-5.646z"/></symbol><symbol id="Lineariconsicon-menu" viewBox="0 0 20 20"><title>menu</title><path class="path1" d="M17.5 6h-15c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h15c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5z"/><path class="path2" d="M17.5 11h-15c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h15c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5z"/><path class="path3" d="M17.5 16h-15c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h15c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5z"/></symbol></defs></svg> <script type="text/javascript"> // Initialize Oxygen Modals jQuery(document).ready(function() { function showModal( modal ) { var $modal = jQuery( modal ); $modal.addClass("live"); var modalId = $modal[0].querySelector('.ct-modal').id; var focusable = modal.querySelector('a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input[type="text"]:not([disabled]), input[type="radio"]:not([disabled]), input[type="checkbox"]:not([disabled]), select:not([disabled])'); if(focusable) { setTimeout(() => { focusable.focus(); }, 500); } else { setTimeout(() => { $modal.focus(); }, 500) } // Check if this modal can be shown according to settings and last shown time // Current and last time in milliseconds var currentTime = new Date().getTime(); var lastShownTime = localStorage && localStorage['oxy-' + modalId + '-last-shown-time'] ? JSON.parse( localStorage['oxy-' + modalId + '-last-shown-time'] ) : false; // manual triggers aren't affected by last shown time if( $modal.data( 'trigger' ) != 'user_clicks_element' ) { switch( $modal.data( 'open-again' ) ) { case 'never_show_again': // if it was shown at least once, don't show it again if( lastShownTime !== false ) return; break; case 'show_again_after': var settingDays = parseInt( $modal.data( 'open-again-after-days' ) ); var actualDays = ( currentTime - lastShownTime ) / ( 60*60*24*1000 ); if( actualDays < settingDays ) return; break; default: //always show break; } } // Body manipulation to prevent scrolling while modal is active, and maintain scroll position. document.querySelector('body').style.top = `-${window.scrollY}px`; document.querySelector('body').classList.add('oxy-modal-active'); // save current time as last shown time if( localStorage ) localStorage['oxy-' + modalId + '-last-shown-time'] = JSON.stringify( currentTime ); // trick to make jQuery fadeIn with flex $modal.css("display", "flex"); $modal.hide(); // trick to force AOS trigger on elements inside the modal $modal.find(".aos-animate").removeClass("aos-animate").addClass("aos-animate-disabled"); // show the modal $modal.fadeIn(250, function(){ // trick to force AOS trigger on elements inside the modal $modal.find(".aos-animate-disabled").removeClass("aos-animate-disabled").addClass("aos-animate"); }); if( $modal.data( 'close-automatically' ) == 'yes' ) { var time = parseInt( $modal.data( 'close-after-time' ) ); if( $modal.data( 'close-after-time-unit' ) == 'seconds' ) { time = parseInt( parseFloat( $modal.data( 'close-after-time' ) ) * 1000 ); } setTimeout( function(){ hideModal(modal); }, time ); } // close modal automatically after form submit (Non-AJAX) if( $modal.data( 'close-after-form-submit' ) == 'yes' && $modal.data("trigger") == "after_specified_time" ) { // WPForms // WPForms replaces the form with a confirmation message on page refresh if( $modal.find(".wpforms-confirmation-container-full").length > 0 ) { setTimeout(function () { hideModal(modal); }, 3000); } // Formidable Forms // Formidable Forms replaces the form with a confirmation message on page refresh if( $modal.find(".frm_message").length > 0 ) { setTimeout(function () { hideModal(modal); }, 3000); } // Caldera Forms // Caldera Forms replaces the form with a confirmation message on page refresh if( $modal.find(".caldera-grid .alert-success").length > 0 ) { setTimeout(function () { hideModal(modal); }, 3000); } } } window.oxyShowModal = showModal; var hideModal = function ( modal ) { // Body manipulation for scroll prevention and maintaining scroll position var scrollY = document.querySelector('body').style.top; document.querySelector('body').classList.remove('oxy-modal-active'); document.querySelector('body').style.top = ''; window.scrollTo(0, parseInt(scrollY || '0') * -1); // The function may be called by third party code, without argument, so we must close the first visible modal if( typeof modal === 'undefined' ) { var openModals = jQuery(".oxy-modal-backdrop.live"); if( openModals.length == 0 ) return; modal = openModals[0]; } var $modal = jQuery( modal ); // refresh any iframe so media embedded this way is stopped $modal.find( 'iframe').each(function(index){ this.src = this.src; }); // HTML5 videos can be stopped easily $modal.find( 'video' ).each(function(index){ this.pause(); }); // If there are any forms in the modal, reset them $modal.find("form").each(function(index){ this.reset(); }); $modal.find(".aos-animate").removeClass("aos-animate").addClass("aos-animate-disabled"); $modal.fadeOut(400, function(){ $modal.removeClass("live"); $modal.find(".aos-animate-disabled").removeClass("aos-animate-disabled").addClass("aos-animate"); }); }; window.oxyCloseModal = hideModal; jQuery( ".oxy-modal-backdrop" ).each(function( index ) { var modal = this; (function( modal ){ var $modal = jQuery( modal ); var exitIntentFunction = function( e ){ if( e.clientY <= 0 ) { showModal( modal ); document.removeEventListener( "mouseleave", exitIntentFunction ); document.removeEventListener( "mouseout", exitIntentFunction ); } } switch ( jQuery( modal ).data("trigger") ) { case "on_exit_intent": document.addEventListener( "mouseleave", exitIntentFunction, false); document.addEventListener( "mouseout", exitIntentFunction, false); break; case "user_clicks_element": jQuery( jQuery( modal ).data( 'trigger-selector' ) ).click( function( event ) { showModal( modal ); event.preventDefault(); } ); break; case "after_specified_time": var time = parseInt( jQuery( modal ).data( 'trigger-time' ) ); if( jQuery( modal ).data( 'trigger-time-unit' ) == 'seconds' ) { time = parseInt( parseFloat( jQuery( modal ).data( 'trigger-time' ) ) * 1000 ); } setTimeout( function(){ showModal( modal ); }, time ); break; case "after_scrolled_amount": window.addEventListener("scroll", function scrollDetection(){ var winheight= window.innerHeight || (document.documentElement || document.body).clientHeight; var docheight = jQuery(document).height(); var scrollTop = window.pageYOffset || (document.documentElement || document.body.parentNode || document.body).scrollTop; var isScrollUp = false; var oxyPreviousScrollTop = parseInt( jQuery( modal ).data( 'previous_scroll_top' ) ); if( !isNaN( oxyPreviousScrollTop ) ) { if( oxyPreviousScrollTop > scrollTop) isScrollUp = true; } jQuery( modal ).data( 'previous_scroll_top', scrollTop ); var trackLength = docheight - winheight; var pctScrolled = Math.floor(scrollTop/trackLength * 100); if( isNaN( pctScrolled ) ) pctScrolled = 0; if( ( isScrollUp && jQuery( modal ).data( 'trigger_scroll_direction' ) == 'up' ) || ( !isScrollUp && jQuery( modal ).data( 'trigger_scroll_direction' ) == 'down' && pctScrolled >= parseInt( jQuery( modal ).data( 'trigger_scroll_amount' ) ) ) ) { showModal( modal ); window.removeEventListener( "scroll", scrollDetection ); } }, false); break; case "on_scroll_to_element": window.addEventListener("scroll", function scrollDetection(){ var $element = jQuery( jQuery( modal ).data( 'scroll_to_selector' ) ); if( $element.length == 0 ) { window.removeEventListener( "scroll", scrollDetection ); return; } var top_of_element = $element.offset().top; var bottom_of_element = $element.offset().top + $element.outerHeight(); var bottom_of_screen = jQuery(window).scrollTop() + jQuery(window).innerHeight(); var top_of_screen = jQuery(window).scrollTop(); if ((bottom_of_screen > bottom_of_element - $element.outerHeight() /2 ) && (top_of_screen < top_of_element + $element.outerHeight() /2 )){ showModal( modal ); window.removeEventListener( "scroll", scrollDetection ); } }, false); break; case "after_number_of_clicks": document.addEventListener("click", function clickDetection(){ var number_of_clicks = parseInt( jQuery( modal ).data( 'number_of_clicks' ) ); var clicks_performed = isNaN( parseInt( jQuery( modal ).data( 'clicks_performed' ) ) ) ? 1 : parseInt( jQuery( modal ).data( 'clicks_performed' ) ) + 1; jQuery( modal ).data( 'clicks_performed', clicks_performed ); if ( clicks_performed == number_of_clicks ){ showModal( modal ); document.removeEventListener( "click", clickDetection ); } }, false); break; case "after_time_inactive": var time = parseInt( jQuery( modal ).data( 'time_inactive' ) ); if( jQuery( modal ).data( 'time-inactive-unit' ) == 'seconds' ) { time = parseInt( parseFloat( jQuery( modal ).data( 'time_inactive' ) ) * 1000 ); } var activityDetected = function(){ jQuery( modal ).data( 'millis_idle', 0 ); }; document.addEventListener( "click", activityDetected); document.addEventListener( "mousemove", activityDetected); document.addEventListener( "keypress", activityDetected); document.addEventListener( "scroll", activityDetected); var idleInterval = setInterval(function(){ var millis_idle = isNaN( parseInt( jQuery( modal ).data( 'millis_idle' ) ) ) ? 100 : parseInt( jQuery( modal ).data( 'millis_idle' ) ) + 100; jQuery( modal ).data( 'millis_idle', millis_idle ); if( millis_idle > time ){ clearInterval( idleInterval ); document.removeEventListener( "click", activityDetected ); document.removeEventListener( "mousemove", activityDetected ); document.removeEventListener( "keypress", activityDetected ); document.removeEventListener( "scroll", activityDetected ); showModal( modal ); } }, 100); break; case "after_number_of_page_views": var modalId = modal.querySelector('.ct-modal').id; var pageViews = localStorage && localStorage['oxy-' + modalId + '-page-views'] ? parseInt( localStorage['oxy-' + modalId + '-page-views'] ) : 0; pageViews++; if( localStorage ) localStorage['oxy-' + modalId + '-page-views'] = pageViews; if( parseInt( jQuery( modal ).data( 'number_of_page_views' ) ) == pageViews ) { if( localStorage ) localStorage['oxy-' + modalId + '-page-views'] = 0; showModal( modal ); } break; } // add event handler to close modal automatically after AJAX form submit if( $modal.data( 'close-after-form-submit' ) == 'yes' ) { // Contact Form 7 if (typeof wpcf7 !== 'undefined') { $modal.find('div.wpcf7').each(function () { var $form = jQuery(this).find('form'); this.addEventListener('wpcf7submit', function (event) { if (event.detail.contactFormId == $form.attr("id")) { setTimeout(function () { hideModal(modal); }, 3000); } }, false); }); } // Caldera Forms document.addEventListener( "cf.submission", function(event){ // Pending, Caldera AJAX form submissions aren't working since Oxygen 2.2, see: https://github.com/soflyy/oxygen/issues/1638 }); // Ninja Forms jQuery(document).on("nfFormSubmitResponse", function(event, response){ // Only close the modal if the event was triggered from a Ninja Form inside the modal if( $modal.find("#nf-form-" + response.id + "-cont").length > 0 ) { setTimeout(function () { hideModal(modal); }, 3000); } }); } })( modal ); }); // handle clicks on modal backdrop and on .oxy-close-modal jQuery("body").on('click touchend', '.oxy-modal-backdrop, .oxy-close-modal', function( event ) { var $this = jQuery( this ); var $target = jQuery( event.target ); // Click event in the modal div and it's children is propagated to the backdrop if( !$target.hasClass( 'oxy-modal-backdrop' ) && !$this.hasClass( 'oxy-close-modal' ) ) { //event.stopPropagation(); return; } if( $target.hasClass( 'oxy-modal-backdrop' ) && $this.hasClass( 'oxy-not-closable' ) ) { return; } if( $this.hasClass( 'oxy-close-modal' ) ) event.preventDefault(); var $modal = $this.hasClass( 'oxy-close-modal' ) ? $this.closest('.oxy-modal-backdrop') : $this; hideModal( $modal[0] ); }); jQuery(document).keyup( function(e){ if( e.key == 'Escape' ){ jQuery(".oxy-modal-backdrop:visible").each(function(index){ if( jQuery(this).data("close_on_esc") == 'on' ) hideModal(this); }); } } ); }); </script> <link rel='stylesheet' id='oxygen-aos-css' href='https://mdo.media/wp-content/plugins/oxygen/component-framework/vendor/aos/aos.css?ver=6.0.2' type='text/css' media='all' /> <script type='text/javascript' src='https://mdo.media/wp-content/plugins/oxymade/public/js/power-toggle.js?ver=6.0.2' id='oxymade-power-toggle-js'></script> <script type='text/javascript' src='https://mdo.media/wp-content/plugins/oxymade/public/js/infinite-scroll.pkgd.min.js?ver=6.0.2' id='infinite-scroll-js-js'></script> <script type='text/javascript' src='https://mdo.media/wp-includes/js/imagesloaded.min.js?ver=4.1.4' id='imagesloaded-js'></script> <script type='text/javascript' src='https://mdo.media/wp-includes/js/masonry.min.js?ver=4.2.2' id='masonry-js'></script> <script type='text/javascript' src='https://mdo.media/wp-content/plugins/oxymade/public/js/darkmode.js?ver=1.0' id='oxymade_darkmode-js'></script> <script type='text/javascript' id='oxymade_darkmode-js-after'> function addDarkmodeWidget() { new Darkmode().showWidget(); } window.addEventListener("load", addDarkmodeWidget); </script> <script type='text/javascript' src='https://mdo.media/wp-content/plugins/oxygen/component-framework/vendor/aos/aos.js?ver=1' id='oxygen-aos-js'></script> <script type="text/javascript" id="ct-footer-js"> AOS.init({ }) jQuery('body').addClass('oxygen-aos-enabled'); </script><style type="text/css" id="ct_code_block_css_114">#code_block-114-589 { pointer-events: none; &:not(.disable):hover; } </style> <style type="text/css" id="ct_code_block_css_115">#code_block-115-589 { pointer-events: none; &:not(.disable):hover; } </style> <style type="text/css" id="ct_code_block_css_118">#code_block-118-589 { pointer-events: none; &:not(.disable):hover; } </style> <!-- /WP_FOOTER --> <script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","licenseKey":"NRJS-663a3da57a505b91a17","applicationID":"585622469","transactionName":"b1ZVYURZXUVTAEdaX1YcYkdfF1pYVgZLHUBQQw==","queueTime":0,"applicationTime":844,"atts":"QxFWFwxDTks=","errorBeacon":"bam.nr-data.net","agent":""}</script></body> </html> <!-- Performance optimized by Redis Object Cache. Learn more: https://wprediscache.com Retrieved 2500 objects (2 MB) from Redis using PhpRedis (v5.3.7). --> <script defer src="https://static.cloudflareinsights.com/beacon.min.js/v652eace1692a40cfa3763df669d7439c1639079717194" integrity="sha512-Gi7xpJR8tSkrpF7aordPZQlW2DLtzUlZcumS8dMQjwDHEnw9I7ZLyiOj/6tZStRBGtGgN6ceN6cMH8z7etPGlw==" data-cf-beacon='{"rayId":"75087b7d3a0b828a","version":"2022.8.1","r":1,"token":"884926b600a24466af127005ca54ab4f","si":100}' crossorigin="anonymous"></script>
