<!DOCTYPE html>
{% for lang in site['languages'] %}
{% if lang['active'] %}
<html lang="{{ lang['code'] }}">
{% endif %}
{% endfor %}
<head>
  <base href="{{ site['url'] }}">
  
  
  <title>Narcissa | #1 SMM Panel </title>
  <meta property="og:title" content="{% if pagetitle %}  {{ pagetitle }}  {% else %} {{ title }} {% endif %}" />
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="keywords" content="{% if pagekeywords %} {{ pagekeywords }} {% else %} {{ site["keywords"]}}  {% endif %}">
  <meta name="description" content="{% if pagedescription %} {{ pagedescription }} {% else %} {{ site['description'] }}  {% endif %}">
  <meta property="og:description" content="{% if pagedescription %} {{ pagedescription }} {% else %} {{ site['description'] }}  {% endif %}" />
  {% if site['favicon'] %}
    <link rel="shortcut icon" type="image/ico" href="{{ site['favicon'] }}" />
  {% endif %}

  
  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
  


   <link rel="stylesheet" type="text/css" href="https://pawansmm.in/1xpanel/ppcdn.mypanel.link/a3vltc/a85jk837rlj8p5ma.css">
					<link rel="stylesheet" type="text/css" href="https://pawansmm.in/1xpanel/ppcdn.mypanel.link/a3vltc/i1wyzpzykd6u2210.css">
	<link rel="stylesheet" type="text/css" href="https://pawansmm.in/1xpanel/ppcdn.mypanel.link/libs/bootstrap-datetimepicker/4.17.47/bootstrap-datetimepicker.min.css">
					<link rel="stylesheet" type="text/css" href="https://pawansmm.in/1xpanel/ppcdn.mypanel.link/css/font-awesome/css/all.min.css">
					<link rel="stylesheet" type="text/css" href="https://pawansmm.in/1xpanel/ppcdn.mypanel.link/global/c3gyq3shygmabbke.css">
		 		<script src="https://pawansmm.in/1xpanel/ppcode.jquery.com/jquery-3.6.0.min.js"></script>
        <link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet">
  

 
	</head>
<body id="outside" class="dark">
        <div id="header" class="headOut">
            <div class="b-menu-wrapper">
                <button class="b-menu-close" onclick="noAuthMenu()">
                    <i class="ri-close-line"></i>
                </button>
                <div class="container">
                    <div class="row row-btn align-items-center">
                        <div class="col-lg-auto d-none d-lg-block">
                            <a href="/">
                                <h2>Narcissa</h2>
                            </a>
                        </div>
                      	<div class="col">
                       <div class="nav-item currencyItem toggle-item">
               
               <div class="toggle-body outside-toggle" >
                   
                   
                  <div class="currencyList" id="currencies-list">
				                           {% for lang in site['languages'] %}
				                         <li class="item d-flex align-items-center justify-content-start p-3 position-relative"> 
              <a  class="component-navbar-nav-link  item-title mb-1 d-flex align-items-center justify-content-between " 
              href="#" onclick="changeLang('{{lang['code']}}')" >{{lang['name']}}</a></li>  {% endfor %}
					                  </div>
					                  
					                  
					                  
               </div>
            </div>
                                    </div>
                        <div class="col text-center">
                            <ul class="nmenu">
							                                <li class="nmenu-item">
                                    <a href="/service"   class="nmenu-link" >
                                        Services
                                    </a>
                                </li>
                                <li class="nmenu-item">
                                    <a href="/apis"   class="nmenu-link" >
                                        API
                                    </a>
                                </li>
							                                <li class="nmenu-item">
                                    <a href="/terms"   class="nmenu-link" >
                                        Terms
                                    </a>
                                </li>
                        
							                            </ul>
                        </div>
						<div class="row align-items-center">
							<div class="col-lg-auto col-6">
							  <a href="/" class="header-btn btn-100 without-icon">
								<span class="text">Sign in</span>
								<span class="icon">
								  <i class="ri-arrow-right-line icon-ri"></i>
								</span>
							  </a>
							</div>
							<div class="col-lg-auto col-6">
							  <a href="/signup" class="header-btn btn-100">
								<span class="text">Sign up</span>
								<span class="icon">
								  <i class="ri-arrow-right-line icon-ri"></i>
								</span>
							  </a>
							</div>
						  </div>
                    </div>
                </div>
            </div>
            <div class="sm-header">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col">
                            <a href="/">
							<img src="https://cdn.mypanel.link/0a268b/jn9l19goil5lslzu.png" height="45" title="">				
								                            </a>
                        </div>
                                           	<div class="col-auto">
                       <div class="nav-item currencyItem toggle-item">
               
               <div class="toggle-body outside-toggle" >
                  <div class="currencyList" id="currencies-list">
				                         <a class="item d-flex align-items-center justify-content-start p-3 position-relative" href="/en">
                        <div class="content">
                           <div class="item-title mb-1 d-flex align-items-center justify-content-between">
                              <div class="name"><span class="cText">English</span></div>
                           </div>
                        </div>
                     </a>
					                     <a class="item d-flex align-items-center justify-content-start p-3 position-relative" href="/fa">
                        <div class="content">
                           <div class="item-title mb-1 d-flex align-items-center justify-content-between">
                              <div class="name"><span class="cText">Persian</span></div>
                           </div>
                        </div>
                     </a>
					                     <a class="item d-flex align-items-center justify-content-start p-3 position-relative" href="/ko">
                        <div class="content">
                           <div class="item-title mb-1 d-flex align-items-center justify-content-between">
                              <div class="name"><span class="cText">Korean</span></div>
                           </div>
                        </div>
                     </a>
					                     <a class="item d-flex align-items-center justify-content-start p-3 position-relative" href="/ru">
                        <div class="content">
                           <div class="item-title mb-1 d-flex align-items-center justify-content-between">
                              <div class="name"><span class="cText">Russian</span></div>
                           </div>
                        </div>
                     </a>
					                     <a class="item d-flex align-items-center justify-content-start p-3 position-relative" href="/bp">
                        <div class="content">
                           <div class="item-title mb-1 d-flex align-items-center justify-content-between">
                              <div class="name"><span class="cText">Portuguese (Brazil)</span></div>
                           </div>
                        </div>
                     </a>
					                     <a class="item d-flex align-items-center justify-content-start p-3 position-relative" href="/tr">
                        <div class="content">
                           <div class="item-title mb-1 d-flex align-items-center justify-content-between">
                              <div class="name"><span class="cText">Turkish</span></div>
                           </div>
                        </div>
                     </a>
					                  </div>
               </div>
            </div>
                                    </div>
                        <div class="col-auto">
                            <button class="menu-btn" onclick="noAuthMenu()">
                                <i class="ri-menu-line"></i>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
   
   
   <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>
   
   
</body></html>