<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <title>Sign up</title>
  <meta name="keywords" content="">
  <meta name="description" content="">
      <link rel="shortcut icon" type="image/ico" href="https://cdn.mypanel.link/do89qc/zo8yrf856ywc9eai.png" />
  
  <!-- 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="/public/msp/css/oxe27c6l4jba9ob6.css">
      <link rel="stylesheet" type="text/css" href="/public/msp/css/5uz6pcnizr47up6j.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">
  	<!-- owl -->
	<link rel="stylesheet" type="text/css" href="https://templates.hibootstrap.com/bonsa/default/assets/css/owl.carousel.min.css">
	<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.2/umd/popper.min.js"></script> 
<style>
  .site-name a {
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    text-shadow: 1px 2px #73737378;
}
  </style>
</head>
  <body class="home-body">
  
      <div class="header">
         <div class="container m-flex">
            <div class="row" style="height: 99px;">
               <div class="col-auto align-self-center">
                  <div class="row">
                     <div class="col align-self-center">
                        <div class="site-name">
						<a href="/">
                                                      <img src="https://cdn.mypanel.link/do89qc/liq7es060zp9yn5g.png" alt="Best Smm Panel | Cheapest Smm Panel | Smm Panel India - Msp Panel" title="Best Smm Panel | Cheapest Smm Panel | Smm Panel India - Msp Panel">
                          						</a>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col d-none d-lg-block">
                  <div class="head-menu">
                     <div class="row">
                        <div class="col text-lg-right mh-fullw">
                           <div class="header-menu">
                              <ul>
                                 <li class="active">
                                   <a href="/services">Service List</a>
                                 </li>
                                 <li>
                                   <a href="/api">API</a>
                                 </li>
                              </ul>
                           </div>
                        </div>
                        <div class="col-auto align-self-center mh-fullw">
                          <a href="/signup" class="btn btn-secondary">
                           <i class="fas fa-user mr-2"></i>
                           Register
                           </a>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
  
      <div class="app-navbar">
         <div class="row">
            <div class="col text-center align-self-center">
              <a href="/services">
                  <i class="fas fa-list-alt"></i>
                  <div class="navbar-texts">Service List</div>
               </a>
            </div>
            <div class="col text-center align-self-center">
              <a href="/signup">
                  <img src="https://cdn.mypanel.link/oewf4r/agu28f58jsad7elb.png" class="navbar-mid-icon" alt="">
                  <div class="navbar-texts"><strong>Sign Up</strong></div>
               </a>
            </div>
            <div class="col text-center align-self-center">
              <a href="/api">
                  <i class="fas fa-laptop-code"></i>
                  <div class="navbar-texts">API</div>
               </a>
            </div>
         </div>
      </div>

<!-- Main variables *content* -->
<style>
  .header {display: none}
</style>
<div class="register-page">
    <div class="register-page-content">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 align-self-center">
                    <div class="register-left">
                        <a href="/">
						  							<img src="{{ site['logo'] }}" alt="Best Smm Panel | Cheapest Smm Panel | Smm Panel India - Msp Panel" class="rl-logo" title="Best Smm Panel | Cheapest Smm Panel | Smm Panel India - Msp Panel">
						  						</a>
                        <div class="rl-text">
                            In order to benefit from our services such as followers and likes, register to our system by filling.
                        </div>
                        <ul class="rl-menu d-none d-lg-block">
                            <li>
                                <a href="/">Homepage</a>
                            </li>
                            <li>
                                <a href="/services">Service List</a>
                            </li>
                            <li>
                                <a href="/api">API</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-5 offset-lg-1 align-self-center">
    
                    <div class="loginSide">
					<form  action="" method="post">
					    {% if errorText %}
                            <div class="alert alert-dismissible alert-danger">
                              <button type="button" class="close" data-dismiss="alert">&times;</button>
                              {{ errorText }}
                            </div>
                          {% endif %}
                          {% if successText %}
                            <div class="alert alert-dismissible alert-success">
                              <button type="button" class="close" data-dismiss="alert">&times;</button>
                              {{ successText }}
                            </div>
                          {% endif %}
                        <div class="login-box">
						  	<div class="lgb-title">
                                Sign Up
                            </div>
                            <div class="lgb-text">
                                Your information is never shared with third parties.
                            </div>
                            <div class="fc-home">
                                <label for="regUsername"><span class="label-text">User name</span></label>
                                <input type="text" class="form-control" id="username" name="username" value="{{ data['username'] }}">
                            </div><!-- fc-home -->
							                            <div class="fc-home">
                                <label for="regName"><span class="label-text">Name</span></label>
                               <input type="text" class="form-control" id="firstname" name="name" value="{{ data['name'] }}">
                            </div><!-- fc-home -->
                            <div class="fc-home">
                                <label for="regSurname"><span class="label-text">Whatsapp No.</span></label>
                               <input type="text" class="form-control" id="skype" name="telephone" value="{{ data['telephone'] }}">
                            </div><!-- fc-home -->	
							                            <div class="fc-home">
                                <label for="regMail"><span class="label-text">E-Mail </span></label>
                                <input type="email" class="form-control" id="email" name="email" value="{{ data['email'] }}">
                            </div><!-- fc-home -->	
							                            <div class="fc-home">
                                <label for="regPass"><span class="label-text">Password</span></label>
                                <input type="password" class="form-control" id="password" name="password">
                            </div><!-- fc-home -->
                            <div class="fc-home">
                                <label for="reregPass"><span class="label-text">Repeat Password</span></label>
                                <input type="password" class="form-control" id="confirm" name="password_again">
                            </div><!-- fc-home -->
							{% if captcha %}
                                <div class="form-group">
                                  <div class="g-recaptcha" data-sitekey="{{ captchaKey }}"></div>
                                </div>
                              {% endif %}
							  							  								<div class="form-group">
								  <div class="checkbox">
									<label>
									  <input type="checkbox" class="terms-accept-checkbox" name="terms" value="1"> I have read and agreed with <a href="/terms" target="_blank">Terms of Service</a>
									</label>
								  </div>
								</div>
                            <button class="btn btn-secondary btn-lg btn-block mt-3" type="submit">
                               Register
                            </button>
                        </div><!-- login box -->
						</form>
                    </div>
    
                </div>
            </div><!-- row end -->
        </div>
    </div>
</div>





<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script> 
  
</body>
  
</html>
  
      <script>
	if ($('.hs-area-owl').length) {
		$('.hs-area-owl').owlCarousel({
			loop:true,
			margin:25,
			nav:false,
			smartSpeed: 500,
			autoplay: 5000,
			responsive:{
				0:{
					items:1
				},
				600:{
					items:1
				},
				800:{
					items:1
				},
				1024:{
					items:2
				},
				1200:{
					items:3
				}
			}
		});    		
	}
      </script>
  
      <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/5hxylqaxi6p0i2wr.js">
          </script>
      <script type="text/javascript" src="https://cdn.mypanel.link/global/wnzsoolloslhfumj.js">
          </script>
      <script type="text/javascript" src="https://cdn.mypanel.link/do89qc/9u6h6x40cglh94hk.js">
          </script>
      <script type="text/javascript" src="https://cdn.mypanel.link/do89qc/be9lyprjnd6r2bsa.js">
          </script>
      <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?hl=en">
          </script>
      <script type="text/javascript" >
       window.modules.layouts = {"theme_id":1,"auth":0};     </script>
      <script type="text/javascript" >
       window.modules.signup = [];     </script>
      <script type="text/javascript" >
          </script>
  