%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/eirtvhdf/www/about/
Upload File :
Create Path :
Current File : /home/eirtvhdf/www/about/step_form.php

<?php
require("../database.php");

if(isset($_POST['joint_now'])){
    $uname = $_POST['uname'];
    $pwd = $_POST['pwd'];
    $name = $_POST['name'];
    $email = $_POST['email'];
    $phone = $_POST['phone'];
    $c_way = $_POST['c_way'];
    $services = $_POST['services'];
    $company = $_POST['company'];
    $providing = $_POST['providing'];
    $link = $_POST['link'];
    $plink = $_POST['plink'];
    $clients = $_POST['clients'];
    $serve = $_POST['serve'];
    $c_from = $_POST['c_from'];
    $date = date('d-M-Y');
    
    $url = "https://www.google.com/recaptcha/api/siteverify";
		$data = [
			'secret' => "6LcOU0caAAAAAFbKV8b9ChMUWH3ipZ1zqNlNK95g",
			'response' => $_POST['token123'],
			// 'remoteip' => $_SERVER['REMOTE_ADDR']
		];

		$options = array(
		    'http' => array(
		      'header'  => "Content-type: application/x-www-form-urlencoded\r\n",
		      'method'  => 'POST',
		      'content' => http_build_query($data)
		    )
		  );

		$context  = stream_context_create($options);
  		$response = file_get_contents($url, false, $context);

		$res = json_decode($response, true);

if($res['success'] == true) {     
    mysqli_query($dbh,"insert into user values('','$uname','$pwd')");
    $last_id = mysqli_insert_id($dbh); 
     mysqli_query($dbh,"insert into joint_venture values('','$last_id','$date','$name','$email','$phone','$c_way','$services','$company','$providing','$link','$plink','$clients','$serve','$c_from')");
             echo '<script type="text/javascript">
           window.location = "https://eirtechs.com/thankyou/form_submit.php"
      </script>';


 }
 else{
      echo "<script> window.onload = function() {
                    myfunction2();
                    }; </script>";
 }
 
}
?>

<!DOCTYPE html>
<html lang="en">
<head>
  <title>EirTechs > Ranked#1 Design Company</title>
    <meta charset="utf-8">
    <meta name="description" content="Eirtechs is a worldwide tech agency specializing in user-centered design, strong client collaboration, digital marketing and unparalleled customer support. - 100% Satisfied Clients - Contact Us: 087-386-4833">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="keywords" content="Custom Logo Design, Custom Web Design, Mobile Applications, Software Development, Corporate Branding, Digital Marketing">
  <link rel="icon" href="<?php echo $serverName; ?>../assets/images/favicon.png" type="image/x-icon" />
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
  <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700|Great+Vibes" rel="stylesheet">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 
  <link rel="stylesheet" href="../assest/css/main.css">
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

  <!-- <meta http-equiv="refresh" content="1"> -->
  
  <style>
.accordion {
  background-color: #ffffff;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  border-bottom: 1px solid;
}

.active, .accordion:hover {
  /*background-color: #ccc;*/
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}


* {
    margin: 0;
    padding: 0
}

html {
    height: 100%
}

#grad1 {
    background-color: : #9C27B0;
    background-image: linear-gradient(120deg, #FF4081, #81D4FA)
}

#msform {
    text-align: center;
    position: relative;
    margin-top: 20px
}

#msform fieldset .form-card {
    background: white;
    border: 0 none;
    border-radius: 0px;
    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
    padding: 20px 40px 30px 40px;
    box-sizing: border-box;
    width: 94%;
    margin: 0 3% 20px 3%;
    position: relative
}

#msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative
}

#msform fieldset:not(:first-of-type) {
    display: none
}

#msform fieldset .form-card {
    text-align: left;
    color: #9E9E9E
}

#msform input,
#msform textarea {
    padding: 0px 8px 4px 8px;
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 25px;
    margin-top: 2px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    font-size: 16px;
    letter-spacing: 1px
}

#msform input:focus,
#msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none;
    font-weight: bold;
    border-bottom: 2px solid skyblue;
    outline-width: 0
}

#msform .action-button {
    width: 100px;
    background: skyblue;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px
}

#msform .action-button:hover,
#msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px skyblue
}

#msform .action-button-previous {
    width: 100px;
    background: #616161;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #616161
}

select.list-dt {
    border: none;
    outline: 0;
    border-bottom: 1px solid #ccc;
    padding: 2px 5px 3px 5px;
    margin: 2px
}

select.list-dt:focus {
    border-bottom: 2px solid skyblue
}

.card {
    z-index: 0;
    border: none;
    border-radius: 0.5rem;
    position: relative
}

.fs-title {
    font-size: 25px;
    color: #2C3E50;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: left
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey
}

#progressbar .active {
    color: #000000
}

#progressbar li {
    list-style-type: none;
    font-size: 12px;
    width: 33.3%;
    float: left;
    position: relative
}

#progressbar #account:before {
    font-family: FontAwesome;
    content: "\f023"
}

#progressbar #company:before {
    font-family: FontAwesome;
    content: "\F0F7"
}

#progressbar #personal:before {
    font-family: FontAwesome;
    content: "\f007"
}

#progressbar #payment:before {
    font-family: FontAwesome;
    content: "\f09d"
}

#progressbar #confirm:before {
    font-family: FontAwesome;
    content: "\f00c"
}

#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 18px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: skyblue
}

.radio-group {
    position: relative;
    margin-bottom: 25px
}

.radio {
    display: inline-block;
    width: 204;
    height: 104;
    border-radius: 0;
    background: lightblue;
    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    cursor: pointer;
    margin: 8px 2px
}

.radio:hover {
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3)
}

.radio.selected {
    box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1)
}

.fit-image {
    width: 100%;
    object-fit: cover
}



div#error {
    background: red;
    padding: 5px;
    color: white;
    font-weight: 700;
}
</style>



</head>
<body>
 

<header>
  <nav id="navbar" class="navbar customnav navbar-expand-md navbar-light p-0 dropshadow d-block">
        <!-- Toggler/collapsibe Button -->
        <div class="m-0 row m-0">
          <button class="navbar-toggler ml-3 my-1 p-1 px-2" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
            <span class="navbar-toggler-icon"></span>
          </button>
          <!-- Brand -->
          <a class="p-0 pl-3 col" href="../index.php">
            <img src="../assest/image/logo.png" class="navbar-brand" alt="">
          </a>
          
          <ul class="collapse navbar-collapse navbar-nav second_nav justify-content-end" id="collapsibleNavbar">
            <li class="nav-item">
              <a href="../index.php" class="nav-link">Home</a>
            </li>
         <!--   <li class="nav-item dropdown">
              <a href="#!" class="nav-link">Services</a>
              <div class="dropdown-menu dropshadow">
                  <a class="dropdown-item" href="<?php echo $serverName; ?>../service/corporate-branding/logo_design.php">Logo Design</a>
                <a class="dropdown-item" href="../service/mobile_application.php">Mobile Application</a>
                <a class="dropdown-item" href="../service/software_development.php">Software Development</a>
                <a class="dropdown-item" href="../service/web&cms_development.php">Web & CMS Development</a>
                <a class="dropdown-item" href="../service/corporate_branding.php">Corporate Branding</a>
                <a class="dropdown-item" href="../service/digital_marketing.php">Digital Marketing</a>
                <div class="dropdown-divider"></div>
              </div>
            </li> -->
            <li class="nav-item dropdown">
              <a href="#!" class="nav-link">Expertise</a>
              <div class="dropdown-menu dropshadow">
                <a class="dropdown-item" href="../expertise/strategy.php">Strategy</a>
                <a class="dropdown-item" href="../expertise/design.php">Design</a>
                <a class="dropdown-item" href="../expertise/development.php">Development</a>
                <a class="dropdown-item" href="../expertise/marketing.php">Marketing</a>
                <a class="dropdown-item" href="../expertise/post_launch.php">Post-Launch</a>
                <div class="dropdown-divider"></div>
              </div>
            </li>
          <!--  <li class="nav-item dropdown">
              <a href="#!" class="nav-link">About</a>
              <div class="dropdown-menu dropshadow">
                <a class="dropdown-item" href="../about/the_company.php">The Company</a>
                <a class="dropdown-item" href="../about/our_team.php">Our Team</a>
                <a class="dropdown-item" href="../about/clients.php">Clients</a>
                <a class="dropdown-item" href="../about/testimonials.php">Testimonials</a>
                <div class="dropdown-divider"></div>
              </div>
            </li> -->
            <li class="nav-item">
              <a class="nav-link" href="../about/the_company.php">The Company</a>
            </li>
             <li class="nav-item">
              <a class="nav-link" href="../about/our_team.php">Our Team</a>
            </li>
             <li class="nav-item">
              <a class="nav-link" href="../about/clients.php">Clients</a>
            </li>
            
            <li class="nav-item"><a href="<?php echo $serverName; ?>about/partners.php" class="nav-link">Partners - Joint Venture</a></li>
            <!-- <li class="nav-item">
              <a class="nav-link" href="../contact.php">Contact</a>
            </li> -->
          </ul>
          
          <!-- <div class="d-sm-flex align-self-center d-none contact_text mr-3">
            <a href="https://EirfoTech.ie/contact.php" class="text-light"> Contact Us</a> &nbsp; <i class="d-lg-block d-none mx-1">|</i><span class="d-none d-lg-block"> &nbsp; <i class="fa fa-phone mt-2"></i>&nbsp;&nbsp;Call Us +353 (87) 386-4833</span>
          </div> -->
          <div class="p-0 justify-content-end d-flex float-right">
            <button class="primary-r-gradient nav-reqbtn float-right">Request Info</button>
          </div>
        </div>
    </nav>
    
    <!--<div class="banner">-->
    <!--  <img src="../assest/image/slider/a2.jpg" class="bg-danger" alt="" width="100%">-->
    <!--  <div class="banner-caption">-->
    <!--    <h3>Respecting & believing is our key to success</h3>-->
    <!--  </div>-->
    <!--</div>-->
</header>
<!--<div class=" primary-r-gradient2">-->
<!--<div class="container justify-content-center d-flex py-3">-->
<!--  <div class="col-lg-9 col-12 text-center">-->
<!--    <h1 class="pt-4 text-center text-white" style="font-size: 50px; font-weight: bold; font-family: cursive;">Our <i style="font-family: none;font-weight: normal; color: rgba(255,255,255,0.5);"></i><span class="text-secondary">successful joint venture </span>with SMEs companies</h1>-->
<!--    <p style="font-size: 18px; color: white;">Over the past 3 years we  had a successful joint venture with SMEs companies. Through our Joint ventures, we were able to get cumulative sales of $6.5M. Last year alone we had a total commission paid out of $875k, this year we plan to cross the million mark in paying out commission. We are now extending this business venture to freelancers too, since <most freelancers, you> have worked with many clients, a reputation with the clients is built. We leverage this reputation together with our sales force and cutting edge technologies, we are able to make further deals with those clients that no other company is capable of. Yes that's right! We are proud to say that we have such systems and teams in place that are able to take up any challenge and make it a reality. <br><br>In the last 15 months alone we were able to expand our reach to 12 different countries. With the headquarters located in Dublin Ireland, and regional offices located in USA, Canada, UK, Australia, Sweden, France, and South Africa, Philippines, and India just to name a few. By the end of 2022 our aim is to be the global industry leader in Joint Ventures and business partnership programs with SMEs companies.</p>-->
<!--  </div>-->
<!--</div>-->
<!--</div>-->


<!-- MultiStep Form -->
<div class="container-fluid" id="grad1">
    <div class="row justify-content-center mt-0">
        <div class="col-11 col-sm-9 col-md-7 col-lg-6 text-center p-0 mt-3 mb-2">
            <div class="card px-0 pt-4 pb-0 mt-3 mb-3">
                <h2><strong>Questionnaire for Joint Venture</strong></h2>
                <p style="width: 650px; margin: auto;">Welcome to Eir, we are Internationally based company with head quarters located in Ireland and have  many branches in countries such as USA, UK, Australia to name a few.  </p>
                <div class="row">
                    <div class="col-md-12 mx-0">
                            <form method="post" id="msform">
                            <!-- progressbar -->
                            <ul id="progressbar">
                                 <li class="active" id="account"><strong>Account</strong></li>
                                <li id="personal"><strong>Personal</strong></li>
                                <li id="company"><strong>Company</strong></li>
                                
                            </ul> <!-- fieldsets -->
                           
                           <fieldset>
                                <div class="form-card">
                                    <h2 class="fs-title">Account Information</h2>
                                    <input type="text" id="uname" name="uname" placeholder="UserName*" />
                                    <input type="password" id="pwd" name="pwd" placeholder="Create Password*" /> 
                                    <input type="password" id="cpwd" name="cpwd" placeholder="Confirm Password*" />
                                </div> 
                                <input type="button" name="next" class="next action-button" value="Next Step" />
                            </fieldset>
                            
                            <fieldset>
                                <div class="form-card">
                                    <h2 class="fs-title">Personal Information</h2> 
                                    <input type="text" id="name" name="name" placeholder="Name*" />
                                    <input type="email" id="email" name="email" placeholder="Email*"/> 
                                    <input type="text" id="phone" name="phone" placeholder="Phone"/>
                                    <label>What is best way to contact you if required?</label>
                                    <!-- Group of default radios - option 1 -->
                                    <div class="custom-control custom-radio">
                                      <input type="radio" class="custom-control-input" id="defaultGroupExample" name="c_way" value="Phone">
                                      <label class="custom-control-label" for="defaultGroupExample">Phone</label>
                                    </div>
                                    
                                    <!-- Group of default radios - option 2 -->
                                    <div class="custom-control custom-radio">
                                      <input type="radio" class="custom-control-input" id="defaultGroupExample1" name="c_way" value="Email">
                                      <label class="custom-control-label" for="defaultGroupExample1">Email</label>
                                    </div>
    
                                </div>
                                <input type="button" name="previous" class="previous action-button-previous" value="Previous" /> 
                                <input type="button" name="next" class="next action-button" value="Next Step" />
                            
                            </fieldset>
                            <fieldset>
                                
                                <div class="form-card">
                                    <h2 class="fs-title">Company Information</h2> 
                                    <label>List all the services that you are providing to your clients at the moment. eg.  logo designing, graphic designing etc.. </label>
                                    <input type="text" name="services"/> 
                                    
                                    <label>Are you a freelancer or an agency/company?</label>
                                    <div class="custom-control custom-radio">
                                      <input type="radio" class="custom-control-input" id="defaultGroupExample2" name="company" value="Freelancer">
                                      <label class="custom-control-label" for="defaultGroupExample2">Freelancer</label>
                                    </div>

                                    <div class="custom-control custom-radio">
                                      <input type="radio" class="custom-control-input" id="defaultGroupExample3" name="company" value="Agency/Company">
                                      <label class="custom-control-label" for="defaultGroupExample3">Agency/Company</label>
                                    </div>
                                    
                                    <div class="custom-control custom-radio">
                                      <input type="radio" class="custom-control-input" id="defaultGroupExample4" name="company" value="Other">
                                      <label class="custom-control-label" for="defaultGroupExample4">Other</label>
                                    </div>
                                    <br>
                                    <label>How long have you been providing these services for?</label>
                                    <input type="text" name="providing" />
                                    
                                    <label>Please give link to your website below.</label>
                                    <input type="text" name="link" /> 
                                    
                                    <label>Do you have a  link to your upwork, fiverr and freelancer etc.. account? Please provide links below.</label>
                                    <textarea cols="2" type="text" name="plink" /></textarea>
                                    
                                    <label>How many clients do you have so far?</label>
                                    <input type="text" name="clients"/>
                                    
                                    <label>Which countries do you serve?</label>
                                    <input type="text" name="serve"/>
                                    
                                    <label>Where are your clients mainly from?</label>
                                    <input type="text" name="c_from"/>
                                </div>
                                <input type="hidden" id="token123" name="token123">
                                <input type="button" name="previous" class="previous action-button-previous" value="Previous" /> 
                                <input style="width: 100px; background: skyblue; font-weight: bold; color: white; border: 0 none; border-radius: 0px; cursor: pointer; padding: 10px 5px; margin: 10px 5px;" name="joint_now" type="submit" value="Submit" />
                            
                            </fieldset>
                            
                             
                            
                                <div class="error_css" id="error"></div>
                            <!--<fieldset>-->
                            <!--    <div class="form-card">-->
                            <!--        <h2 class="fs-title text-center">Success !</h2> <br><br>-->
                            <!--        <div class="row justify-content-center">-->
                            <!--            <div class="col-3"> <img src="https://img.icons8.com/color/96/000000/ok--v2.png" class="fit-image"> </div>-->
                            <!--        </div> <br><br>-->
                            <!--        <div class="row justify-content-center">-->
                            <!--            <div class="col-7 text-center">-->
                            <!--                <h5>You Have Successfully Signed Up</h5>-->
                            <!--            </div>-->
                            <!--        </div>-->
                            <!--    </div>-->
                            <!--</fieldset>-->
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>







<?php require("../inc/footer2.php"); ?>
  <section class="req_form justify-content-center">
<div class="position-absolute h-100 w-100 closebtn"></div>
<div class="strip1 secondary-r-gradient col-lg-4 col-md-6 col-sm-10 col-12 p-0 align-self-center">
  <h2 class="col-12">Let's build <b>somthing great</b> together! <i class="fa fa-times closebtn"></i></h2>
  <div class="container p-4">
    <form method="post" class="form-row justify-content-end align-self-center">
      <div class="form-group col-12">
        <input type="text" name="name" class="form-control my_input" placeholder="Name *" required>
      </div>
      <div class="form-group col-12">
        <input type="email" name="email" class="form-control my_input" placeholder="Email *" required>
      </div>
      <div class="form-group col-12">
        <div class="input-group">
          <select id="" name="code" class="custom-select col-4">
                      <option selected><?php echo $ipdat->geoplugin_countryCode.' ('.$ipdat2.')'; ?></option>
                      <option data-countryCode="DZ" value="DZ (+213)">DZ (+213)</option>

                		<option data-countryCode="AR" value="AR (+54)">AR (+54)</option>
                	
                		<option data-countryCode="AU" value="AU (+61)">AU (+61)</option>
                		<option data-countryCode="AT" value="AT (+43)">AT (+43)</option>
                		<option data-countryCode="AZ" value="AZ (+994)">AZ (+994)</option>
                	
                		<option data-countryCode="BD" value="BD (+880)">BD (+880)</option>
                		
                		<option data-countryCode="BE" value="BE (+32)">BE (+32)</option>
                		
                		<option data-countryCode="BR" value="BR (+55)">BR (+55)</option>
                		
                		<option data-countryCode="CA" value="CA (+1)">CA (+1)</option>
                	
                		<option data-countryCode="CN" value="CN (+86)">CN (+86)</option>
                	
                		<option data-countryCode="EG" value="EG (+20)">EG (+20)</option>
                	
                		<option data-countryCode="FJ" value="FJ (+679)">FJ (+679)</option>
                		<option data-countryCode="FI" value="FI (+358)">FI (+358)</option>
                		<option data-countryCode="FR" value="FR (+33)">FR (+33)</option>
                		
                		<option data-countryCode="DE" value="DE (+49)">DE (+49)</option>
                		
                		<option data-countryCode="GR" value="GR (+30)">GR (+30)</option>
                		<option data-countryCode="GL" value="GL (+299)">GL (+299)</option>
                	
                		<option data-countryCode="HK" value="HK (+852)">HK (+852)</option>
                		<option data-countryCode="PK" value="PK (+92)">PK (+92)</option>
                		
                		<option data-countryCode="IS" value="IS (+354)">IS (+354)</option>
                		<option data-countryCode="IN" value="IN (+91)">IN (+91)</option>
                		<option data-countryCode="ID" value="ID (+62)">ID (+62)</option>
                		<option data-countryCode="IR" value="IR (+98)">IR (+98)</option>
                		<option data-countryCode="IQ" value="IQ (+964)">IQ (+964)</option>
                		<option data-countryCode="IE" value="IE (+353)">IE (+353)</option>
                		
                		<option data-countryCode="JP" value="JP (+81)">JP (+81)</option>
                	
                		<option data-countryCode="KW" value="KW (+965)">KW (+965)</option>
                	
                		<option data-countryCode="MY" value="MY (+60)">MY (+60)</option>
                		<option data-countryCode="MV" value="MV (+960)">MV (+960)</option>
                		
                		<option data-countryCode="MX" value="MX (+52)">MX (+52)</option>
                	
                		<option data-countryCode="NP" value="NP (+977)">NP (+977)</option>
                		<option data-countryCode="NL" value="NL (+31)">NL (+31)</option>
                		
                		<option data-countryCode="NG" value="NG (+234)">NG (+234)</option>
                		
                		<option data-countryCode="NO" value="NO (+47)">NO (+47)</option>
                		<option data-countryCode="OM" value="OM (+968)">OM (+968)</option>
                	
                		<option data-countryCode="PL" value="PL (+48)">PL (+48)</option>
                		<option data-countryCode="PT" value="PT (+351)">PT (+351)</option>
                		
                		<option data-countryCode="QA" value="QA (+974)">QA (+974)</option>
                	
                		<option data-countryCode="RU" value="RU (+7)">RU (+7)</option>
                	
                		<option data-countryCode="SA" value="SA (+966)">SA (+966)</option>
                	
                		<option data-countryCode="SG" value="SG (+65)">SG (+65)</option>
                	
                		<option data-countryCode="ZA" value="ZA (+27)">ZA (+27)</option>
                		<option data-countryCode="ES" value="ES (+34)">ES (+34)</option>
                		<option data-countryCode="LK" value="LK (+94)">LK (+94)</option>
                	
                		<option data-countryCode="SE" value="SE (+46)">SE (+46)</option>
                		<option data-countryCode="CH" value="CH (+41)">CH (+41)</option>
                	
                		<option data-countryCode="TH" value="TH (+66)">TH (+66)</option>
                		
                		<option data-countryCode="TR" value="TR (+90)">TR (+90)</option>
                	
                		<option data-countryCode="AE" value="AE (+971)">AE (+971)</option>
                		
                		 <option data-countryCode="US" value="US (+1)">US (+1)</option>
                
                	
                		<option data-countryCode="ZW" value="ZW (+263)">ZW (+263)</option>
                    </select>
          <input type="number" name="phone" class="form-control my_input col-9" placeholder="Phone Number" required>
        </div>
      </div>
      <div class="form-group col-12">
        <textarea name="message" id="" class="form-control my_input" placeholder="Message and suitable time for call *" required></textarea>
      </div>
      
      <div class="form-group col-12">
              <input type="hidden" id="token" name="token">
                </div>
      
      <div class="form-group my_input">
        <button type="submit" name="submit" class="form-control text-primary">Submit</button>
      </div>
    </form>
  </div>
</div>
</section>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>


<script src="../assest/javascript/main.js"></script>

<script>


const name = document.getElementById('name')
const email = document.getElementById('email')
const uname = document.getElementById('uname')
const pwd = document.getElementById('pwd')
const cpwd = document.getElementById('cpwd')

const msform = document.getElementById('msform')

const errorElement = document.getElementById('error')

msform.addEventListener('submit', (e) => {
  let messages = []
  if (name.value === '' || name.value == null) {
    messages.push('Name is required')
  }
  if (pwd.value === '' || pwd.value == null) {
    messages.push('Password is required')
  }
  if (uname.value === '' || uname.value == null) {
    messages.push('Username is required')
  }
  if (pwd.value != cpwd.value) {
    messages.push('Password doesnot match')
  }
  if (email.value === '' || email.value == null) {
    messages.push('Email is required')
  }



  if (messages.length > 0) {
    e.preventDefault()
    errorElement.innerText = messages.join(', ')
  }
  
  
})



















$(document).ready(function(){

var current_fs, next_fs, previous_fs; //fieldsets
var opacity;

$(".next").click(function(){

current_fs = $(this).parent();
next_fs = $(this).parent().next();

//Add Class Active
$("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active");

//show the next fieldset
next_fs.show();
//hide the current fieldset with style
current_fs.animate({opacity: 0}, {
step: function(now) {
// for making fielset appear animation
opacity = 1 - now;

current_fs.css({
'display': 'none',
'position': 'relative'
});
next_fs.css({'opacity': opacity});
},
duration: 600
});
});

$(".previous").click(function(){

current_fs = $(this).parent();
previous_fs = $(this).parent().prev();

//Remove class active
$("#progressbar li").eq($("fieldset").index(current_fs)).removeClass("active");

//show the previous fieldset
previous_fs.show();

//hide the current fieldset with style
current_fs.animate({opacity: 0}, {
step: function(now) {
// for making fielset appear animation
opacity = 1 - now;

current_fs.css({
'display': 'none',
'position': 'relative'
});
previous_fs.css({'opacity': opacity});
},
duration: 600
});
});

$('.radio-group .radio').click(function(){
$(this).parent().find('.radio').removeClass('selected');
$(this).addClass('selected');
});

$(".submit").click(function(){
return false;
})

});

</script>

<script src="https://www.google.com/recaptcha/api.js?render=6LcOU0caAAAAAOJ8Z4NC78434DVnzo4r-R-01rM7"></script>
<script>
  grecaptcha.ready(function() {
      grecaptcha.execute('6LcOU0caAAAAAOJ8Z4NC78434DVnzo4r-R-01rM7', {action: 'homepage'}).then(function(token123) {
         // console.log(token);
         document.getElementById("token123").value = token123;
      });
  });
  </script>
  
</body>
</html>

Zerion Mini Shell 1.0