<!DOCTYPE html>
<html lang="{{site['language']}}">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>{{ title }}</title>
  <meta name="keywords" content="{{ site['seo_key'] }}">
  <meta name="description" content="{{ site['seo_desc'] }}">
  {% 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]-->
  
    {{ site['custom_header'] }}

  
  </script>

        <!-- 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="preconnect" href="https://fonts.gstatic.com">
        <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Material+Icons&display=swap" rel="stylesheet">
            <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css"/>
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
        

<meta name="enot" content="6981624733181-dgGte06RLdgy82TMM_2cGNXBWhdEAzb" />
                    <link rel="stylesheet" type="text/css" href="public/cpan/cdn.mypanel.link/1847ba/b1n8c01mizd91jj6.css">
            <link rel="stylesheet" type="text/css" href="public/cpan/cdn.mypanel.link/1847ba/jwxfwcjygn4duyh0.css">
            <link rel="stylesheet" type="text/css" href="public/cpan/cdn.mypanel.link/libs/bootstrap-datetimepicker/4.17.47/bootstrap-datetimepicker.min.css">
            <link rel="stylesheet" type="text/css" href="public/cpan/cdn.mypanel.link/css/font-awesome/css/all.min.css">
              
        <script type='text/javascript'>
      $(document).ready(function() {
      	$("a[href^='http://']").each(
      		function(){
      			if(this.href.indexOf(location.hostname) == -1) {
      				$(this).attr('target', '_blank');
      				$(this).attr('rel', 'nofollow');
      			}
      		}
      	);
      	$("a[href^='https://']").each(
      		function(){
      			if(this.href.indexOf(location.hostname) == -1) {
      				$(this).attr('target', '_blank');
      			}
      		}
      	);
      });
    </script>
  </head>
  <body class=" guest en">
                <nav class="navbar navbar-default navbar-inverse navbar-static-top ">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="/">
                        <img src="{{ site['logo'] }}" alt="{{ site['site_name'] }}" title="">
                      </a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
                    <ul class="nav navbar-nav navbar-left-block">
            <li class="dropdown">
                                                                      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> English <span class="caret"></span></a>
                                          <ul class="dropdown-menu dropdown-max-height">
                                <li><a href="/ar">عربي</a></li>
                                <li class="active"><a href="/en">English</a></li>
                              </ul>
            </li>
          </ul>
                    <ul class="nav navbar-nav navbar-right">
                        <li >
              <a href="/services" >
                                Services
              </a>
            </li>
                        <li >
              <a href="/faq" >
                                FAQ
              </a>
            </li>
                        <li >
              <a href="/signup" >
                                Sign Up
              </a>
            </li>
                        <li  class="active" >
              <a href="/" >
                                Sign In
              </a>
            </li>
                      </ul>
        </div>
      </div>
    </nav>
    <section id="hero-sec">
  <div class="container">
    <div class="row">
            <div class="col-md-7">
        <h1 data-aos="fade-up" data-aos-duration="3000">Better <i class="point"></i>ideas <br>for Fast Growth</h1>
        <h2 data-aos="fade-up" data-aos-duration="3000">All Social Media Services Just in 1 Place.</h2>
        <a href="/signup" class="btn btn-primary" data-aos="fade-up" data-aos-duration="3000">Sign Up Now</a>
      </div>
      <div class="col-md-5">
        <div class="mobile-slider" data-aos="fade-up" data-aos-duration="3000">
          <div>
            <div class="social-logos-wrap logo-tw"></div>
          </div>
          <div>
            <div class="social-logos-wrap logo-ig"></div>
          </div>
          <div>
            <div class="social-logos-wrap logo-yt"></div>
          </div>
          <div>
            <div class="social-logos-wrap logo-fb"></div>
          </div>
          <div>
            <div class="social-logos-wrap logo-tt"></div>
          </div>
          <div>
            <div class="social-logos-wrap logo-sc"></div>
          </div>
          <div>
            <div class="social-logos-wrap logo-ch"></div>
          </div>
          <div>
            <div class="social-logos-wrap logo-tg"></div>
          </div>
          <div>
            <div class="social-logos-wrap logo-th"></div>
          </div>
          <div>
            <div class="social-logos-wrap logo-sp"></div>
          </div>
          <div>
            <div class="social-logos-wrap logo-sl"></div>
          </div>
          <div>
            <div class="social-logos-wrap logo-li"></div>
          </div>
          <div>
            <div class="social-logos-wrap logo-gl"></div>
          </div>
          <div>
            <div class="social-logos-wrap logo-dc"></div>
          </div>
          <div>
            <div class="social-logos-wrap logo-wp"></div>
          </div>
          <div>
            <div class="social-logos-wrap logo-pg"></div>
          </div>
          <div>
            <div class="social-logos-wrap logo-nx"></div>
          </div>
        </div>
      </div>
          </div>
  </div>
</section>
<section id="form-sec">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
                <h2 data-aos="fade-up" data-aos-duration="2000">Get more things done with <br>Loggin platform</h2>
        <p data-aos="fade-up" data-aos-duration="2000">Access to the CHEAPEST and FASTEST Social Media Marketing Platform.</p>
         {% if errorText %}
        <div class="alert alert-dismissible alert-danger">
          {{ errorText }}
        </div>
      {% endif %}
      {% if successText %}
        <div class="alert alert-dismissible alert-success">
          {{ successText }}
        </div>
      {% endif %}
        <form  method="post" action="" data-aos="fade-up" data-aos-duration="2000">
          <input type="hidden" name="_csrf" value="FpMk0i4KunT4MaFXQW-H496pSrXhrOYJAXOIf0HilDVY1BGoWnrpDrBQ0yICJ-O2qdwk863GvHNjErgNMJHhVg==">
                              <div class="row">
            <div class="col-sm-5">
              <div class="form-group icon-group">
                <input type="text" class="form-control" id="username" name="username" placeholder="Username">
                <span class="input-icon"><i class="material-icons">person</i></span>
              </div>
            </div>
            <div class="col-sm-5">
              <div class="form-group form-group__password icon-group">
                <input type="password" class="form-control" id="password" name="password" placeholder="Password">
                <span class="input-icon"><i class="material-icons">lock</i></span>

              </div>
                            <div class="form-group hidden-lg hidden-md hidden-sm text-center">
                Forgot your password? <a href="/resetpassword" class="forgot">Reset It</a>
                
              </div>
                          </div>
            <div class="col-sm-2">
              <button type="submit" class="btn btn-primary">Sign in</button>
            </div>
          </div>
          <div class="row">
            <div class="col-sm-5">
              <div class="checkbox">
                <input id="remember" type="checkbox"  name="remember" value="1">
                <label for="remember">Remember me</label>
              </div>
              <div class="register-text">Do not have an account? <a href="/signup">Sign up</a></div>
                                        </div>
            <div class="col-sm-5 hidden-xs">
                            <div class="register-text">
              Forgot your password? <a href="/resetpassword" class="forgot">Reset It</a>
              </div>
                          </div>
          </div>

                  </form>
              </div>
    </div>
    <div class="row">
            <div class="col-md-4">
        <div class="stats-box" data-aos="flip-left" data-aos-easing="ease-out-cubic" data-aos-duration="1000">
          <div class="stat-pic"><i class="far fa-hourglass-half"></i></div>
          <h3>10 SEC</h3>
          <h4>AN ORDER IS MADE EVERY</h4>
        </div>
      </div>
      <div class="col-md-4">
        <div class="stats-box" data-aos="flip-left" data-aos-easing="ease-out-cubic" data-aos-duration="1000">
          <div class="stat-pic"><i class="far fa-chart-line"></i></div>
          <h3>2728898</h3>
          <h4>ORDERS COMPLETED</h4>
        </div>
      </div>
      <div class="col-md-4">
        <div class="stats-box" data-aos="flip-left" data-aos-easing="ease-out-cubic" data-aos-duration="1000">
          <div class="stat-pic"><i class="far fa-coins"></i></div>
          <h3>$0.01/1K</h3>
          <h4>PRICES STARTING FROM</h4>
        </div>
      </div>
          </div>
  </div>
</section>
<section id="features">
  <div class="container">
    <div class="row">
      <div class="col-md-4">
        <img class="feat-bulb" src="https://res.cloudinary.com/smmcpan2/image/upload/v1624462614/bulb.png" alt="bulb" data-aos="fade-up" data-aos-duration="2000"/>
      </div>
      <div class="col-md-8">
        <h2 class="main-head" data-aos="fade-up" data-aos-duration="2000">Our Features </h2>
        <ul class="feature-list">
          <li data-aos="fade-up" data-aos-duration="2000"><p>Cheapest &amp; Fastest Services </p><span class="feat-icon"><i class="far fa-percentage"></i></span></li>
          <li data-aos="fade-up" data-aos-duration="2000"><p>Super fast delivery </p><span class="feat-icon"><i class="far fa-fighter-jet"></i></span></li>
          <li data-aos="fade-up" data-aos-duration="2000"><p>Support 24/7 </p><span class="feat-icon"><i class="fas fa-headset"></i></span></li>
          <li data-aos="fade-up" data-aos-duration="2000"><p>Many Payment Methods </p><span class="feat-icon"><i class="far fa-money-bill-wave"></i></span></li>
          <li data-aos="fade-up" data-aos-duration="2000"><p>Points per each order </p><span class="feat-icon"><i class="far fa-medal"></i></span></li>
          <li data-aos="fade-up" data-aos-duration="2000"><p>Friendly Dashboard </p><span class="feat-icon"><i class="far fa-phone-laptop"></i></span></li>
          <li data-aos="fade-up" data-aos-duration="2000"><p>Affiliate System </p><span class="feat-icon"><i class="far fa-user-chart"></i></span></li>
          <li data-aos="fade-up" data-aos-duration="2000"><p>Favourite System </p><span class="feat-icon"><i class="far fa-hands-heart"></i></span></li>
          <li data-aos="fade-up" data-aos-duration="2000"><p>Child panel custom prices</p><span class="feat-icon"><i class="far fa-baby"></i></span></li>
          <li data-aos="fade-up" data-aos-duration="2000"><p>Updates page for services</p><span class="feat-icon"><i class="far fa-chart-line"></i></span></li>
        </ul>
      </div>
    </div>
  </div>
</section>
<section id="payment-methods">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
                <h2 class="main-head text-center" data-aos="fade-up" data-aos-duration="2000">Payment methods</h2>
        <br><br>
                <img class="payment-logos" src="https://res.cloudinary.com/smmcpan2/image/upload/v1624462684/paymentlogo.svg" alt="payment-logos"  data-aos="fade-up" data-aos-duration="2000" />
      </div>
    </div>
  </div>
</section>
<section id="clients">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
                <h2 class="main-head text-center" data-aos="fade-up" data-aos-duration="2000">Clients Reviews</h2>
              </div>
    </div>
    <div class="testi-slider" data-aos="fade-up" data-aos-duration="2000">
      <div>
        <div class="testimonial-box text-center">
          <div class="testi-box">
            <img class="rate" src="https://i.imgur.com/yisil85.png" alt="ratting">
            <p>Best Website for increasing Instagram Followers, Thanks for your GREAT services </p>
          </div>
          <div class="author">
            <img class="author-pic" src="https://cdn.mypanel.link/e9e910/hqsrdra6uoj97jnm.png" alt="author-pic">
            <h4>Mohammad Al Jondi</h4>
          </div>
        </div>
      </div>
      <div>
        <div class="testimonial-box text-center">
          <div class="testi-box">
            <img class="rate" src="https://i.imgur.com/yisil85.png" alt="ratting">
            <p>Best choice for smm services, moreover best support ever</p>
          </div>
          <div class="author">
            <img class="author-pic" src="https://cdn.mypanel.link/e9e910/bjf6647xq89s330r.png" alt="author-pic">
            <h4>Farah Al Oteibi</h4>
          </div>
        </div>
      </div>
      <div>
        <div class="testimonial-box text-center">
          <div class="testi-box">
            <img class="rate" src="https://i.imgur.com/yisil85.png" alt="ratting">
            <p>Cheapest and Fastest Website to buy instagram followers, Twitter , tiktok, Snapchat. Youtube and more.</p>
          </div>
          <div class="author">
            <img class="author-pic" src="https://cdn.mypanel.link/e9e910/q7hjp884kihmigi8.png" alt="author-pic">
            <h4>Majed Al Fotem</h4>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
    <footer>
      <div class="footer-top">
        <div class="container">
          <div class="row">
                        <div class="col-md-6">
              <img class="footer-logo" src="{{ site['logo'] }}" alt= title=>
              <p>{{ site['site_name'] }}, is the CHEAPEST & FASTEST Social Media Marketing Website which serves all customers worldwide.</p>
            </div>
            <div class="col-md-3">
              <h4 class="widget-title">Quick Links</h4>
              <ul class="footer-nav">
                <li><a href="/api">API</a></li>
                <li><a href="/howitworks">How It Works?</a></li>
                <li><a href="/faq">FAQ</a></li>
                <li><a href="/terms">Terms</a></li>
                <li><a href="/blog">Blog</a></li>
              </ul>
            </div>
            <div class="col-md-3">
              <h4 class="widget-title">Reach us</h4>
              <p><strong>Email</strong>: <a href="https://5ghackerz.in">webers era</a></p>
              <ul class="follow-us">
                <li><a href="https://facebook.com" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                <li><a href="https://twitter.com" target="_blank"><i class="fab fa-twitter"></i></a></li>
                <li><a href="https://instagram.com" target="_blank"><i class="fab fa-instagram"></i></a></li>
                <li><a href="https://www.youtube.com" target="_blank"><i class="fab fa-youtube"></i></a></li>
              </ul>
            </div>
                      </div>
        </div>
      </div>
      <div class="footer-bottom">
        <div class="container">
          <div class="row">
                        <div class="col-md-12 text-center">
              <p class="copyright-text">Copyright ©  2018-2021 {{ site['site_name'] }}. All rights reserved</p>
            </div>
                      </div>
        </div>
      </div>
    </footer>
    
   



    
                <script type="text/javascript" src="https://cdn.mypanel.link/libs/jquery/1.12.4/jquery.min.js">
              </script>
            <script type="text/javascript" src="https://cdn.mypanel.link/global/flpbonhmkq9tsp29.js">
              </script>
            <script type="text/javascript" src="https://cdn.mypanel.link/global/a4kdpfesx15uh7ae.js">
              </script>
            <script type="text/javascript" src="https://cdn.mypanel.link/global/596z6ya3isgxcipy.js">
              </script>
            <script type="text/javascript" src="https://cdn.mypanel.link/global/4etkgu7ilwdsbob4.js">
              </script>
            <script type="text/javascript" src="https://cdn.mypanel.link/global/wnzsoolloslhfumj.js">
              </script>
            <script type="text/javascript" src="https://cdn.mypanel.link/global/4gzctc1nniwm34yi.js">
              </script>
            <script type="text/javascript" src="https://cdn.mypanel.link/global/axj6p7c9s8l6lgkg.js">
              </script>
            <script type="text/javascript" >
         window.modules.layouts = {"theme_id":4,"auth":0};       </script>
            <script type="text/javascript" >
         window.modules.signin = [];       </script>
            <script type="text/javascript" >
              </script>
              
              <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
      <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
      <script>
      AOS.init();
      $('.testi-slider').slick({
                dots: true,
        arrows: false,
        autoplay:true,
        slidesToShow: 1,
        slidesToScroll: 1,
        infinite: true,
        speed: 500
      });
      $('.mobile-slider').slick({
              dots: false,
        arrows: false,
        autoplay: true,
        slidesToShow: 1,
        slidesToScroll: 1,
        infinite: true,
        speed: 500,
        fade: true,
        cssEase: 'linear'
      });
    </script>
              
                      </body>
</html>