

<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie ie6 no-js" lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie ie7 no-js" lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie ie8 no-js" lang="en"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie ie9 no-js" lang="en"> <![endif]-->
<!--[if gt IE 9]><!-->
<html class="no-js" lang="en">
<!--<![endif]-->

<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Metas Page details-->
<title>Asian College of Teachers</title>
<meta name="description" content="UX designer and web developer">
<meta name="author" content="">
<!-- Mobile Specific Metas-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--main style-->
<link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/main.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/skins/default.css" data-name="skins">

<!--google font style-->
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<!--font-family: 'Metrophobic', sans-serif;-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300italic,300,400italic,600italic,600,700italic,700' rel='stylesheet' type='text/css'>
<!--font-family: 'Open Sans', sans-serif; -->
<link href='http://fonts.googleapis.com/css?family=Roboto:400,700,400italic,500,300italic,300,100,500italic' rel='stylesheet' type='text/css'>
<!--font-family: 'Roboto', sans-serif; -->

<!-- font icon css style-->
<link rel="stylesheet" href="css/font-awesome.min.css">
</head>
<body onLoad="load()" onUnload="GUnload()">

<!--wrapper start-->
<div class="wrapper" id="wrapper"> 
  <!-- Preloader -->
  
  <!--Header start -->
  <header> 
    <!--Language start -->
    
    <!--/Language end --> 
    <!--menu start-->
    <div class="menu">
      <div class="navbar-wrapper">
        <div class="container"> 
          <!--Logo -->
          <div class="logo"><a href="./"><img src="images/act_logo-resize.png"></a> </div>
            <!--Logo -->
          <div class="navwrapper">
            <div class="navbar navbar-inverse navbar-static-top">
              <div class="container">
                <nav class="navArea">
                  <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
                  </div>
                  <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav" id="navigation">
                      <li class="menuItem" id="home"><a href="./">Home</a></li>
                      <li class="menuItem"><a href="courses.php">Counselling Courses</a></li>
                      <li class="menuItem"><a href="about-us.php">About ACT</a></li>
                      <li class="menuItem"><a href="teachers-as-counselors.php">Teachers as Counselors</a></li>
                      <li class="menuItem"><a href="why-take-this-course.php">Why take this Course</a></li>
                      <li class="menuItem"><a href="apply.php">Apply</a></li>
                    </ul>
                  </div>
                </nav>
                
                <!--Language -->
                
                <!--/Language --> 
                
              </div>
            </div>
          </div>
          <!-- End Navbar --> 
        </div>
      </div>
    </div>
    <!--menu end--> 
    
    <!--banner start -->
    <div class="header_v1">
      <div class="banner row" id="banner">
        <div class="col-xs-12 col-sm-6 col-md-12 col-lg-12 noPadd slides-container" style="height:100%"> 
          <!--background slide show start-->
          <div class="slide"> 
            <!--Header text1 start-->
            <div class="container hedaer-inner">
              <div class="bannerText">
                <h3>Take great online courses from any where in the world</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
                  incididunt ut labore et dolore magna aliqua.</p>
                <p><a href="#course" class="smooth">View  Courses <i class="fa fa-angle-right"></i></a></p>
              </div>
            </div>
            <!--Header text1 end--> 
            <img src="http://placehold.it/1920x800&text= IMG1" alt="image01"></div>
          <div class="slide"> 
            <!--Header text2 start-->
            <div class="container hedaer-inner">
              <div class="bannerText">
                <h3>Learning Online Becomes Easier</h3>
                <p>Lorem ipsum dolor sit amet, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua2.</p>
                <p><a href="#course" class="smooth">View  Courses <i class="fa fa-angle-right"></i></a></p>
              </div>
            </div>
            <!--Header text2 end--> 
            <img src="http://placehold.it/1920x800&text=IMG2" alt="image02"> </div>
          <!--background slide show end--> 
        </div>
      </div>
    </div>
    <!--banner end --> 
    
    <!--Header form -->
    <div class="container form-header">
      <div class="form-container">
        <h2>Apply For Counselling Courses</h2>
        <div class="row">
          <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 form-row">
            <input type="text" placeholder="First name" class="normal small">
            <input type="text" placeholder="Last name" class="normal small last">
          </div>
          <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 form-row">
            <input type="text" placeholder="Email Address" class="normal">
          </div>
          <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 form-row">
            <select class="normal">
              <option> Select Learning Program</option>
            </select>
          </div>
          <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 form-row">
            <textarea placeholder="Detail information" class="normal medium" ></textarea>
          </div>
          <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
            <input type="button" class="button" value="Request Information">
          </div>
        </div>
      </div>
    </div>
    <!--/Header form --> 
    
  </header>
  <!--Header end --> 
  <!--Membership features start -->
  <section class="white_section section_gap" id="features">
    <div class="container">
      <div class="heading">
        <h1><span>Lorem Ipsum</span>Include</h1>
        <p>Phasellus non dolor nibh. Nullam elementum tellus pretium feugiat.<br>
          Cras dictum tellus dui, vitae sollicitudin ipsum tincidunt in. Sed tincidunt tristique enim sed sollcitudin.</p>
      </div>
      <div class="row">
        <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
          <div class="membership_listing"> <span><i class="fa fa-unlock-alt"></i></span>
            <h3>Unlimited access</h3>
            <p>Morbi leo risus, porta ac consectetur, vestibulum at eros. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor </p>
          </div>
        </div>
        <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
          <div class="membership_listing"> <span><i class="fa fa-video-camera"></i></span>
            <h3>4500 video courses</h3>
            <p>Morbi leo risus, porta ac consectetur, vestibulum at eros. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor </p>
          </div>
        </div>
        <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
          <div class="membership_listing"> <span><i class="fa fa-microphone"></i></span>
            <h3>Expert teachers</h3>
            <p>Morbi leo risus, porta ac consectetur, vestibulum at eros. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor </p>
          </div>
        </div>
      </div>
      <div class="row sec_top_gp">
        <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
          <div class="membership_listing"> <span><i class="fa fa-file-text-o"></i></span>
            <h3>Valid Certification</h3>
            <p>Morbi leo risus, porta ac consectetur, vestibulum at eros. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor </p>
          </div>
        </div>
        <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
          <div class="membership_listing"> <span><i class="fa fa-mobile"></i></span>
            <h3>On-the-go learning</h3>
            <p>Morbi leo risus, porta ac consectetur, vestibulum at eros. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor </p>
          </div>
        </div>
        <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
          <div class="membership_listing"> <span><i class="fa fa-life-ring"></i></span>
            <h3>24x7 Super Support</h3>
            <p>Morbi leo risus, porta ac consectetur, vestibulum at eros. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor </p>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!--/Membership features end --> 
  <!--Available course start-->
  <section class="grey_section section_gap" id="course">
    <div class="container">
      <div class="heading">
        <h1><span>Lorem Ipsum</span>Lorem</h1>
        <p>Phasellus non dolor nibh. Nullam elementum tellus pretium feugiat.<br>
          Cras dictum tellus dui, vitae sollicitudin ipsum tincidunt in. Sed tincidunt tristique enim sed sollcitudin.</p>
      </div>
      <div class="row"> 
        <!-- Vertical tabs start-->
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
          <ul class="nav nav-tabs custom-nav-tabs" role="tablist">
            <li role="presentation" class="active"><a href="#graphicesigning" aria-controls="graphicesigning" role="tab" data-toggle="tab">Lorem Ipsum</a></li>
            <li role="presentation"><a href="#onlinemarketing" aria-controls="onlinemarketing" role="tab" data-toggle="tab">Lorem Ipsum</a></li>
            <li role="presentation"><a href="#brandstrategy" aria-controls="brandstrategy" role="tab" data-toggle="tab">Lorem Ipsum</a></li>
            <li role="presentation"><a href="#generalmedicine" aria-controls="generalmedicine" role="tab" data-toggle="tab">Lorem Ipsum</a></li>
            <li role="presentation"><a href="#basicphotography" aria-controls="basicphotography" role="tab" data-toggle="tab">Lorem Ipsum</a></li>
          </ul>
        </div>
        <!-- Vertical tabs end--> 
        <!-- Vertical tabs content start-->
        <div class="col-xs-12 col-sm-6 col-md-8 col-lg-8 tab_text">
          <div class="tab-content"> 
            <!-- Vertical tabs content01 start-->
            <div role="tabpanel" class="tab-pane active" id="graphicesigning">
              <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-5 col-lg-5"><img src="http://placehold.it/400x400" alt=""></div>
                <div class="col-xs-12 col-sm-6 col-md-7 col-lg-7">
                  <h3>Lorem Ipsum</h3>
                  <p>Cras dictum tellus dui, vitae sollicitudin ipsum tincidunt adipiscing atgfnte varius at. Sed mollis vestibulum sapien sed mattis.Cras dictum tellus duvi, vitae sollicitudin ipsum tincidunt adipiscing ante varius at. Sed mollis ves tibulum sapien sed mattis.</p>
                  <p>Cras dictum tellus dui, vitae sollicitudin ipsum tincidunt adipiscing atgfnte tibulum sapien sed mattis.Cras dictum tellus dui. Sed mollis vestibulum sapien rthsed mattis.Cras dictum tellus duvi, vitae sollicitudin ipsum tincidunt adipiscing tibulum sapien sed mattis.</p>
                </div>
              </div>
            </div>
            <!-- Vertical tabs content01 end--> 
            <!-- Vertical tabs content02 start-->
            <div role="tabpanel" class="tab-pane fade" id="onlinemarketing">
              <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-5 col-lg-5"><img src="http://placehold.it/400x400" alt=""></div>
                <div class="col-xs-12 col-sm-6 col-md-7 col-lg-7">
                  <h3>Lorem Ipsum</h3>
                  <p>Cras dictum tellus dui, vitae sollicitudin ipsum tincidunt adipiscing atgfnte varius at. Sed mollis vestibulum sapien sed mattis.Cras dictum tellus duvi, vitae sollicitudin ipsum tincidunt adipiscing ante varius at. Sed mollis ves tibulum sapien sed mattis.</p>
                  <p>Cras dictum tellus dui, vitae sollicitudin ipsum tincidunt adipiscing atgfnte tibulum sapien sed mattis.Cras dictum tellus dui. Sed mollis vestibulum sapien rthsed mattis.Cras dictum tellus duvi, vitae sollicitudin ipsum tincidunt adipiscing tibulum sapien sed mattis.</p>
                </div>
              </div>
            </div>
            <!-- Vertical tabs content02 end--> 
            <!-- Vertical tabs content03 start-->
            <div role="tabpanel" class="tab-pane fade" id="brandstrategy">
              <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-5 col-lg-5"><img src="http://placehold.it/400x400" alt=""></div>
                <div class="col-xs-12 col-sm-6 col-md-7 col-lg-7">
                  <h3>Lorem Ipsum</h3>
                  <p>Cras dictum tellus dui, vitae sollicitudin ipsum tincidunt adipiscing atgfnte varius at. Sed mollis vestibulum sapien sed mattis.Cras dictum tellus duvi, vitae sollicitudin ipsum tincidunt adipiscing ante varius at. Sed mollis ves tibulum sapien sed mattis.</p>
                  <p>Cras dictum tellus dui, vitae sollicitudin ipsum tincidunt adipiscing atgfnte tibulum sapien sed mattis.Cras dictum tellus dui. Sed mollis vestibulum sapien rthsed mattis.Cras dictum tellus duvi, vitae sollicitudin ipsum tincidunt adipiscing tibulum sapien sed mattis.</p>
                </div>
              </div>
            </div>
            <!-- Vertical tabs content03 end--> 
            <!-- Vertical tabs content04 start-->
            <div role="tabpanel" class="tab-pane fade" id="generalmedicine">
              <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-5 col-lg-5"><img src="http://placehold.it/400x400" alt=""></div>
                <div class="col-xs-12 col-sm-6 col-md-7 col-lg-7">
                  <h3>Lorem Ipsum</h3>
                  <p>Cras dictum tellus dui, vitae sollicitudin ipsum tincidunt adipiscing atgfnte varius at. Sed mollis vestibulum sapien sed mattis.Cras dictum tellus duvi, vitae sollicitudin ipsum tincidunt adipiscing ante varius at. Sed mollis ves tibulum sapien sed mattis.</p>
                  <p>Cras dictum tellus dui, vitae sollicitudin ipsum tincidunt adipiscing atgfnte tibulum sapien sed mattis.Cras dictum tellus dui. Sed mollis vestibulum sapien rthsed mattis.Cras dictum tellus duvi, vitae sollicitudin ipsum tincidunt adipiscing tibulum sapien sed mattis.</p>
                </div>
              </div>
            </div>
            <!-- Vertical tabs content04 end--> 
            <!-- Vertical tabs content05 start-->
            <div role="tabpanel" class="tab-pane fade" id="basicphotography">
              <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-5 col-lg-5"><img src="http://placehold.it/400x400" alt=""></div>
                <div class="col-xs-12 col-sm-6 col-md-7 col-lg-7">
                  <h3>Lorem Ipsum</h3>
                  <p>Cras dictum tellus dui, vitae sollicitudin ipsum tincidunt adipiscing atgfnte varius at. Sed mollis vestibulum sapien sed mattis.Cras dictum tellus duvi, vitae sollicitudin ipsum tincidunt adipiscing ante varius at. Sed mollis ves tibulum sapien sed mattis.</p>
                  <p>Cras dictum tellus dui, vitae sollicitudin ipsum tincidunt adipiscing atgfnte tibulum sapien sed mattis.Cras dictum tellus dui. Sed mollis vestibulum sapien rthsed mattis.Cras dictum tellus duvi, vitae sollicitudin ipsum tincidunt adipiscing tibulum sapien sed mattis.</p>
                </div>
              </div>
            </div>
            <!-- Vertical tabs content01 start--> 
          </div>
        </div>
        <!-- Vertical tabs content end--> 
      </div>
    </div>
  </section>
  <!--/Available course end--> 
  <!--popup video start -->
  <section class="white_section section_gap">
    <div class="container">
      <div class="row">
        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
          <div class="video_preview"><img src="http://placehold.it/500x320" alt=""> <a title="" class="play-btn rellight" href="#" data-rel="prettyPhoto" ><i class="fa fa-play fa-2"></i></a></div>
        </div>
        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 watch_text">
          <h2>Watch. Listen. Practice. Learn.</h2>
          <p>Cras dictum tellus dui, vitae sollicitudin ipsum tincidunt adipiscing atgfnte varius at. Sed mollis vestibulum sapien sed mattis.Cras dictum tellus duvi, vitae sollicitudin ipsum tincidunt adipiscing ante varius at. Sed mollis ves tibulum sapien sed mattis.</p>
          <p>Cras dictum tellus dui, vitae sollicitudin ipsum tincidunt adipiscing atgfnte tibulum sapien sed mattis.Cras dictum tellus dui. Sed mollis vestibulum sapien rthsed mattis.Cras dictum tellus duvi, vitae sollicitudin ipsum tincidunt adipiscing tibulum sapien sed mattis.</p>
        </div>
      </div>
    </div>
  </section>
  <!--popup video end --> 
  <!--popular courses start-->
  <section class="grey_section section_gap" id="courses">
    <div class="container">
      <div class="heading">
        <h1><span>popular </span>Courses</h1>
        <p>Phasellus non dolor nibh. Nullam elementum tellus pretium feugiat.<br>
          Cras dictum tellus dui, vitae sollicitudin ipsum tincidunt in. Sed tincidunt tristique enim sed sollcitudin.</p>
      </div>
      <ul class="hover_listing row">
        <!-- Teacher 01 details start-->
        
        <!-- Teacher 01 details end--> 
        <!-- Teacher 02 details start-->
        <li class="col-xs-12 col-sm-6 col-md-4 col-lg-4 noPadd">
          <div class="img"><img src="images/courses/Certificate-in-Counselling-Course.jpg" alt="">
            
          </div>
          <h3 class="uppercase">Certificate in Counselling Course for Teachers</h3>
          <p>Certificate in Counselling Course for Teachers offered by Asian College of Teachers, the leader in teacher education is especially designed to provide you with the skills and knowledge necessary for any teaching professional associated with learning institutions and looking to make a positive impact in children’s mental health. </p>
           <p class="text-center noPadd"><a href="#" class="btn btn-primary btn-lg" role="button">Read More</a></p>
        </li>
        <!-- Teacher 02 details end--> 
        <!-- Teacher 03 details start-->
        <li class="col-xs-12 col-sm-6 col-md-4 col-lg-4 noPadd">
          <div class="img"><img src="images/courses/Diploma-in-Counselling-Course.jpg" alt="">
            
          </div>
          <h3 class="uppercase">Certificate in Counselling Course for Teachers</h3>
          <p>Certificate in Counselling Course for Teachers offered by Asian College of Teachers, the leader in teacher education is especially designed to provide you with the skills and knowledge necessary for any teaching professional associated with learning institutions and looking to make a positive impact in children’s mental health. </p>
           <p class="text-center noPadd"><a href="#" class="btn btn-primary btn-lg" role="button">Read More</a></p>
        </li>
        <!-- Teacher 03 details end--> 
        <!-- Teacher 04 details start-->
        <li class="col-xs-12 col-sm-6 col-md-4 col-lg-4 noPadd">
          <div class="img"><img src="images/courses/PG-Diploma-in-Counselling-Children-and-Youth.jpg" alt="">
            
          </div>
          <h3 class="uppercase">Certificate in Counselling Course for Teachers</h3>
          <p>Certificate in Counselling Course for Teachers offered by Asian College of Teachers, the leader in teacher education is especially designed to provide you with the skills and knowledge necessary for any teaching professional associated with learning institutions and looking to make a positive impact in children’s mental health. </p>
           <p class="text-center noPadd"><a href="#" class="btn btn-primary btn-lg" role="button">Read More</a></p>
        </li>
        <!-- Teacher 04 details end-->
      </ul>
     
    </div>
  </section>
  <!--/popular courses end--> 
  <!--fun facts start -->
  <section class="yellow_section numbers_section factabout">
    <div class="container">
      <ul class="numbers countarea row">
        <li> <i class="fa fa-smile-o"></i>
          <h3 class="timer" data-from="100" data-to="24500" data-speed="10000">&nbsp;</h3>
          <span>Happy Student</span> </li>
        <li> <i class="fa fa-smile-o"></i>
          <h3 class="timer" data-from="100" data-to="4500" data-speed="10000">&nbsp;</h3>
          <span>Total Courses</span> </li>
        <li> <i class="fa fa-smile-o"></i>
          <h3 class="timer" data-from="100" data-to="2200" data-speed="10000">&nbsp;</h3>
          <span>Video Courses</span> </li>
        <li> <i class="fa fa-smile-o"></i>
          <h3 class="timer" data-from="100" data-to="1450" data-speed="10000">&nbsp;</h3>
          <span>Total Teachers</span> </li>
        <li> <i class="fa fa-smile-o"></i>
          <h3 class="timer" data-from="100" data-to="550" data-speed="10000">&nbsp;</h3>
          <span>Certification</span> </li>
      </ul>
    </div>
  </section>
  <!--fun facts end --> 
  <!-- Teachers details start-->
  
  <!-- Teachers details end--> 
  <!--Pricing Tables start-->
  
  <!--Pricing Tables end --> 
  <!--Happy Students star-->
  <section class="white_section section_gap" id="testimonial">
    <div class="container">
      <div class="heading">
        <h1><span>Happy</span>Students</h1>
        <p>Phasellus non dolor nibh. Nullam elementum tellus pretium feugiat.<br>
          Cras dictum tellus dui, vitae sollicitudin ipsum tincidunt in. Sed tincidunt tristique enim sed sollcitudin.</p>
      </div>
      <div class="imageSlide">
        <div class="imageBox"><img src="http://placehold.it/98x98" width="98" height="98" alt="Student"></div>
        <div class="imageBox"><img src="http://placehold.it/98x98" width="98" height="98" alt="Student"></div>
        <div class="imageBox"><img src="http://placehold.it/98x98" width="98" height="98" alt="Student"></div>
        <div class="imageBox"><img src="http://placehold.it/98x98" width="98" height="98" alt="Student"></div>
        <div class="imageBox"><img src="http://placehold.it/98x98" width="98" height="98" alt="Student"></div>
        <div class="imageBox"><img src="http://placehold.it/98x98" width="98" height="98" alt="Student"></div>
        <div class="imageBox"><img src="http://placehold.it/98x98" width="98" height="98" alt="Student"></div>
        <div class="imageBox"><img src="http://placehold.it/98x98" width="98" height="98" alt="Student"></div>
        <div class="imageBox"><img src="http://placehold.it/98x98" width="98" height="98" alt="Student"></div>
        <div class="imageBox"><img src="http://placehold.it/98x98" width="98" height="98" alt="Student"></div>
      </div>
      <div class="footerTopContent">
        <div class="quote"><i class="fa fa-quote-left"></i></div>
        <ul class="slides testimonialText list-unstyled">
          <li>
            <p class="font-openBold">Phasellus non dolor nibh. Nullam elementum tellus pretium feugiat. Cras dictum tellus dui, vitae sollicitudin ipsum tincidunt in. Sed tincidunt tristique enim sed sollcitudin. Nullam elementum tellus pretium feugiat</p>
            <h3 class="uppercase">Jessie Pinkman, MDM Inc.</h3>
          </li>
          <li>
            <p class="font-openBold">Phasellus non dolor nibh. Nullam elementum tellus pretium feugiat. Cras dictum tellus dui, vitae sollicitudin ipsum tincidunt in. Sed tincidunt tristique enim sed sollcitudin.Nunc pretium est quis placerat congue. Nam dui lectus, pretium get elit id, interdum ultricies neque.</p>
            <h3 class="uppercase">Rene Brown</h3>
          </li>
          <li>
            <p class="font-openBold">Phasellus non dolor nibh. Nullam elementum tellus pretium feugiat. Cras dictum tellus dui, vitae sollicitudin ipsum tincidunt in. Sed tincidunt tristique enim sed sollcitudin.</p>
            <h3 class="uppercase">Johnathan, Lexodia</h3>
          </li>
          <li>
            <p class="font-openBold">Phasellus non dolor nibh. Nullam elementum tellus pretium feugiat. Cras dictum tellus dui, vitae sollicitudin ipsum tincidunt in. Sed tincidunt tristique enim sed sollcitudin.</p>
            <h3 class="uppercase">Jinia Doe, Marco Media</h3>
          </li>
          <li>
            <p class="font-openBold">Cras dictum tellus dui, vitae sollicitudin ipsum. Phasellus non dolor nibh. Nullam elementum tellus pretium feugiat.  tincidunt in. Sed tincidunt tristique enim sed shasellus non dolor nibh. Nullam elementum tellus pretium feugiat.</p>
            <h3 class="uppercase">Brain Rice, Mark Media</h3>
          </li>
          <li>
            <p class="font-openBold">Vivamus finibus neque tempus enim mattis pellentesque eget eget turpis. In a urna vel felis ultricies scelerisque nec nec ex. Phasellus non dolor nibh. Nullam elementu vitae sollicitudin ipsum tincidunt in. Sed tincidunt tristique enim sed sollcitudin.</p>
            <h3 class="uppercase">Jenny Park, Oham Marketing</h3>
          </li>
          <li>
            <p class="font-openBold">Donec id viverra diam. Ut quis augue feugiat Phasellus non dolor nibh. Nullam elementum tellus pretium feugiat. Cras dictum tellus dui, vitae sollicitudin ipsum tincidunt in. Sed tincidunt tristique enim sed sollcitudin.</p>
            <h3 class="uppercase">Johann Doe</h3>
          </li>
          <li>
            <p class="font-openBold">Phasellus non dolor nibh. Nullam elementum tellus pretium feugiat. Cras dictum tellus dui, vitae sollicitudin ipsum tincidunt in. Sed tincidunt tristique enim sed sollcitudin.</p>
            <h3 class="uppercase">Danny Wahel, Crikinfo</h3>
          </li>
          <li>
            <p class="font-openBold">Maecenas nec gravida metus, vitae euismod nisi.  nibh. Nullam elementum tellus pretium feugiat. Cras dictum tellus dui, vitae sollicitudin ipsum tincidunt in. Sed tincidunt tristique enim sed sollcitudin.</p>
            <h3 class="uppercase">Andi Simond</h3>
          </li>
          <li>
            <p class="font-openBold">Lorem ipsum dolor sit amet, consectetur adipiscing elitPhasellus non dolor nibh. Nullam elementum tellus pretium feugiat. Cras dictum tellus dui, vitae sollicitudin ipsum tincidunt in. Sed tincidunt tristique enim sed sollcitudin.</p>
            <h3 class="uppercase">Kristy Gabbor, Martix Media</h3>
          </li>
        </ul>
      </div>
    </div>
  </section>
  <!--/Happy Students end--> 
  <!--Newsletter section star -->
  <section class="yellow_section section_gap" id="blog">
    <div class="container">
      <div class="row">
        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
          <h3 class="signup_text">SignUp To Get The Latest News &amp; Updates</h3>
        </div>
        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
          <div id="mesaj"></div>
          <form method="post" action="php/subscribe.php" name="sform" id="subscribeform">
            <div class="row">
              <div class="col-xs-12 col-sm-6 col-md-8 col-lg-8">
                <input name="subemail" id="subemail" type="email" class="normal" placeholder="Email Address">
              </div>
              <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 button">
                <input type="submit" id="subsubmit" name="send" class="button" value="Subscribe">
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </section>
  <!--/Newsletter section end--> 
  <!--have Question start -->
  <section class="grey_section section_gap" id="contact">
    <div class="container">
      <div class="heading">
        <h1><span>Have</span>Question</h1>
        <p>Phasellus non dolor nibh. Nullam elementum tellus pretium feugiat.<br>
          Cras dictum tellus dui, vitae sollicitudin ipsum tincidunt in. Sed tincidunt tristique enim sed sollcitudin.</p>
      </div>
      <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-5 col-lg-5"> 
          <!--google map start-->
          <div class="row mapArea">
            <div id="map" style="width: 100%; height: 100%"></div>
          </div>
          <!--google map end--> 
        </div>
        <!-- contact from start-->
        <div class="col-xs-12 col-sm-12 col-md-7 col-lg-7">
          <div id="message"></div>
          <form method="post" action="php/contact.php" name="cform" id="cform">
            <div class="form-row clearfix">
              <input name="name" id="name" type="text" class="col-xs-12 col-sm-12 col-md-12 col-lg-12 normal" placeholder="Your Name">
            </div>
            <div class="form-row clearfix">
              <input name="email" id="email" type="email" class=" col-xs-12 col-sm-12 col-md-12 col-lg-12 normal" placeholder="Email address">
            </div>
            <div class="form-row clearfix">
              <textarea name="comments" id="comments" class="col-xs-12 col-sm-12 col-md-12 col-lg-12 normal medium" placeholder="Your Comments"></textarea>
            </div>
            <input type="submit" id="submit" name="send" class="button" value="Send message">
            <div id="simple-msg"></div>
          </form>
        </div>
        <!-- contact from end--> 
      </div>
    </div>
  </section>
  <!--have Question end --> 
  <!--Bottom Four Column start-->
  <section class="blue_section section_gap">
    <div class="container">
      <div class="row bottomfourcol"> 
        <!-- Footer About us start-->
        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 bottomAbout">
          <h5 class="heading">About us</h5>
          <p>Phasellus mattis felis quis enim viverratys accumsan. Nullam porta risus felis, vitaeuik dapibus arcu viverra eu.</p>
          <h5>We Are Social On</h5>
          <div class="socialshare"> <a href="#"><i class="fa fa-twitter"></i></a> <a href="#"><i class="fa fa-facebook"></i></a> <a href="#"><i class="fa fa-google"></i></a> <a href="#"><i class="fa fa-vimeo-square"></i></a> <a href="#"><i class="fa fa-dribbble"></i></a> <a href="#"><i class="fa fa-youtube"></i></a> </div>
        </div>
        <!-- Footer About us end--> 
        <!-- Footer Recent news start-->
        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
          <h5 class="heading">Recent News</h5>
          <ul class="footerLinks">
            <li> <a href="#">Standred post with featured image</a> <span>by <a href="#">Mike Doe</a> on June 24, 2014</span> </li>
            <li> <a href="#">Standred post with featured image</a> <span>by <a href="#">Mike Doe</a> on June 24, 2014</span> </li>
            <li> <a href="#">Standred post with featured image</a> <span>by <a href="#">Mike Doe</a> on June 24, 2014</span> </li>
          </ul>
        </div>
        <!-- Footer Recent news end--> 
        <!-- Footer How it works start-->
        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
          <h5 class="heading">How it Works?</h5>
          <p>Phasellus mattis felis quis enim viverratys accumsan. Nullam porta risus felis, vitaeuik dapibus arcu viverra eu.</p>
          <ul class="list">
            <li>Phasellus mattis felis quis enim</li>
            <li>Nullam porta risus vitaeuik dapibus </li>
            <li>Phasellus mattis felis quis enim </li>
            <li>Vivamus sit amet ligulague semper</li>
          </ul>
        </div>
        <!-- Footer How it works end--> 
        <!-- Footer we accept start-->
        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 contactInfo">
          <h5 class="heading">We Accept</h5>
          <p>Phasellus mattis felis quis enim viverratys accumsan. Nullam porta risus felis, vitaeuik dapibus arcu viverra eu.</p>
          <ul>
            <li><img src="images/paypal.gif" width="31" height="22" alt=""></li>
            <li><img src="images/amazon.gif" width="31" height="22" alt=""></li>
            <li><img src="images/visa.gif" width="31" height="22" alt=""></li>
            <li><img src="images/master.gif" width="31" height="22" alt=""></li>
            <li><img src="images/discover.gif" width="31" height="22" alt=""></li>
          </ul>
        </div>
        <!-- Footer we accept end--> 
      </div>
    </div>
  </section>
  <!--/Bottom Four Column end --> 
  <!--Footer start-->
  <footer class="footer">
    <div class="container">
      <div class="row">
        <div class="pull-left">
          <p>&copy; 2018  ACT. All Rights Reserved</p>
        </div>
        <div class="pull-right"><a class="gototop smooth" href="#wrapper">Go To Top<i class="fa fa-chevron-up"></i></a></div>
      </div>
    </div>
  </footer>
  <!--Footer end --> 
</div>
<!--wrapper end--> 

<!--modernizr js--> 
<script type="text/javascript" src="js/modernizr.custom.26633.js"></script> 
<!--jquary min js--> 
<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script> 
<script src="js/bootstrap.min.js"></script> 

<!--for placeholder jquery--> 
<script type="text/javascript" src="js/jquery.placeholder.js"></script> 

<!--for header jquery--> 
<script type="text/javascript" src="js/stickUp.js"></script> 
<script src="js/jquery.superslides.js" type="text/javascript" charset="utf-8"></script> 
<script type="text/javascript">
"use strict";
//<![CDATA[
	$('.header_v1 #banner').superslides({
	  animation: 'fade',
	  play: 5000
	});
//]]>
</script> 

<!--for portfolio jquery--> 
<script src="js/jquery.isotope.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" property="stylesheet" id="theme" href="css/jquery-ui-1.8.16.custom.css">
<link type="text/css" rel="stylesheet" property="stylesheet" href="css/lightbox.min.css">
<script type="text/javascript" src="js/jquery.ui.widget.min.js"></script> 
<script type="text/javascript" src="js/jquery.ui.rlightbox.js"></script> 

<!--for video lightbox -->
<link rel="stylesheet" property="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
<script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>

<!--contact form js--> 
<script type="text/javascript" src="js/jquery.contact.js"></script> 
<!--Newsletter js--> 
<script type="text/javascript" src="js/jquery.subscribe.js"></script> 
<script src="http://maps.google.com/maps?file=api&amp;v=2.x&amp;key=ABQIAAAAjU0EJWnWPMv7oQ-jjS7dYxSPW5CJgpdgO_s4yyMovOaVh_KvvhSfpvagV18eOyDWu7VytS6Bi1CWxw" type="text/javascript"></script> 
<script type="text/javascript">
	"use strict";
    //<![CDATA[
    var map;

    function load() {
      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map"));
        map.setCenter(new GLatLng(-37.817682, 144.957595), 13);
        document.getElementById("map").checked = true;
        toggleZoom(false);
      }
    }

    function toggleZoom(isChecked) {
      if (isChecked) {
        map.enableScrollWheelZoom();
      } else {
        map.disableScrollWheelZoom();
      }
    }

    //]]>
</script> 

<!--about jquery--> 
<script src="js/jquery.classyloader.min.js"></script> 
<script defer src="js/jquery.flexslider.js"></script> 
<script src="js/jquery.easing.js"></script> 
<script src="js/jquery.mousewheel.js"></script> 
<script defer src="js/slideroption.js"></script> 

<!--Home Testimonial --> 
<script>


</script> 

<!--for coundown jquary--> 
<script type="text/javascript" src="js/jquery.countTo.js"></script> 
<script type="text/javascript">
jQuery(function($) {
$(document).ready( function() {
  //enabling stickUp on the '.navbar-wrapper' class
	$('.navbar-wrapper').stickUp({
		parts: {
		  0: 'banner',
		  1: 'features',
		  2: 'courses',
		  3: 'teachers',
		  4: 'pricing',
		  5: 'testimonial',
		  6: 'blog',
		  7: 'contact'
		},
		itemClass: 'menuItem',
		itemHover: 'active',
		topMargin: 'auto'
		});
	
		// run rlightbox
		$( ".lb" ).rlightbox();
		$( ".lb_title-overwritten" ).rlightbox({overwriteTitle: true});
		
		$('.flexslider').flexslider({
			animation: "fade",
			animationLoop: true,
			slideshow: true,
			pauseOnAction: false,
			slideshowSpeed: 7000,
			controlNav: true,
			start: function(slider){
			$('body').removeClass('loading');
			}
		});		
	
	var activeImage;

	var getmaxHeight = 0;
	$(".testimonialText li").each(function(index, element) {
        if($(this).height()>getmaxHeight){
			getmaxHeight = $(this).height();
			$(".footerTopContent").height(getmaxHeight);
			}
    });
	
    $(".testimonialText li").fadeTo("fast",0);
	$(".testimonialText li:first").fadeTo("fast",1);
	$(".imageSlide .imageBox").removeClass("activeImage");
	$(".imageSlide .imageBox:first").addClass("activeImage");
	$(".imageSlide .imageBox").mouseenter(function(){
		if(!$(this).hasClass("activeImage")){
			var gi = $(this).index();
			//console.log(gi);
			$(".imageSlide .imageBox").removeClass("activeImage");
			$(this).addClass("activeImage");
			$(".testimonialText li").fadeTo("fast",0);
			$(".testimonialText li:eq("+gi+")").fadeTo("fast",1);
			}
	})
		
	// Video lightbox
	$("a[data-rel^='prettyPhoto']").prettyPhoto();	
	
	// for client work jquary
	var windowBottom = $(window).height()+0;
	var index=0;
	$(document).scroll(function(){
		divposition = parseInt($('.factabout').offset().top),10;
		divsrollpos = parseInt($(window).scrollTop()),10;
		ctop = parseInt(divposition-divsrollpos),10;
		if(ctop<Math.round(windowBottom/2)){
			if(index==0){	
				
				$('.timer').each(count);
				
			}
			index++;
		}
	});



function count(options) {
	var $this = $(this);
	options = $.extend({}, options || {}, $this.data('countToOptions') || {});
	$this.countTo(options);
}
	
	
	});

});
</script> 

<!--for theme custom jquery--> 
<script src="js/custom.js"></script>
</body>
</html>