<?php require_once('webform_pre.php');?>
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">


<link type="text/css" href="css/bootstrap.css" rel="stylesheet">
<link type="text/css" href="css/bootstrap-theme.css" rel="stylesheet">
<link type="text/css" href="css/style.css" rel="stylesheet">


<!-----Fonts Css Link-------->
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>

<title>Apply - Asian College of Teachers</title>
<meta name="title" content="Apply - Asian College of Teachers"/>
<meta name="description" content="If you are looking to enroll for a TEFL course, you can now directly make an online application by filling in the required details in the application form!">

<?php include_once("include/script.php"); ?>

<link rel="canonical" href="https://www.tesolcourseindia.com/apply.php" />
</head>

<body>
<!-- HEADER --> 
<header>
<?php include_once("include/header.php"); ?>
</header>
<!-- HEADER END --> 

<!--========================================================
                    BODY START
=========================================================-->
<div class="main-conetnt"> 

<!--Special Course Part Start-->
<div class="container-fluid">
	<div class="container">
    	<div class="special_course_wrap">
        	<h1>Apply</h1>
            <div class="heading_border">&nbsp;</div>
            <div class="col-lg-offset-2 col-lg-8 col-sm-12">
               <div class="caption" style="padding:20px; box-shadow:10px 10px 25px #ccc;">

             <!--   <h5 class="he1" style="color:#000;font-size:25px;">Application - Tesol courses<br></h5>-->
<form name="form1" id="form1" method="POST">
<center><span style="font-size:20px;font-weight:bold; display:block; font-family: 'Open Sans', sans-serif; line-height: 20px; color: #7e7d7d; text-align:center; margin: 0 0 2% 0;">Application - TEFL/TESOL Courses</span></center>
<hr style="border-bottom: 1px dotted #ccc;">
	<div class="form-group"> <!-- Name field -->
		<label class="control-label " for="txtname">Name <span class="asteriskField" style="color:#F00">*</span></label>
		<input class="form-control" id="txtname" name="txtname" type="text" required/>
	</div>
    <div class="form-group"> <!-- Email field -->
		<label class="control-label requiredField" for="email">Email <span class="asteriskField" style="color:#F00">*</span></label>
		<input class="form-control" id="email" name="email" type="text" required/>
	</div>
   
    
	<div class="form-group">
		<label class="control-label" for="subject">Phone Number <span class="asteriskField" style="color:#F00">*</span></label>
		<input class="form-control" id="contact" name="contact" type="text" required/>
	</div>
	
	<div class="form-group"> <!-- Subject field -->
		<label class="control-label " for="subject">Please type your current State and City <span class="asteriskField" style="color:#F00">*</span> </label>
		<input class="form-control" id="location" name="location" type="text" required/>
	</div>
    <div class="form-group">
		<label class="control-label" for="message">Mode of Study<span class="asteriskField" style="color:#F00">*</span></label>
		<select class="form-control" name="cmbMode" id="cmbMode" required>
            <option value="">Select Mode </option>
            <option value="Inclass">Inclass TEFL Courses</option>
            <option value="Online">Online TEFL Courses</option>
            <option value="Live Online/Webinar">Live Online TEFL Courses</option>
            <option value="Degree Programs">Degree Programs</option>
            </select>
	</div>

    <!--  <div class="form-group" id="ifwebinar" style="display: none;">
		<label class="control-label" for="cmbClassess">Choose your Preferred Classes <span class="asteriskField" style="color:#F00">*</span></label>
       <input type="radio" name="myRadios"  value="Saturday Classes" />
  		<input type="radio" name="myRadios"  value="Weekday Classes" />
		<select class="form-control" name="cmbClassess" id="cmbClassess" onchange="classes(this);">
            <option value=""></option>
          	<option value="Saturday Classes">Saturday Classes</option>
            <option value="Bi-weekly Classes">Bi-weekly Classes</option>
            
        </select>
   </div>-->
   
   <!--<div class="form-group" id="ifsaturday" style="display: none;">
		<label class="control-label" for="cmbSaturdayDate">Choose your Saturday Classes Date <span class="asteriskField" style="color:#F00">*</span></label>
		<select class="form-control" name="cmbSaturdayDate" id="cmbSaturdayDate">
            <option value=""></option>
          	<option value="29th Aug - 26th Dec, 2020">29th Aug - 26th Dec, 2020 </option>
            <option value="10th Oct - 6th Feb, 2021">10th Oct - 6th Feb, 2021</option>
           
        </select>
   </div>
   
   
   <div class="form-group" id="ifweekday" style="display: none;">
		<label class="control-label" for="cmbWeekdayDate">Choose your Bi-weekly Classes Date <span class="asteriskField" style="color:#F00">*</span></label>
		<select class="form-control" name="cmbWeekdayDate" id="cmbWeekdayDate">
            <option value=""></option>
          	<option value="22nd Sep - 12th Nov, 2020">22nd Sep - 12th Nov, 2020</option>
            <option value="23rd Nov - 13th Jan, 2021">23rd Nov - 13th Jan, 2021</option>
           
        </select>
   </div>
	
-->
	   
   	
    <div class="form-group"> <!-- Subject field -->
		<label class="control-label " for="subject">Additional Comment<span class="asteriskField" style="color:#F00">*</span> </label>
		<textarea class="form-control" name="comments" id="comments" required></textarea>
	</div>
    
	<div class="form-group " style="text-align:center;">            
  
    <button type="submit" class="btn btn-primary" data-callback='onSubmit' name="submit" id="submit"  style="position: relative;"  onClick="SaveData1()">SUBMIT</button>    
    <input type="hidden" name="txtAction3" id="txtAction3">
    </div>
</form>								
               <span class="bg"></span>

              </div>
            
              <!--  <div id="wufoo-sx3bi2x09r94cg">
Fill out my <a href="https://appliations.wufoo.com/forms/sx3bi2x09r94cg">online form</a>.
</div>
<script type="text/javascript">var sx3bi2x09r94cg;(function(d, t) {
var s = d.createElement(t), options = {
'userName':'appliations',
'formHash':'sx3bi2x09r94cg',
'autoResize':true,
'height':'1190',
'async':true,
'host':'wufoo.com',
'header':'show',
'ssl':true};
s.src = ('https:' == d.location.protocol ? 'https://' : 'http://') + 'www.wufoo.com/scripts/embed/form.js';
s.onload = s.onreadystatechange = function() {
var rs = this.readyState; if (rs) if (rs != 'complete') if (rs != 'loaded') return;
try { sx3bi2x09r94cg = new WufooForm();sx3bi2x09r94cg.initialize(options);sx3bi2x09r94cg.display(); } catch (e) {}};
var scr = d.getElementsByTagName(t)[0], par = scr.parentNode; par.insertBefore(s, scr);
})(document, 'script');</script>

 -->
            </div>
            
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!--Special Course Part End-->


<div class="clearfix"></div>
    
</div>
<style>
#hidden_div {
    display: none;
}
#hidden_div1 {
    display: none;
}

</style>
<script language="javascript">

	function SaveData1()

	{

	    form1.txtAction3.value = "save_data";

	    form1.submit();

	}
	
function showDiv(divId, element)
{
    document.getElementById("hidden_div").style.display = element.value == 'online' ? 'block' : 'none';
	document.getElementById("hidden_div").style.display = element.value == 'inclass' ? 'none' : 'block';
	document.getElementById("hidden_div1").style.display = element.value == 'online' ? 'none' : 'block';
	document.getElementById("hidden_div1").style.display = element.value == 'inclass' ? 'block' : 'none';
}

</script>


<!--========================================================
                    FOOTER START
=========================================================-->
<footer>
<?php include_once("include/footer.php"); ?>
</footer>
<!-- FOOTER END --> 
</body>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
</html>
