 <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>
            <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">

                  <div class="banner-heading">Begin your English teaching career today <br><span style="font-size:19px;"> with ACT's Internationally Accredited In-class, Online & Live Online TEFL/TESOL Courses</span> </div>
                  <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>--><div class="banner-sub-heading"><a href="#">Mode of learning</a></div>
                              <p>Face to Face Classes, Live Online Instructor-Led Program, Online Programs</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>--><div class="banner-sub-heading"><a href="#">Certification</a></div>
                              <p>Courses accredited by TESOL Canada & certified by CPD Certification Service UK
</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>--><div class="banner-sub-heading"><a href="#">Placement</a></div>
                              <p>100% Lifetime Placement Assistance<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>--> <div class="banner-sub-heading"><a href="#">Support</a></div>
                              <p>Complete tutor support available with other valuable resources
</p>
                           </div>
                        </div>
                     </div>

                    <div class="yl-course-more-btn text-center" style="width: 100% !important; height:auto !important;">
                  <!--  <p style="margin-bottom: 0px;
    font-size: 28px;
    color: #ffe214;">DATES</p>
              <a href="#Subscribe2" style="color: #fff;">Subscribe  Newsletter <i class="fas fa-chevron-right"></i></a>-->
               <!--  <p style="font-size:14px;">Bangkok (30th January - 17th February 2023) | Bali (9th January - 2nd Feb 2023) | Siem Reap (9th January - 2nd Feb 2023)</p>-->
               </div>
               
             <div class="row">
               <div class="col-md-4"><div class="wrapper" style="background-color: #e3002a;;"><p style="padding: 2px 13px; color:#FFF; text-align:center;"><span style="color: #f5d700; font-size: 20px; font-weight: bold;">Bangkok</span>:<br>15th March - 14th June 2025<br><br>14th April - 29th May 2025
</p></div></div>
               
               <div class="col-md-4"><div class="wrapper" style="background-color: #e3002a;;"><p style="padding: 2px 13px; color:#FFF; text-align:center;"><span style="color: #f5d700; font-size: 20px; font-weight: bold;">Bali</span>:<br>15th March - 14th June 2025<br><br>14th April - 29th May 2025
</p></div></div>
               
                <div class="col-md-4"><div class="wrapper" style="background-color: #e3002a;;"><p style="padding: 2px 13px; color:#FFF; text-align:center;"><span style="color: #f5d700; font-size: 20px; font-weight: bold;">Siem Reap</span>:<br> 15th March - 14th June 2025<br><br>14th April - 29th May 2025
</p></div></div>
               </div>
                  </div>
               </div>
           </div>
            <div class="col-md-4 mt-4">
              <div class="pera-content-2">
                              
<div class="about-page">
<div class="apply-form-title">APPLICATION - TEFL Course  </div>

              

<p>
<form action="webform_pre.php" 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_home" id="submit_home"   >SUBMIT</button>
   
    
</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>



