{% include 'header.twig' %}

<div class="inner-page ">
	<section id="sec1" class="signupPage">
  <div class="container">
    <div class="row">
      <div class="col-sm-12">
        <h1 class="text-center">Sign Up Now & Get Digital Services</h1>
        <p class="text-center">{{ settings['site_name']  }} running with <b style="color:#f36c21; font-weight:bold">35,000</b> Active Users So Why You Wait? Sign Up Now</p>
        {% if errorText %}
        <div class="alert alert-dismissible alert-danger">
          <button type="button" class="close" data-dismiss="alert">×</button>
          {{ errorText }}
        </div>
      {% endif %}
      {% if successText %}
        <div class="alert alert-dismissible alert-success">
          <button type="button" class="close" data-dismiss="alert">×</button>
          {{ successText }}
        </div>
      {% endif %}
                          <form class="home-form form-inline"  action="" method="post">
          
          <div class="form-group inputDiv">
           <input type="text" class="form-control" name="name" value="{{ data['name'] }}" placeholder="Name">
          </div>
          <div class="form-group inputDiv mr-l">
		  <input type="text" class="form-control" name="email" value="{{ data['email'] }}" placeholder="Email">
          </div>
                    <div class="form-group inputDiv">
					<input type="text" class="form-control" name="username" value="{{ data['username'] }}" placeholder="Username">
           
          </div>
          <div class="form-group inputDiv mr-l noAfter">
            <input type="text" class="form-control" name="telephone" value="{{ data['telephone'] }}" placeholder="Phone No.">
            
          </div>
                    <div class="form-group inputDiv ">
            <input type="password" class="form-control" name="password" placeholder="Password">
          </div>
          <div class="form-group inputDiv mr-l noAfter">
            <input type="password" class="form-control" name="password_again" placeholder="Confirm password">
          </div>
          
                   
                  
          <button type="submit" class="btn btn-primary">Sign up</button>
                   
                              <div class="checkbox text-center" style="color:#ffffff;">
              <label>
               <input type="checkbox" name="terms" value="1"> {{ lang['signup.accept_terms_text'] }}
              </label>
            </div>
                    <div class="text-center" style="color:#ffffff;">Already have an account? <a href="">Sign in</a></div>
        </form>
      </div>
      <div class="col-sm-12">
        <img class="shop-img" src="public/flizz/i.imgur.com/W6S4hMS.png" alt="">
      </div>
    </div>
  </div>
  <div class="cloudy-wrap">
    <img class="cloudy-img" src="public/flizz/i.imgur.com/wkZRJIb.png" alt="">
    <img class="top-g-img" src="public/flizz/i.imgur.com/nI8yt32.png" alt="">
  </div>
</section>


<!-- Event snippet for Sign-up conversion page -->
<script>
  gtag('event', 'conversion', {'send_to': 'AW-608799449/ywgfCMD6yt0BENmVpqIC'});
</script>


{% include 'footer.twig' %}
