<!DOCTYPE html>
{% for lang in site['languages'] %}
{% if lang['active'] %}
<html lang="{{ lang['code'] }}">
{% endif %}
{% endfor %}
<head>
  <base href="{{ site['url'] }}">
	
  
  <title>Best SMM Panel in Bangladesh | SMMPaw - Affordable Social Media Marketing Services</title> 
  <base href="{{ site['url'] }}/">
  <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="smm panel, cheap smm panel, cheapest smm panel, smm panel reseller, smm reseller panel, instagram panel, best smm panel">
   <meta property="og:image" content="{{ site['url'] }}/images/smmpaw.png" />
 <meta name="description" content="SMMPaw offers the best SMM panel with the most affordable SMM services for Instagram, Facebook, YouTube, and TikTok. Buy real followers, likes, and views today!">
  {% if site['favicon'] %}
    <link rel="shortcut icon" type="image/ico" href="{{ site['favicon'] }}" />
  {% endif %}
        
  <script src="https://code.iconify.design/iconify-icon/1.0.7/iconify-icon.min.js"></script>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
  <link rel="stylesheet" type="text/css" href="css/arcontactus_la0alk.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
<link rel="stylesheet" type="text/css" href="/app/views/TECHSMM/css/smmpawv22.css">
    <link rel="stylesheet" type="text/css" href="/app/views/TECHSMM/css/xn3xyxzgfy8kn8r3.css">
    <link rel="stylesheet" type="text/css" href="/app/views/TECHSMM/css/6p0wdo6s3yzt84tko.css">
    <link rel="stylesheet" type="text/css" href="https://cdn.mypanel.link/libs/bootstrap-datetimepicker/4.17.47/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" type="text/css" href="https://cdn.mypanel.link/css/font-awesome/css/all.min.css">
    <link rel="stylesheet" type="text/css" href="/app/views/TECHSMM/css/tp2jssyocan4ndm1.css">
  
  <!--  Some CDN Link From Old Theme -->
  <link rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/css/bootstrap-select.min.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.2/umd/popper.min.js"></script>

  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
  <link rel="stylesheet" type="text/css"
    href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <!--  /// Some CDN Link From Old Theme -->
  <script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.0/sweetalert.min.js"></script>
<style>
.btn_profiles{
    background: none;
}
#ok{
    margin-top: 50px !important;
}
.select2-container .select2-dropdown .select2-results ul .select2-results__option--highlighted[aria-selected] {
    transition: .2s;
    color: var(--text-color);
    border-radius: 8px;
    background: #d9d9d9;
}
body::-webkit-scrollbar {
    display: none; /* For Chrome, Safari, and Edge */
}
@media only screen and (max-width: 990px) {
    #navMob.active {
        transform: translateY(0px);
        opacity: 1;
        pointer-events: auto;
                bottom: inherit;
    }
    #navMob{
        border-radius: 0px;
    }
}
 .offcanvas-header .btn-close {
    padding: .5rem .5rem;
    margin-top: -.5rem;
    margin-right: -.5rem;
    margin-bottom: -.5rem;
    border: 1px solid red;
    background-color: #ff000045;
    color: black;
}
.nightmode .offcanvas{
        background-color: #4D4D4D;
}
#currencies-list{
     
    position: absolute;
    transform: translate3d(282px, 53px, 0px);
    top: initial !important;
    left: inherit !important;
    will-change: transform;

}
.home-header, .m-counter{
    background: none !important;
}
.dashboard.nightmode #main_container .sidebar {
    background: #4d4d4d;
}    
.dashboard.nightmode #main_container .top_header {
    background: #363636;
    box-shadow: 0px -20px 20px #44434f;
}
:root {
    --primary-gradient: linear-gradient(267deg, #03A9F4 3.42%, #00b8ff 91.65%);
    --bg-darkmode: #363636;
    --dark-text-primary: #55c0ff;
}
.user_data .user_balance{
        background: #4D4D4D !important;
            color: #ffffff !important;
}
.sidebar_menu .menu_item.active {
    background: #363636;
    border: 2px solid #2f2f2f;
}
.nightmode .user_statistic_wraper .statistic__item {
    background: #4D4D4D;
    box-shadow: none;
}
.dashboard.nightmode .filter_btn_wrap .btn_filter {
    background: #4D4D4D;
    box-shadow: none;
    color: #fff;
}
.dashboard.nightmode .card {
    background-color: #4D4D4D;
}
.dashboard.nightmode .form-control {
    background-color: #363636;
    color: #fff;
}
.user_data{
    background: #363636;
}
.nightmode .user_data {
    background: #363636;
}
    #block_95 .card{
    background: #fff !important;
    box-shadow: 0 5px 5px rgba(7, 7, 7, 10%) !important;
    margin-bottom: 15px !important;
    border-radius: 15px !important;
    border: 1px solid transparent !important;
    margin-top:100px !important;
    min-width:100% !important;
    padding:10px !important;
}
#main_container .content_area{
    display: block !important ;
}
#block_95 textarea{
    height:150px;
}
.dashboard #main_container .sidebar{
    background: #4d4d4d;
}
.dashboard #main_container .top_header{
    background: #fff9f5;
}
:root{
    --bg-daymode: #FFF9F5;
}
</style>
</head>

	{% if user['auth'] %}
	
          <body class="dashboard" id="body"  style="
    font-weight: bold;
">
    <script>
    if (localStorage.getItem('techSMMCurrentMode')) {
      const bodyFire2 = document.getElementById('body');
      bodyFire2.classList.add('nightmode');
    }
  </script>
  
  <style>
      img{
     width:100%;
 }
 .sidebar-profile .power-off {
    background: #ff000030;
    padding: 7px;
    border-radius: 7px;
    line-height: 14px;
    color: red;
}
 .sidebar-profile .verified {
    margin-top: -1px;
    color: #00a3ff;
}
 .sp-box{
         margin: 8px 0 2px 0;
             background: #363636;
             color: white;
 }
 .sidebar-profile {
    position: relative;
        padding: 0px 0px;
    width: 100%;
    color: var(--text-color);
    font-size: 16px;
    font-weight: 600;
}
  </style>
  <main id="main_container">
    <div class="sidebar">
      <div class="sidebar_top">
        <button class="close_btn_phone" onclick="toggleSidebar()">
          <i class="fas fa-times"></i>
        </button>
        <div class="logo">
          <a href="/">
            <img src="{{ site['logo'] }}" class="logo_img img-fluid" alt="" title="smmpaw">
          </a>
        </div>
      <div class="dropdown dd-custom">
<button class="sidebar-profile">
<div class="sp-box">
<span class="sp-wrapper">
<span class="sidebar-text">
<img src="https://cdn.myrentalpanel.com/public/extra_theme/Kart/izbujzigimwruish.png">
</span>
<span class="inline-block blob blob-red"></span>
<div class="sidebar-user">
<span>{{ user["username"]  }}
<span class="verified"><svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 24 24"><path d="M10.0813 3.7242C10.8849 2.16438 13.1151 2.16438 13.9187 3.7242V3.7242C14.4016 4.66147 15.4909 5.1127 16.4951 4.79139V4.79139C18.1663 4.25668 19.7433 5.83365 19.2086 7.50485V7.50485C18.8873 8.50905 19.3385 9.59842 20.2758 10.0813V10.0813C21.8356 10.8849 21.8356 13.1151 20.2758 13.9187V13.9187C19.3385 14.4016 18.8873 15.491 19.2086 16.4951V16.4951C19.7433 18.1663 18.1663 19.7433 16.4951 19.2086V19.2086C15.491 18.8873 14.4016 19.3385 13.9187 20.2758V20.2758C13.1151 21.8356 10.8849 21.8356 10.0813 20.2758V20.2758C9.59842 19.3385 8.50905 18.8873 7.50485 19.2086V19.2086C5.83365 19.7433 4.25668 18.1663 4.79139 16.4951V16.4951C5.1127 15.491 4.66147 14.4016 3.7242 13.9187V13.9187C2.16438 13.1151 2.16438 10.8849 3.7242 10.0813V10.0813C4.66147 9.59842 5.1127 8.50905 4.79139 7.50485V7.50485C4.25668 5.83365 5.83365 4.25668 7.50485 4.79139V4.79139C8.50905 5.1127 9.59842 4.66147 10.0813 3.7242V3.7242Z" fill="currentColor"></path><path d="M14.8563 9.1903C15.0606 8.94984 15.3771 8.9385 15.6175 9.14289C15.858 9.34728 15.8229 9.66433 15.6185 9.9048L11.863 14.6558C11.6554 14.9001 11.2876 14.9258 11.048 14.7128L8.47656 12.4271C8.24068 12.2174 8.21944 11.8563 8.42911 11.6204C8.63877 11.3845 8.99996 11.3633 9.23583 11.5729L11.3706 13.4705L14.8563 9.1903Z" fill="white"></path></svg></span>
</span>

</div>
</span>
<a href="/logout" class="power-off" data-toggle="tooltip" data-placement="top" title="Logout">
<i class="fas fa-power-off"></i>
</a>
</div>
</button>
</div>

      </div>
      <div class="sidebar_bottom">
        <div class="sidebar_menu">
                              <a {% if active_menu == "neworder" %} href="/" class="menu_item active" {% endif %} class="menu_item" href="/">
                        <div class="menu_icon">
              <i class="fas fa-shopping-cart"></i>
            </div>
                        <div class="menu_name">
              New order
            </div>
          </a>
          
                              <a {% if active_menu == "massorder" %} href="/massorder" class="menu_item  active" {% endif %} class="menu_item" href="/massorder">
                        <div class="menu_icon">
              <i class="fas fa-list-ol"></i>
            </div>
                        <div class="menu_name">
              Bulk Order
            </div>
          </a>
          
                    
                               <a {% if active_menu == "orders" %} href="/orders" class="menu_item  active" {% endif %} class="menu_item" href="/orders">
                        <div class="menu_icon">
              <i class="fas fa-history"></i>
            </div>
                        <div class="menu_name">
              Orders History
            </div>
          </a>
          <a {% if active_menu == "refill" %} href="/refill" class="menu_item  active" {% endif %} class="menu_item" href="/refill">
                        <div class="menu_icon">
              <i class="fas fa-recycle"></i>
            </div>
                        <div class="menu_name">
              refill History
            </div>
          </a>
                    
                    
                    
          
                    
                    
                              <a {% if active_menu == "services" %} href="/services" class="menu_item  active" {% endif %} class="menu_item" href="/services">
                        <div class="menu_icon">
              <i class="fas fa-server"></i>
            </div>
                        <div class="menu_name">
              Services
            </div>
          </a>
          
                    
                              <a {% if active_menu == "addfunds" %} href="/addfunds" class="menu_item  active" {% endif %} class="menu_item" href="/addfunds">
                        <div class="menu_icon">
              <i class="fas fa-hand-holding-usd"></i>
            </div>
                        <div class="menu_name">
              Add funds
            </div>
          </a>
          
                              <a {% if active_menu == "tickets" %} href="/tickets" class="menu_item  active" {% endif %} class="menu_item" href="/tickets">
                        <div class="menu_icon">
              <i class="fas fa-comments"></i>
            </div>
                        <div class="menu_name">
              Tickets Support <span class="badge" style="background-color: #ffb500">{{ ticketCount }}</span>
            </div>
          </a>
          
                    
                    
                    
                    
                    
          
          <!-- Show More Btn Codes Start -->
          

         
                                                                                                                                                                                                                                                            <a {% if active_menu == "child-panels" %} href="/" class="menu_item  active" {% endif %} class="menu_item" href="/child-panels">
                         
                            <div class="menu_name">
                Child panel
              </div>
            </a>


                                                <a {% if active_menu == "refer" %} href="/refer" class="menu_item  active" {% endif %} class="menu_item" href="/refer">
                            <div class="menu_icon">
                <i class="fab fa-adn"></i>
              </div>
                            <div class="menu_name">
                Affiliates
              </div>
            </a>
                                                 <a {% if active_menu == "updates" %} href="/updates" class="menu_item  active" {% endif %} class="menu_item" href="/updates">
                            <div class="menu_icon">
                <i class="fas fa-bell"></i>
              </div>
                            <div class="menu_name">
                Updates
              </div>
            </a>
                                                <a {% if active_menu == "api" %} href="/api" class="menu_item  active" {% endif %} class="menu_item" href="/api">
                            <div class="menu_icon">
                <i class="fas fa-wifi"></i>
              </div>
                            <div class="menu_name">
                API
              </div>
            </a>
             <a {% if active_menu == "api" %} href="/dripfeeds" class="menu_item  active" {% endif %} class="menu_item" href="/dripfeeds">
                            <div class="menu_icon">
                <i class="fas fa-fill-drip"></i>
              </div>
                            <div class="menu_name">
                dripfeeds
              </div>
            </a>
             <a {% if active_menu == "api" %} href="/kupon" class="menu_item  active" {% endif %} class="menu_item" href="/kupon">
                            <div class="menu_icon">
                <i class="fab fa-freebsd"></i>
              </div>
                            <div class="menu_name">
                kupon code
              </div>
            </a>
                                 
          <!-- Show More Btn Codes End -->
        </div>
      </div>
    </div>
            <div class="content_area">
      <div class="top_header">
        <div class="top_head_wrap">
          <div class="item">
            <button class="sidebar_menu_icon" onclick="toggleSidebar()">
              <i class="fas fa-bars" style="
    color: #4D4D4D;
"></i>
            </button>
            <div class="logo_off_nav">
              <a href="/">
               	{% if site["logo"] %}
																				<img style="max-width:200px;" src="{{ site['logo'] }}" alt="" title="">
																			{% else %}
																				<span style="text-transform: ">
																					<span style="font-size: 24px">
																						<span style="letter-spacing: 1.0px">
																							<span>
																								<strong style="font-weight: bold">{{ site["site_name"] }}</strong>
																							</span>
																						</span>
																					</span>
																				</span>
																			{% endif %}
              </a>
            </div>
          </div>
          <div class="item">
  
          </div>
   <div class="item user_settings">

            
            <a href="javascript:void(0)" class="day_night_btn" onclick="toggleThemeMode()">
              <span class="active_circle"></span>
              <span class="night_mode"> <i class="fas fa-moon"></i> </span>
              <span class="day_mode"><i class="fas fa-sun"></i></span>
            </a>
          
           <div class="dropdown">
              <button class="btn btn-secondarybtn_profiles" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample" aria-controls="offcanvasExample">
                <span class="user_top_avatar">
                  <img src="https://cdn.myrentalpanel.com/public/extra_theme/Kart/izbujzigimwruish.png" width="40px" class="img-fluid" alt="" id="profile2">
                </span>
              </button>

              <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasExample" aria-labelledby="offcanvasExampleLabel">
                <div class="offcanvas-header">
                 
                  <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
                </div>
                <div class="offcanvas-body">
                  <div>
                    <div class="user_data mb-3">
                      <div class="user_badges" data-bs-toggle="modal" data-bs-target="#GGstaticBackdrop">
                        <h4>
                                                    NEW
                                                  </h4>
                      </div>
                      <div class="total_data">
                        <div class="user_wrap">
                          <div class="v2_avatar">
                            <img src="https://cdn.myrentalpanel.com/public/extra_theme/Kart/izbujzigimwruish.png" class="img-fluid" alt="Tech SMM Avatar" id="profile1">
                          </div>
                          <div class="v2_user_info">
                            <h5>{{ user["username"]  }}</h5>
                          </div>
                        </div>
                        <div class="user_balance">
                          <span class="balance">{{ user["balance"] }}</span>
                        </div>
                      </div>
                    </div>
                    <div class="user_menu_wraper">
                      <div class="user__menu">
                        <a class="user_menu__item" href="/account">
                          <span class="user_menu_icon"><i class="fas fa-cog"></i></span>
                          <span class="user_menu_text">Settings</span>
                        </a>
    
                        <a class="user_menu__item" href="/terms">
                          <span class="user_menu_icon"><i class="fas fa-list"></i></span>
                          <span class="user_menu_text">Terms</span>
                        </a>
                        <a class="user_menu__item" href="/faq">
                          <span class="user_menu_icon"><i class="fas fa-question-circle"></i></span>
                          <span class="user_menu_text">Faq</span>
                        </a>
                        <a class="user_menu__item" href="/logout">
                          <span class="user_menu_icon"> <i class="fas fa-sign-out"></i></span>
                          <span class="user_menu_text">Logout</span>
                        </a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
              </div>
        </div>
      </div>
    
{% else %}
 
<body class="noAuth" >
      <nav class="navbar navbar-expand-lg navbar-light bg-light navbar-static-top" id="navbar">
      <div class="container">
        <a class="navbar-brand" href="/">
         	{% if site["logo"] %}
																				<img style="max-width:200px;" src="{{ site['logo'] }}" alt="" title="">
																			{% else %}
																				<span style="text-transform: ">
																					<span style="font-size: 24px">
																						<span style="letter-spacing: 1.0px">
																							<span>
																								<strong style="font-weight: bold">{{ site["site_name"] }}</strong>
																							</span>
																						</span>
																					</span>
																				</span>
																			{% endif %}
        </a>
        <button class="navbar-toggler nav__icons" type="button" onclick="navToggleMob()">
          <img src="https://i.imgur.com/HqutkxH.png" class="img-fluid" alt="">
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
                                    <li class="nav-item d-flex align-items-center">
              <a {% if active_menu == "login" %} href="/" class="nav-link active" {% endif %} class="nav-link" href="/"> 
                                <i class="navbar-icon fas fa-address-book"></i>
                                Sign in
              </a>
            </li>
                                                                                    <li class="nav-item d-flex align-items-center">
              <a {% if active_menu == "services" %} href="/services" class="nav-link active" {% endif %} class="nav-link " href="/services">
                                <i class="navbar-icon fas fa-server"></i>
                                Services
              </a>
            </li>
                                                <li class="nav-item d-flex align-items-center">
              <a {% if active_menu == "api" %} href="/api" class="nav-link active" {% endif %} class="nav-link " href="/api">
                                <i class="navbar-icon fas fa-wifi"></i>
                                API
              </a>
            </li>
                                                <li class="nav-item d-flex align-items-center">
              <a {% if active_menu == "blog" %} href="/blog" class=" nav-link active" {% endif %} class="nav-link " href="/blog">
                                <i class="navbar-icon fas fa-address-card"></i>
                                Blog
              </a>
            </li>
                                                
                                    <li class="nav-item btn__sp__nav">
                                        <a {% if active_menu == "signup" %} href="/signup" class="btn btn-primary btn-gradient  active" {% endif %} class=" btn btn-primary btn-gradient" href="/signup">
              <span class="sp__icon">
                  <i class="fas fa-user"></i>
                </span>
                <span class="btn__txt">
                  Sign Up
                </span>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </nav>
    <div id="navMob">
      <button id="cls" onclick="navToggleMob()"><i class="fas fa-times"></i></button>
      <div class="nav_content">
        <div class="menu">
          <ul class="menu_mobs">
                        <li> <a {% if active_menu == "login" %} href="/" class="  active" {% endif %} class="" href="/"> 
                                <i class="navbar-icon fas fa-address-book"></i>
                                Sign in
              </a></li>
                        <li><a {% if active_menu == "signup" %} href="/signup" class="  active" {% endif %} class=" " href="/signup">
                                <i class="navbar-icon far fa-address-book"></i>
                                Sign up
              </a></li>
                        <li><a {% if active_menu == "services" %} href="/services" class="  active" {% endif %} class=" " href="/services">
                                <i class="navbar-icon fas fa-server"></i>
                                Services
              </a></li>
                        <li><a {% if active_menu == "api" %} href="/api" class="  active" {% endif %} class=" " href="/api">
                                <i class="navbar-icon fas fa-wifi"></i>
                                API
              </a></li>
                        <li><a {% if active_menu == "blog" %} href="/blog" class="  active" {% endif %} class=" " href="/blog">
                                <i class="navbar-icon fas fa-address-card"></i>
                                Blog
              </a></li>
                        
                      </ul>
        </div>
        <div class="btn">
          <a href="/">Sign in</a>
          <a href="/signup">Sign up <span class="btn_icon"><i class="fas fa-arrow-right"></i></span></a>
        </div>
      </div>
    </div>

{% endif %}
