Example
<!DOCTYPE html>
<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>img.wp-smiley, img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}nm-notices-container {
position: relative;}
.nm-notice { position: relative; top: 0; left: 0; right: 0; z-index: 9999; background-color: #0e0e0f; margin: 0; text-align: center; box-sizing: border-box; height: auto; background-size: cover; display: block; }
.nm-notice-inner { display: inline-flex; flex-wrap: wrap; align-items: center; color: #fff; justify-content: center; width: 100%; box-sizing: border-box; padding: clamp(15px, 2vw, 20px); gap: 10px; }
.nm-notice-content { display: flex; align-items: center; gap: 20px; }
.nm-notice-content h2 { color: #fff; font-weight: 700; font-size: clamp(17px, 3vw, 24px); margin: 0; }
.nm-notice-content p { margin: 0; font-size: 16px; color: #ededed; }
.nm-notice-image { max-width: 100%; height: 100%; width: 100%; }
.nm-notice-btn { display: none; padding: 11px 24px; background-color: #5964ff; color: #ffffff; text-decoration: none; border-radius: 30px; font-size: clamp(12px, 1vw, 14px); font-weight: bold; transition: background-color 0.3s ease; }
.nm-notice-btn:hover { color: inherit; background-color: #434fff; }
.nm-countdown { display: flex; align-items: center; gap: 8px; }
.nm-countdown span { background: #fff; height: clamp(28px, 3vw, 30px); width: clamp(36px, 3vw, 45px); color: #000; display: flex; align-items: center; justify-content: center; font-size: clamp(11px, 1vw, 13px); font-weight: 500; border-radius: 6px; text-transform: uppercase; color: #0818ff; }
.nm-notice-close { position: absolute; top: 0; right: 0; padding: 12px 14px; background: transparent; border: 0; color: #fff; font-size: 22px; cursor: pointer; transition: color 0.3s ease; z-index: 10000; line-height: 1; }
.nm-notice-close:hover { color: red; background: transparent; }
.nm-notice-btn-coundown { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; justify-content: center; }
@media (min-width: 768px) { .nm-notice-btn { display: inline-block; } }
var dataLayer_content = {"pagePostType":"404-error"}; dataLayer.push( dataLayer_content ); (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WN2PJ2L'); <script>
if (top !== self) top.location.replace(self.location.href); // Hey, don't iframe my iframe!
</script>
<!-- Fraud Blocker Tracker -->
<!--<script type="text/javascript">-->
<!-- (function () {-->
<!-- var s = document.createElement("script"), -->
<!-- h = document.head;-->
<!-- s.async = 1;-->
<!-- s.src = "https://monitor.fraudblocker.com/fbt.js?sid=usFGczs-KEqbuxLTOUTA6";-->
<!-- h.appendChild(s);-->
<!-- })();-->
<!--</script>-->
<!--<noscript>-->
<!-- <a href="https://fraudblocker.com" rel="nofollow">-->
<!-- <img src="https://monitor.fraudblocker.com/fbt.gif?sid=usFGczs-KEqbuxLTOUTA6" alt="Fraud Blocker" />-->
<!-- </a>-->
<!--</noscript>-->
<!-- End Fraud Blocker Tracker -->
<script type="text/javascript" async>(function(a,b,c,d,e,f,g){e['ire_o']=c;e[c]=e[c]||function(){(e[c].a=e[c].a||[]).push(arguments)};f=d.createElement(b);g=d.getElementsByTagName(b)[0];f.async=1;f.src=a;g.parentNode.insertBefore(f,g);})('//d.impactradius-event.com/A1342638-cd3e-4e6d-9fb4-b12e91d701d81.js','script','ire',document,window);</script>
<!-- Meta Pixel Code -->
<!--<script>-->
<!--!function(f,b,e,v,n,t,s)-->
<!--{if(f.fbq)return;n=f.fbq=function(){n.callMethod?-->
<!--n.callMethod.apply(n,arguments):n.queue.push(arguments)};-->
<!--if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';-->
<!--n.queue=[];t=b.createElement(e);t.async=!0;-->
<!--t.src=v;s=b.getElementsByTagName(e)[0];-->
<!--s.parentNode.insertBefore(t,s)}(window, document,'script',-->
<!--'https://connect.facebook.net/en_US/fbevents.js');-->
<!--fbq('init', '491411442964225');-->
<!--fbq('track', 'PageView');-->
<!--</script>-->
<!--<noscript><img height="1" width="1" style="display:none"-->
<!--src="https://www.facebook.com/tr?id=491411442964225&ev=PageView&noscript=1"-->
<!--/></noscript>-->
<!-- End Meta Pixel Code -->
<meta name="generator" content="Elementor 3.27.2; features: e_font_icon_svg, e_element_cache; settings: css_print_method-internal, google_font-enabled, font_display-block">@media screen and (max-width: 480px) { .bdt-breadcrumb>* { flex: auto; } }
.elementor-widget-bdt-advanced-icon-box .elementor-widget-container { transition: all 300ms ease-out; }
.elementor-widget-bdt-advanced-icon-box:hover .elementor-widget-container { transform: translatey(-3px); }
.bdt-lightbox-iframe { width: 100%; height: 100%; transform: scale(.8); }
body .elementor-heading-title { line-height: 1.4; }
body.single-post .tm-section .elementor-button { background-color: #12C3D2; word-break: break-all; } body.single-post .tm-section .elementor-button:hover { background-color: #09B0E8; }
.tm-content .bdt-article em { color: inherit; }
.bdt-price-table a { color: #12463f; }
.bdt-price-table a:hover { color: #132B33; }
.bdt-template-library .bdt-sidebar-container > ul > li.bdt-parent > a > span.bdt-badge { color: #000 !important; } div#demo_content_grid_all_demo_template { height: auto !important; }
.bdt-widget-list-filter.bdt-category-widget-menu{ padding:0px; } .page-template-bdthemes-template-manager-page .tm-main.bdt-section { background-color: #fafbff !important; }
.rll-youtube-player, [data-lazy-src]{display:none !important;} <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WN2PJ2L" height="0" width="0" style="display:none;visibility:hidden" aria-hidden="true"></iframe></noscript> <!-- Knowledgebase and blog post font load -->
<link href="https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="preload" >
<style>
body .tm-content {
font-family: 'Merriweather', serif;
line-height: 1.8;
font-size: 18px;
font-weight: 300;
color: rgba(41, 41, 41, 1);
}
body .tm-content b, body .tm-content strong {
font-weight: 700;
}
</style>
<script src="https://messenger.svc.chative.io/static/v1.0/channels/s74aa4906-17be-40f3-870c-93dda73e275e/messenger.js?mode=livechat" defer="defer"></script>
<script>!function () { if (window.t4hto4) console.log("WiserNotify pixel installed multiple time in this page"); else { window.t4hto4 = !0; var t = document, e = window, n = function () { var e = t.createElement("script"); e.type = "text/javascript", e.async = !0, e.src = "https://pt.wisernotify.com/pixel.js?ti=760l8jlb9lzjzf", document.body.appendChild(e) }; "complete" === t.readyState ? n() : window.attachEvent ? e.attachEvent("onload", n) : e.addEventListener("load", n, !1) } }();</script>
<!-- Frill (https://frill.co) -->
<script>
(function(t,r){function s(){var a=r.getElementsByTagName("script")[0],e=r.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://widget.frill.co/v2/container.js",a.parentNode.insertBefore(e,a)}if(!t.Frill){var o=0,i={};t.Frill=function(e,p){var n,l=o++,c=new Promise(function(v,d){i[l]={params:[e,p],resolve:function(f){n=f,v(f)},reject:d}});return c.destroy=function(){delete i[l],n&&n.destroy()},c},t.Frill.q=i}r.readyState==="complete"||r.readyState==="interactive"?s():r.addEventListener("DOMContentLoaded",s)})(window,document);
window.Frill('container', {
key: '8159a6db-b01e-4626-a4b7-a43f9ec13d2c',
// Identify your users (optional)
// user: { email: '[email protected]', name: 'my user'}
})
</script>
<!-- End Frill -->
<script>
const lazyloadRunObserver = () => {
const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
entries.forEach( ( entry ) => {
if ( entry.isIntersecting ) {
let lazyloadBackground = entry.target;
if( lazyloadBackground ) {
lazyloadBackground.classList.add( 'e-lazyloaded' );
}
lazyloadBackgroundObserver.unobserve( entry.target );
}
});
}, { rootMargin: '200px 0px 200px 0px' } );
lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
lazyloadBackgroundObserver.observe( lazyloadBackground );
} );
};
const events = [
'DOMContentLoaded',
'elementor/lazyload/observe',
];
events.forEach( ( event ) => {
document.addEventListener( event, lazyloadRunObserver );
} );
</script>
<script type="text/javascript" src="https://www.elementpack.pro/wp-content/plugins/bdthemes-widget-list-client/assets/js/widget-filter.js?ver=3.3.3" id="widget-filter-js-js"></script>
',a='';if(l){t=t.replace('data-lazy-','');t=t.replace('loading="lazy"','');t=t.replace(/.*?/g,'');}t=t.replace('alt=""','alt="'+alt+'"');return t.replace("ID",e)+a}function lazyLoadYoutubeIframe(){var e=document.createElement("iframe"),t="ID?autoplay=1";t+=0===this.parentNode.dataset.query.length?"":"&"+this.parentNode.dataset.query;e.setAttribute("src",t.replace("ID",this.parentNode.dataset.src)),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","1"),e.setAttribute("allow","accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),this.parentNode.parentNode.replaceChild(e,this.parentNode)}document.addEventListener("DOMContentLoaded",function(){var exclusions=[];var e,t,p,u,l,a=document.getElementsByClassName("rll-youtube-player");for(t=0;tu.includes(exclusion))),e.setAttribute("data-id",a[t].dataset.id),e.setAttribute("data-query",a[t].dataset.query),e.setAttribute("data-src",a[t].dataset.src),(e.innerHTML=lazyLoadThumb(a[t].dataset.id,a[t].dataset.alt,l)),a[t].appendChild(e),(p=e.querySelector(".play")),(p.onclick=lazyLoadYoutubeIframe)});
