 <section id="slider-4" class="slider-section-4  position-relative" style="border-top:10px solid #e3002a; border-bottom:10px solid #e3002a; background-image: url(assets/img/banner/bg-bg.jpg);">
      
         <div id="yl-main-slider-3" class="yl-main-slider-wrap owl-carousel">
            <div class="slider-main-item-3 position-relative">
              <div class="slider-main-img" data-background="assets/img/banner/bg-bg.jpg"></div>

              <section id="yl-feature" class="yl-feature-section">
            <div class="container">
                <div class="row">
                 <div class="col-md-8 mt-4">
               <div class="yl-feature-content">

                  <h1>Become an accomplished teacher by taking TEFL Course Online </h1>
                  <div class="row justify-content-center wow fadeInUp animated" data-wow-delay="0ms" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-delay: 0ms; animation-name: fadeInUp;">
                     <div class="col-lg-6 col-md-6">
                        <div class="yl-feature-innerbox position-relative">
                           
                           <div class="yl-feature-text yl-headline pera-content">
                              <!--<div class="yl-feature-icon float-left">
                              <i class="flaticon-graduation-cap"></i>
                           </div>--><h3><a href="#">Mode of learning</a></h3>
                              <p>Live Online Classes, Online Programs<br>&nbsp;</p>
                           </div>
                        </div>
                     </div>
                     <div class="col-lg-6 col-md-6">
                        <div class="yl-feature-innerbox position-relative">
                           
                           <div class="yl-feature-text yl-headline pera-content">
                              <!--<div class="yl-feature-icon float-left">
                              <i class="flaticon-graduation-cap"></i>
                           </div>--><h3><a href="#">Who can join?</a></h3>
                              <p>Regular teachers, Inclusive teachers, Shadow teachers, Parents</p>
                           </div>
                        </div>
                     </div>
                     <div class="col-lg-6 col-md-6">
                        <div class="yl-feature-innerbox position-relative">
                           
                           <div class="yl-feature-text yl-headline pera-content">
                              <!--<div class="yl-feature-icon float-left">
                              <i class="flaticon-graduation-cap"></i>
                           </div>--><h3><a href="#">Placement & Internship</a></h3>
                              <p>Work as an intern with ACT Training Partners<br>&nbsp;</p>
                           </div>
                        </div>
                     </div>

                         <div class="col-lg-6 col-md-6">
                        <div class="yl-feature-innerbox position-relative">
                           
                           <div class="yl-feature-text yl-headline pera-content">
                             <!--<div class="yl-feature-icon float-left">
                              <i class="flaticon-graduation-cap"></i>
                           </div>--> <h3><a href="#">International Certification</a></h3>
                              <p>ACT, CPD Certification, UK, NCC Education, UK, CACHE</p>
                           </div>
                        </div>
                     </div>

                     <div class="yl-course-more-btn text-center">
                  <a href="#Subscribe2" style="color: #fff;">Subscribe  Newsletter <i class="fas fa-chevron-right"></i></a>
               </div>
               
                  </div>
               </div>
           </div>
            <div class="col-md-4 mt-4">
              <div class="pera-content-2">
                              
<div class="about-page">
<h3 class="title-text">APPLICATION - TEFL Course THAILAND </h3>

              

<p>
<form name="form1" id="form1" method="POST"> 

 <hr style="border:2px 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">E-mail <span class="asteriskField" style="color:#F00">*</span></label>
    <input class="form-control" id="email" name="email" type="email" required/>
  </div>
   <div class="form-group"> <!-- Subject field -->
    <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"> 
    <label class="control-label" for="country"> Please mention your Country & 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="cmbCourse">Please select your course<span class="asteriskField" style="color:#F00">*</span> </label>
    <select class="form-control" name="cmbCourse" id="cmbCourse"  onchange="course(this);" required>
        <option value=""></option>
          <option value="TEFL In class (Thailand)">
        TEFL In class (Thailand)
      </option>
            <option value="TEFL Online">
        TEFL Online
      </option>
            <option value="TEFL Job Project">
        TEFL Job Project
      </option>
            <option value="TEFL Short Courses">
        TEFL Short Courses
      </option>
            <option value="International School Experience Program">
        International School Experience Program
      </option>
  </select>
  </div>

    
     
    <div class="form-group"> <!-- Subject field -->
    <label class="control-label" for="comment">Why are you interested in this course? <span class="asteriskField" style="color:#F00">*</span></label>
    <textarea class="form-control" id="comment" name="comment" type="text" required></textarea>
  </div>
   
 <div class="text-center">        
<button type="submit" class="btn btn-danger" name="submit" id="submit"   onClick="SaveData()">SUBMIT</button>
   
    <input type="hidden" name="txtAction" id="txtAction">
</div>
</form>         

</p>
</div>
        

                             

                              

                           </div>

           </div>

       </div>


            </div>
         </section>
               
              <!-- <div class="container">
                  <div class="slider-main-text yl-headline text-center position-relative pera-content">
                    <span class="shape-layer position-absolute">&nbsp;</span>
                     <span>&nbsp;</span>
                     <h1 style="font-size: 50px;">Become an accomplished teacher by taking TEFL Course Online </h1>
                     <div class="row">

                                 

        <div class="col-md-6 mt-4">

          <div class="icon-box" style="border: 1px solid;color: #e3002a; background-color:rgb(189 107 107 / 0%); text-align:center; padding: 10px 20px 10px 20px;">

            <i class="ri-store-line"></i>

          

            <h3 style="font-size: 18px; color: #97fb34; padding:0; text-transform:none; background:none; margin-bottom:0;"><span style="font-weight: 700;

  color: #fff; font-size: 20px;">Mode of learning</span></h3>

            <p style="color: #faf90b; background-color:transparent; padding-top:0; font-weight:700;">Live Online Classes, Online Programs</p>

          </div>

        </div>

        <div class="col-md-6 mt-4">

          <div class="icon-box" style="border: 1px solid;

    color: #e3002a; background-color:rgb(189 107 107 / 0%); text-align:center; padding: 10px 20px 10px 20px;">

            <i class="ri-bar-chart-box-line"></i>

        

              <h3 style="font-size: 18px; color: #97fb34; padding:0; text-transform:none; background:none; margin-bottom:0;"><span style="font-weight: 700;

    color: #fff; font-size: 20px;">Who can join?</span></h3>

    <p style="color: #faf90b; background-color:transparent; padding-top:0; font-weight:700;">Regular teachers,

Inclusive teachers,

Shadow teachers, Parents</p>

          </div>

        </div>

        <div class="col-md-6 mt-4">

          <div class="icon-box" style="border: 1px solid;

    color: #e3002a; background-color:rgb(189 107 107 / 0%); text-align:center; padding: 10px 20px 10px 20px;">

            <i class="ri-calendar-todo-line"></i>

     

             <h3 style="font-size: 18px; color: #97fb34; padding:0; text-transform:none; background:none; margin-bottom:0;"><span style="font-weight: 700;

   color: #fff; font-size: 20px;">Placement &amp; Internship</span></h3>

<p style="color: #faf90b; background-color:transparent; padding-top:0; font-weight:700;">Work as an intern with ACT Training Partners</p>

          </div>

        </div>

       

        <div class="col-md-6 mt-4">

          <div class="icon-box" style="border: 1px solid;

    color: #e3002a; background-color:rgb(189 107 107 / 0%); text-align:center; padding: 10px 20px 10px 20px;">

            <i class="ri-database-2-line"></i>           

         

              <h3 style="font-size: 18px; color: #97fb34; padding:0; text-transform:none; background:none; margin-bottom:0;"><span style="font-weight: 700;

    color: #fff; font-size: 20px;">International Certification</span></h3>

    <p style="color: #faf90b; background-color:transparent; padding-top:0; font-weight:700;">ACT,

 CPD Certification, UK,

NCC Education, UK,

CACHE</p>

          </div>

        </div>

        </div>

                     
                  </div>
               </div>-->
            </div>
           <!--<a href="#"><div class="slider-main-item-3 position-relative">
               <div class="slider-main-img img-zooming" data-background="assets/img/banner/Web_Banner_2.jpg"></div>
              
               <div class="container">
                  <div class="slider-main-text yl-headline text-center position-relative pera-content">
                     <span class="shape-layer position-absolute">&nbsp;</span>
                     <span>&nbsp;</span>
                     <h1>&nbsp; </h1>
                     <p>&nbsp;</p>

                    
                  </div>
               </div>
            </div></a>
           <a href="#"> <div class="slider-main-item-3 position-relative">
               <div class="slider-main-img img-zooming" data-background="assets/img/banner/Web_Banner_3.jpg"></div>
              
              <div class="container">
                  <div class="slider-main-text yl-headline text-center position-relative pera-content">
                     <span class="shape-layer position-absolute">&nbsp;</span>
                     <span>&nbsp;</span>
                     <h1>&nbsp; </h1>
                     <p>&nbsp;</p>

                     
                  </div>
               </div>
            </div></a>-->
         </div>
      </section>



