
<!DOCTYPE html>

 <script src="https://browser.sentry-cdn.com/5.6.2/bundle.min.js" integrity="sha384-H4chu/XQ3ztniOYTpWo+kwec6yx3KQutpNkHiKyeY05XCZwCSap7KSwahg16pzJo" crossorigin="anonymous"></script>

<script>Sentry.init({ dsn: 'https://294a44a1147a468c88270ee2dd6ecde9@sentry.io/4504813329711104' });</script>
<style>.integration-fixed {
  position: fixed;
  z-index: 10000000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px;
  row-gap: 12px;
}
.integration-fixed__top-left {
  top: 0;
  left: 0;
}
.integration-fixed__top-right {
  top: 0;
  right: 0;
}
.integration-fixed__bottom-left {
  bottom: 0;
  left: 0;
}
.integration-fixed__bottom-right {
  bottom: 0;
  right: 0;
}
</style>




<!-- Google Tag Manager -->
<script>(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=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TQMJ6XB3');</script>
<!-- End Google Tag Manager -->

    <!-- Lottie Animation -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.8/lottie.min.js"></script>

    <!-- Locomotive Scroll CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll/dist/locomotive-scroll.min.css">
    <!-- Swiper CSS -->
    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
        <link rel="stylesheet" type="text/css" href="https://storage.perfectcdn.com/global/0ue9b7wa77itnzho.css">
        <link rel="stylesheet" type="text/css" href="https://storage.perfectcdn.com/fcm9r8/k9cil2em6m6w6gc9.css">
        <link rel="stylesheet" type="text/css" href="https://storage.perfectcdn.com/libs/bootstrap-datetimepicker/4.17.47/bootstrap-datetimepicker.min.css">
        <link rel="stylesheet" type="text/css" href="https://storage.perfectcdn.com/css/font-awesome/css/all.min.css">
        <link rel="stylesheet" type="text/css" href="https://storage.perfectcdn.com/global/cuw6iix855efzrw3.css">
        <link rel="stylesheet" type="text/css" href="https://storage.perfectcdn.com/global/ny6mhzbbh07u28pq.css">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons@latest/iconfont/tabler-icons.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css" crossorigin="anonymous" />
    <link rel='stylesheet' href='https://cdn.jsdelivr.net/jquery.slick/1.5.0/slick-theme.css'>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intro.js/4.1.0/introjs.min.css">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.5.0/css/flag-icon.min.css" rel="stylesheet" type="text/css" />
    <script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "WebSite",
      "name": "SMM Birla",
      "url": "https:// {{site["site_name"] }}.com/",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "{search_term_string}",
        "query-input": "required name=search_term_string"
      }
    }
    </script>
      
  </head>
  
  	<!-- start desktop mode -->
	
		{%  if settings['demo_mode'] == 1 %}
    	
       <style>
            .fixed-footer{
                position: fixed;
                background: #fff;
                border:1px solid #000;
                width:100%;
                bottom:0;
                z-index:99999;
                padding:10px;
            }
        </style>
        
    <div class="fixed-footer">
            <h4 style="color:#000">Choose Theme: 
                
                   {% for thm in site['themes'] %}
<a href="/select-theme/{{thm['dirname']}}" style="color:blue;margin:0 10px;font-size:16px">[ {{thm['name']}} ]</a>
{% endfor %}

            </h4>
    </div>
  
{% endif %}
	
	{% if user['auth'] %}

    <style>
    .container-fluid{
      margin-left: auto;
    }
    footer, .footer-top {
      margin-left: 100px;
      margin-top: 20px;
    }
    .footer-btm {
      border-top: 1px solid #fff;
      backdrop-filter: blur(10px);
      padding: 15px;
      margin-top: 20px;
    }
    body{
      background: url('https://storage.perfectcdn.com/fcm9r8/0hpnjxgrgi7h7c06.png') !important;
    }
    @media (max-width: 765px){
      footer, .footer-top {
        margin-left: auto;
        margin-top: 20px;
      }
    }
    button#topgoTo {
      left: 120px;
      box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }
  </style>
    </body>
{% else %}





  
{% endif %}




<script src="https://unpkg.com/wavesurfer.js"></script>

<script>


 $('.langs-btn').hover(function(){
    $('.langs-btn-content').toggle();
  });
  
    $('.currency-btn').hover(function(){
    $('.currency-btn-content').toggle();
  });
  
  
 function changeLang(newLang){
        $.ajax
        ({ 
            url: '/account/change_lang/',
            data: {lang: newLang},
            type: 'post',
            success: function(result)
            {
                
               location.href  = "";
            }
        });
    }
    
    var wavesurfer = WaveSurfer.create({
    container: '#waveform',
    waveColor: 'violet',
    progressColor: 'purple',
    mediaControls:true
});
wavesurfer.load('{{settings['music_url']}}');

wavesurfer.on('ready', wavesurfer.play.bind(wavesurfer));


</script>




