@extends('layouts.main')

@section('styles')
@endsection

@section('content')


<!-- Start main-content -->
<div class="main-content">
  <!-- Section: home -->
  <section id="home">

    <!-- Slider Revolution Start -->
    <div class="rev_slider_wrapper">
      <div class="rev_slider" data-version="5.0">
        <ul>

          <!-- SLIDE 1 -->
          <li data-index="rs-1" data-transition="slidingoverlayhorizontal" data-slotamount="default" data-easein="default" data-easeout="default" data-masterspeed="default" data-thumb="{{ asset('assets/images/bg/bg5.jpg')}}" data-rotate="0" data-saveperformance="off" data-title="Slide 1" data-description="">
            <!-- MAIN IMAGE -->
            <img src="{{ asset('assets/images/bg/bg5.jpg')}}"  alt=""  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-bgparallax="10" data-no-retina>
            <!-- LAYERS -->

            <!-- LAYER NR. 1 -->
            <div class="tp-caption tp-resizeme text-uppercase font-raleway"
              id="rs-1-layer-1"

              data-x="['left']"
              data-hoffset="['30']"
              data-y="['middle']"
              data-voffset="['-110']"
              data-fontsize="['54']"
              data-lineheight="['110']"
              data-width="none"
              data-height="none"
              data-whitespace="nowrap"
              data-transform_idle="o:1;s:500"
              data-transform_in="y:100;scaleX:1;scaleY:1;opacity:0;"
              data-transform_out="x:left(R);s:1000;e:Power3.easeIn;s:1000;e:Power3.easeIn;"
              data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
              data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
              data-start="1000"
              data-splitin="none"
              data-splitout="none"
              data-responsive_offset="on"
              style="z-index: 7; white-space: nowrap; font-weight:700;">The Educators Academy
            </div>

            <!-- LAYER NR. 2 -->
            <div class="tp-caption tp-resizeme text-uppercase text-white font-raleway bg-theme-colored-transparent border-left-theme-color-2-6px pl-20 pr-20"
              id="rs-1-layer-2"

              data-x="['left']"
              data-hoffset="['35']"
              data-y="['middle']"
              data-voffset="['-25']"
              data-fontsize="['30']"
              data-lineheight="['54']"
              data-width="none"
              data-height="none"
              data-whitespace="nowrap"
              data-transform_idle="o:1;s:500"
              data-transform_in="y:100;scaleX:1;scaleY:1;opacity:0;"
              data-transform_out="x:left(R);s:1000;e:Power3.easeIn;s:1000;e:Power3.easeIn;"
              data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
              data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
              data-start="1000"
              data-splitin="none"
              data-splitout="none"
              data-responsive_offset="on"
              style="z-index: 7; white-space: nowrap; font-weight:600;">Education For EveryOne
            </div>

            <!-- LAYER NR. 3 -->


            <!-- LAYER NR. 4 -->

          </li>

          <!-- SLIDE 2 -->
          <li data-index="rs-2" data-transition="slidingoverlayhorizontal" data-slotamount="default" data-easein="default" data-easeout="default" data-masterspeed="default" data-thumb="{{ asset('assets/images/bg/bg3.jpg')}}" data-rotate="0" data-saveperformance="off" data-title="Slide 2" data-description="">
            <!-- MAIN IMAGE -->
            <img src="{{ asset('assets/images/bg/bg3.jpg')}}"  alt=""  data-bgposition="center 40%" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-bgparallax="10" data-no-retina>
            <!-- LAYERS -->

            <!-- LAYER NR. 1 -->
            <div class="tp-caption tp-resizeme text-uppercase  bg-theme-colored-transparent text-white font-raleway border-left-theme-color-2-6px border-right-theme-color-2-6px pl-30 pr-30"
              id="rs-2-layer-1"

              data-x="['center']"
              data-hoffset="['0']"
              data-y="['middle']"
              data-voffset="['-90']"
              data-fontsize="['28']"
              data-lineheight="['54']"
              data-width="none"
              data-height="none"
              data-whitespace="nowrap"
              data-transform_idle="o:1;s:500"
              data-transform_in="y:100;scaleX:1;scaleY:1;opacity:0;"
              data-transform_out="x:left(R);s:1000;e:Power3.easeIn;s:1000;e:Power3.easeIn;"
              data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
              data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
              data-start="1000"
              data-splitin="none"
              data-splitout="none"
              data-responsive_offset="on"
              style="z-index: 7; white-space: nowrap; font-weight:400; border-radius: 30px;">Feed Your Knowledge
            </div>

            <!-- LAYER NR. 2 -->
            <div class="tp-caption tp-resizeme text-uppercase bg-theme-colored-transparent text-white font-raleway pl-30 pr-30"
              id="rs-2-layer-2"

              data-x="['center']"
              data-hoffset="['0']"
              data-y="['middle']"
              data-voffset="['-20']"
              data-fontsize="['48']"
              data-lineheight="['70']"
              data-width="none"
              data-height="none"
              data-whitespace="nowrap"
              data-transform_idle="o:1;s:500"
              data-transform_in="y:100;scaleX:1;scaleY:1;opacity:0;"
              data-transform_out="x:left(R);s:1000;e:Power3.easeIn;s:1000;e:Power3.easeIn;"
              data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
              data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
              data-start="1000"
              data-splitin="none"
              data-splitout="none"
              data-responsive_offset="on"
              style="z-index: 7; white-space: nowrap; font-weight:700; border-radius: 30px;">The Educator's Academy
            </div>



          </li>

          <!-- SLIDE 3 -->
          <li data-index="rs-3" data-transition="slidingoverlayhorizontal" data-slotamount="default" data-easein="default" data-easeout="default" data-masterspeed="default" data-thumb="{{ asset('assets/images/bg/bg1.jpg')}}" data-rotate="0" data-saveperformance="off" data-title="Slide 3" data-description="">
            <!-- MAIN IMAGE -->
            <img src="{{ asset('assets/images/bg/bg1.jpg')}}"  alt=""  data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-bgparallax="10" data-no-retina>
            <!-- LAYERS -->

            <!-- LAYER NR. 1 -->
            <div class="tp-caption tp-resizeme text-uppercase text-white font-raleway bg-theme-colored-transparent border-right-theme-color-2-6px pr-20 pl-20"
              id="rs-3-layer-1"

              data-x="['right']"
              data-hoffset="['30']"
              data-y="['middle']"
              data-voffset="['-90']"
              data-fontsize="[55']"
              data-lineheight="['72']"
              data-width="none"
              data-height="none"
              data-whitespace="nowrap"
              data-transform_idle="o:1;s:500"
              data-transform_in="y:100;scaleX:1;scaleY:1;opacity:0;"
              data-transform_out="x:left(R);s:1000;e:Power3.easeIn;s:1000;e:Power3.easeIn;"
              data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
              data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
              data-start="1000"
              data-splitin="none"
              data-splitout="none"
              data-responsive_offset="on"
              style="z-index: 7; white-space: nowrap; font-weight:600;">Best Education
            </div>

            <!-- LAYER NR. 2 -->
            <div class="tp-caption tp-resizeme text-uppercase text-black  font-raleway"
              id="rs-3-layer-2"

              data-x="['right']"
              data-hoffset="['35']"
              data-y="['middle']"
              data-voffset="['-25']"
              data-fontsize="['26']"
              data-lineheight="['54']"
              data-width="none"
              data-height="none"
              data-whitespace="nowrap"
              data-transform_idle="o:1;s:500"
              data-transform_in="y:100;scaleX:1;scaleY:1;opacity:0;"
              data-transform_out="x:left(R);s:1000;e:Power3.easeIn;s:1000;e:Power3.easeIn;"
              data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
              data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
              data-start="1000"
              data-splitin="none"
              data-splitout="none"
              data-responsive_offset="on"
              style="z-index: 7; white-space: nowrap; font-weight:600;">For Your Better Future
            </div>

            <!-- LAYER NR. 3 -->


            <!-- LAYER NR. 4 -->

          </li>

        </ul>
      </div>
      <!-- end .rev_slider -->
    </div>
    <!-- end .rev_slider_wrapper -->
  </section>


  <!-- Section: Sevices -->
  <section>
    <div class="container">
      <div class="section-content">
        <div class="row">
          <div class="col-sm-6 col-md-6 maxwidth500 mb-sm-40 wow fadeInUp" data-margin-top="-160px" data-wow-duration="1s" data-wow-delay="0.1s">

            <div class="bg-silver-light border-1px p-20 pt-0 pb-30 mb-sm-180">
              <h4 class=" letter-space-1 mt-10">Our<span class="text-theme-color-2"> Mission</span></h4>
              <p>The mission of The Educators Academy is to seek promising students from Canada and to educate them, through rigorous discipline and learning experience, to develop their full intellectual, moral, and human potential. </p>
              <a href="{{ route('about')}}" class="btn btn-sm btn-theme-colored">Read more</a>
            </div>
          </div>
          <div class="col-sm-6 col-md-6 maxwidth500 mb-sm-40 wow fadeInUp" data-margin-top="-160px" data-wow-duration="1s" data-wow-delay="0.1s">

            <div class="bg-silver-light border-1px p-20 pt-0 pb-30 mb-sm-180">
                  <h4 class="letter-space-1 mt-10">Our<span class="text-theme-color-2"> Values</span></h4>
              <p>The Educators Academy recognizes the importance and value of every student completing a secondary education. Our commitment as a school is to reach every one of our students in order to help them to achieve success. </p>
              <a href="{{ route('about')}}" class="btn btn-sm btn-theme-colored">Read more</a>
            </div>
          </div>

        </div>
      </div>
    </div>
  </section>

  <!-- Section: About -->
  <section id="about">
    <div class="container mt-0 pb-70 pt-0">
      <div class="section-content">
        <div class="row mt-10">
          <div class="col-sm-12 col-md-8 mb-sm-20 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">
            <h3 class="text-uppercase mt-0">Welcome To <span class="text-theme-color-2"> The Educators Academy  </span></h3>
            <h5>(Established 2017- School BSID Number: 888750)</h5>
            <p class="lead">The Educators Academy is a Ministry-Inspected Private High School, in Ontario, that helps students to achieve their High School diploma. Our School is authorized by the Ontario Ministry of Education to grant credits for secondary students in Grades 9-12 who are working to complete their Ontario Secondary School Diploma (OSSD) in Class and Online. </p>
            <p class="mb-15 lead"> Our unparalleled teaching methods help to commence students into the successful future they have always dreamed of. We encourage both staff and students alike to grow, learn and create each passing day. The Credit courses offered for Grades 9 to 12 are ministry's recognized courses. We also offer tutoring services from JK-Grade 12 for all subjects.</p>
            <a class="btn btn-colored btn-theme-colored btn-lg text-uppercase font-13 mt-0" href="{{ route('about')}}">View Details</a>
          </div>
          <div class="col-md-4 col-sm-12 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.3s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.3s;">
           <div class="p-30 bg-theme-colored mt-10">
              <h3 class="text-white mt-0 mb-10">Get A Free Registration!</h3>
            <!-- Appilication Form Start-->
            <form id="reservation_form" name="reservation_form" class="reservation-form mt-20" method="post" action="http://thememascot.net/demo/personal/m/learnpress/v2.0/demo/includes/reservation.php" novalidate="novalidate">
              <div class="row">
                <div class="col-sm-12">
                  <div class="form-group mb-20">
                    <input placeholder="Enter Name" type="text" id="reservation_name" name="reservation_name" required="" class="form-control" aria-required="true">
                  </div>
                </div>
                <div class="col-sm-6">
                  <div class="form-group mb-20">
                    <input placeholder="Email" type="text" id="reservation_email" name="reservation_email" class="form-control" required="" aria-required="true">
                  </div>
                </div>
                <div class="col-sm-6">
                  <div class="form-group mb-20">
                    <input placeholder="Phone" type="text" id="reservation_phone" name="reservation_phone" class="form-control" required="" aria-required="true">
                  </div>
                </div>
                <div class="col-sm-6">
                  <div class="form-group mb-20">
                    <div class="styled-select">
                      <select id="person_select" name="person_select" class="form-control" required="" aria-required="true">
                        <option value="">Courses</option>
                        <option value="1 Person">Software Engineering</option>
                        <option value="2 Person">Computer Traning</option>
                        <option value="3 Person">Development Studies</option>
                        <option value="Family Pack">Chemical Engineering</option>
                      </select>
                    </div>
                  </div>
                </div>
                <div class="col-sm-6">
                  <div class="form-group mb-20">
                    <input name="Date" class="form-control required date-picker" type="text" placeholder="Date" aria-required="true">
                  </div>
                </div>
                <div class="col-sm-12">
                  <div class="form-group">
                    <textarea placeholder="Enter Message" rows="3" class="form-control required" name="form_message" id="form_message" aria-required="true"></textarea>
                  </div>
                </div>
                <div class="col-sm-12">
                  <div class="form-group mb-0 mt-10">
                    <input name="form_botcheck" class="form-control" type="hidden" value="">
                    <button type="submit" class="btn btn-colored btn-default text-black btn-lg btn-block" data-loading-text="Please wait...">Submit Request</button>
                  </div>
                </div>
              </div>
            </form>
            <!-- Application Form End-->


            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

 <!-- Divider: why choose us 1 -->
  <section class="divider parallax" data-bg-img="{{ asset('assets/images/bg/bg1.jpg')}}" data-parallax-ratio="0.7">
    <div class="container pt-0 pb-0">
      <div class="row">
        <div class="col-md-9 col-md-offset-3">
          <div class="bg-white-transparent-9 pb-10 p-20">
            <h2 class="mb-30 mt-20 line-height-1 text-center text-uppercase">Why Choose <span class="text-theme-color-2"> Educators Academy?</span></h2>
            <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-6">
                  <div class="icon-box p-5 mb-0 mb-sm-0 mt-sm-0">
                    <a class="icon pull-left sm-pull-none flip" href="#">
                    <i class="fa fa-money text-theme-colored font-25"></i>
                    </a>
                    <div class="ml-20 ml-sm-0">
                      <h5 class="icon-box-title mt-5 mb-5">Professional Services</h5>
                      <p>Professional instructors developed the courses according to the Ministry's Expectation, wide variety of assessments and evaluations with an easy mode of communication with teachers.</p>

                    </div>
                  </div>
                </div>


                <div class="col-xs-12 col-sm-6 col-md-6">
                  <div class="icon-box p-5 mb-0 mb-sm-0 mt-sm-0">
                    <a class="icon pull-left sm-pull-none flip" href="#">
                    <i class="fa fa-users text-theme-colored font-25"></i>
                    </a>
                    <div class="ml-20 ml-sm-0">
                      <h5 class="icon-box-title mt-5 mb-5">Flexible Timings</h5>

<p>We offer flexible timings according to the needs of students and for adults who have working schedules. Students can start anytime to get the credits.</p>

                    </div>
                  </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-6">
                  <div class="icon-box p-5 mb-0 mb-sm-0 mt-sm-0">
                    <a class="icon pull-left sm-pull-none flip" href="#">
                    <i class="fa fa-users text-theme-colored font-25"></i>
                    </a>
                    <div class="ml-20 ml-sm-0">
                      <h5 class="icon-box-title mt-5 mb-5">Competitive Rates</h5>

<p>We offer very competitive rates as we charge a very economical amount. A special discount of $75 is for students who will register for two courses. No cost for registration or resources.</p>
                    </div>
                  </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-6">
                  <div class="icon-box p-5 mb-0 mb-sm-0 mt-sm-0">
                    <a class="icon pull-left sm-pull-none flip" href="#">
                    <i class="fa fa-book text-theme-colored font-25"></i>
                    </a>
                    <div class="ml-20 ml-sm-0">
                      <h5 class="icon-box-title mt-5 mb-5">Supportive and Innovative Environment</h5>

<p>We offer courses throughout a year. Our course content is updated and innovative according to the needs of course curriculum expectations. we send the marks directly to OUAC, Day school and to the parents. </p>
                    </div>
                  </div>
                </div>

                <div class="col-xs-12 col-sm-6 col-md-6">
                  <div class="icon-box p-5 mb-0 mb-sm-0 mt-sm-0">
                    <a class="icon pull-left sm-pull-none flip" href="#">
                    <i class="fa fa-clock-o text-theme-colored font-25"></i>
                    </a>
                    <div class="ml-20 ml-sm-0">
                      <h5 class="icon-box-title mt-5 mb-5">Improved Learning and Grades</h5>

<p>Our innovative course content provides opportunity that students establish maturity, motivation and valuable skills that will help them in their future achievements. </p>
                    </div>
                  </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-6">
                  <div class="icon-box p-5 mb-0 mb-sm-0 mt-sm-0">
                    <a class="icon pull-left sm-pull-none flip" href="#">
                    <i class="fa fa-thumbs-o-up text-theme-colored font-25"></i>
                    </a>
                    <div class="ml-20 ml-sm-0">
                      <h5 class="icon-box-title mt-5 mb-5">Learner Centered Education</h5>

<p>Our courses offer a wide variety of learning experiences, instructional approaches, and academic-support strategies that are intended to address the needs, interests, aspirations, or cultural backgrounds of individual students.</p>

                    </div>
                  </div>
                </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

<section>
    <div class="container pt-70 pb-40">
      <div class="section-title text-center">
        <div class="row">
          <div class="col-md-10 col-md-offset-1">
            <h2 class="mt-0 line-height-1 text-center text-uppercase mb-10 text-black-333">Our <span class="text-theme-color-2"> Courses</span></h2>
            <p>The courses we offer are ministry approved, and strictly follow the guidelines of Ontario Curriculum. We offer courses from grade 9 to grade 12 for both University and College preparation. We offer courses in the following subjects: English, Business, Mathematics, Computer Science, Physics, Chemistry and Biology courses. </p>
          </div>
        </div>
      </div>
      <div class="row multi-row-clearfix">
        <div class="col-md-12">
          <div class="owl-carousel-4col owl-nav-top" data-dots="true">
            <div class="item">
              <div class="project mb-30 border-2px">
                <div class="thumb">
                  <img class="img-fullwidth" alt="" src="{{ asset('assets/images/grades/grade9.jpg')}}">
                  <div class="hover-link">
                    <a class="btn btn-flat btn-dark btn-theme-colored btn-md pull-left font-20" href="course-list.html"><span>View Details</span> </a>
                  </div>
                </div>

              </div>
            </div>
            <div class="item">
              <div class="project mb-30 border-2px">
                <div class="thumb">
                  <img class="img-fullwidth" alt="" src="{{ asset('assets/images/grades/grade10.jpg')}}">
                  <div class="hover-link">
                    <a class="btn btn-flat btn-dark btn-theme-colored btn-md pull-left font-20" href="course-list.html"><span>View Details</span> </a>
                  </div>
                </div>

              </div>
            </div>
            <div class="item">
              <div class="project mb-30 border-2px">
                <div class="thumb">
                  <img class="img-fullwidth" alt="" src="{{ asset('assets/images/grades/grade11.jpg')}}">
                  <div class="hover-link">
                    <a class="btn btn-flat btn-dark btn-theme-colored btn-md pull-left font-20" href="course-list.html"><span>View Details</span> </a>
                  </div>
                </div>

              </div>
            </div>
            <div class="item">
              <div class="project mb-30 border-2px">
                <div class="thumb">
                  <img class="img-fullwidth" alt="" src="{{ asset('assets/images/grades/grade12.jpg')}}">
                  <div class="hover-link">
                    <a class="btn btn-flat btn-dark btn-theme-colored btn-md pull-left font-20" href="course-list.html"><span>View Details</span> </a>
                  </div>
                </div>
                 <!--<div class="project-details p-15 pt-10 pb-10">

                  <h4 class="font-weight-700 text-uppercase mt-0"><a href="grade12.html">Grade 12</a></h4>

                 <ul class="list-inline project-conditions text-center m-0 p-10">
                    <li class="current-fund"><strong>All Subjects</strong> 8</li>
                    <li class="target-fund"><strong>Discount</strong>NA</li>
                    <li class="remaining-days"><strong>Duration</strong>6 Months</li>
                  </ul>
                </div>-->
              </div>
            </div>
            <div class="item">
              <div class="project mb-30 border-2px">
                <div class="thumb">
                  <img class="img-fullwidth" alt="" src="{{ asset('assets/images/grades/fast-track.jpg')}}">
                  <div class="hover-link">
                    <a class="btn btn-flat btn-dark btn-theme-colored btn-md pull-left font-20" href="{{ route('fastTrackCredit')}}"><span>View Details</span> </a>
                  </div>
                </div>

              </div>
            </div>
            <div class="item">
              <div class="project mb-30 border-2px">
                <div class="thumb">
                  <img class="img-fullwidth" alt="" src="{{ asset('assets/images/grades/summer-school.jpg')}}">
                  <div class="hover-link">
                    <a class="btn btn-flat btn-dark btn-theme-colored btn-md pull-left font-20" href="{{ route('summerSchool')}}"><span>View Details</span> </a>
                  </div>
                </div>

              </div>
            </div>

            <div class="item">
              <div class="project mb-30 border-2px">
                <div class="thumb">
                  <img class="img-fullwidth" alt="" src="{{ asset('assets/images/grades/tuition.jpg')}}">
                  <div class="hover-link">
                    <a class="btn btn-flat btn-dark btn-theme-colored btn-md pull-left font-20" href="{{ route('tution')}}"><span>View Details</span> </a>
                  </div>
                </div>

              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- Section: Gallery -->
  <section id="gallery" class="bg-lighter">
    <div class="container pt-60">
      <div class="section-content">
        <div class="row">
          <div class="col-md-7 hidden-xs pl-40">
            <h3 class="line-bottom mt-0 line-height-1"><span class="text-theme-color-2">FAQ</span></h3>
            <div id="accordion1" class="panel-group accordion">
              <div class="panel">
                <div class="panel-title"> <a class="active" data-parent="#accordion1" data-toggle="collapse" href="#accordion11" aria-expanded="true"> <span class="open-sub"></span> Is The Educators Academy approved by ministry to grant credits?</a> </div>
                <div id="accordion11" class="panel-collapse collapse in" role="tablist" aria-expanded="true">
                  <div class="panel-content">
                    <p>Yes. The Educators Academy has been issued a BSID number by Ministry of Education and is listed as a private school on the Ministry Website. The school has authority to grant credits towards Ontario Secondary School Diploma (OSSD). The credits you get at our School are good to get admission in other Schools, Colleges and Universities in Ontario as well as other provinces of Canada. They are also good to get admission in overseas educational institutions based on their eligibility requirements. You can check our school's authorization by Ministry of education by using the following link.
<A href="http://www.edu.gov.on.ca/eng/general/elemsec/privsch/" target="_blank">http://www.edu.gov.on.ca/eng/general/elemsec/privsch/</A>
</p>
                  </div>
                </div>
              </div>
              <div class="panel">
                <div class="panel-title"> <a data-parent="#accordion1" data-toggle="collapse" href="#accordion12" class="" aria-expanded="true"> <span class="open-sub"></span> Who can get credits at The Educators Academy?</a> </div>
                <div id="accordion12" class="panel-collapse collapse" role="tablist" aria-expanded="true">
                  <div class="panel-content">
                    <p>High School students, mature students and newcomers to Canada can get credits if they are eligible. For eligibility criteria please contact the office.</p>
                  </div>
                </div>
              </div>
              <div class="panel">
                <div class="panel-title"> <a data-parent="#accordion1" data-toggle="collapse" href="#accordion13" class="" aria-expanded="true"> <span class="open-sub"></span> What credits are offered at The Educators Academy?</a> </div>
                <div id="accordion13" class="panel-collapse collapse" role="tablist" aria-expanded="true">
                  <div class="panel-content">
                    <p>We offer High School credits from grade 9 to 12 in various subjects such as Math, English, Biology, Chemistry, Computers, and Business Studies etc. For full list of course please click the link. <a href="courses.html">Courses</a></p>
                  </div>
                </div>
              </div>
              <div class="panel">
                <div class="panel-title"> <a data-parent="#accordion1" data-toggle="collapse" href="#accordion14" class="" aria-expanded="true"> <span class="open-sub"></span> How often students have to attend classes?</a> </div>
                <div id="accordion14" class="panel-collapse collapse" role="tablist" aria-expanded="true">
                  <div class="panel-content">
                    <p>Students have greater flexibility to attend classes. Students are expected to attend at least 110 hours as per criteria of Ministry. Each class has duration of 75 minutes and can attend either in morning, afternoon or evening sessions. School is open from 9 AM to 7 PM Monday to Friday for part time students.</p>
                  </div>
                </div>
              </div>

            </div>
          </div>
          <div class="col-md-5 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.3s">
            <h3 class="text-uppercase title line-bottom mt-0">Students / Parents <span class="text-theme-color-2 font-weight-700">Spotlight</span></h3>
            <div class="bxslider bx-nav-top" style="margin-top:-10px">
              <div class="testimonial bg-theme-colored-lighter border-radius-10px p-20 mb-10">
                <div class="comment">
                 <p class=""><em>Best private school in our area. You will be amazedto see progres of your child. Recommended to every one to visit. Best teachers and of course very clean school. Affordable pricing</em></p>
                </div>
                <div class="content mt-10">

                  <div class="testimonials-details pull-left flip">
                    <h5 class="author text-theme-color-2 mt-0 mb-0 font-weight-600">Fazel Hedophillipp</h5>


                  </div>
                  <div class="clearfix"></div>
                </div>
              </div>
              <div class="testimonial bg-theme-colored-lighter border-radius-10px p-20 mb-10">
                <div class="comment">
                 <p class=""><em>Miss Aneela is a very good teacher, she teaches every topic with clarity and doesn't move on until you fully understand something, chemistry grade 11 was a breeze with her, the hours are flexible and everything is pre-scheduled. Also the staff is friendly and always give back feedback to parents when they ask for it and it's a very positive learning environment. </em></p>
                </div>
                <div class="content mt-10">

                  <div class="testimonials-details pull-left flip">
                    <h5 class="author text-theme-color-2 mt-0 mb-0 font-weight-600">Umair Raja</h5>


                  </div>
                  <div class="clearfix"></div>
                </div>
              </div>
              <div class="testimonial bg-theme-colored-lighter border-radius-10px p-20 mb-10">
                <div class="comment">
                 <p class=""><em>Very good, parents can rely on educators academy excellent trained teachers , pay attention to all students work with them individually get desired students output. In a short span my sons grade improved and I am happy the techniques and method they use.
My special thanks to the principal and the the teaching faculty.
</em></p>
                </div>
                <div class="content mt-10">

                  <div class="testimonials-details pull-left flip">
                    <h5 class="author text-theme-color-2 mt-0 mb-0 font-weight-600">Mohammed S Arfin</h5>


                  </div>
                  <div class="clearfix"></div>
                </div>
              </div>


              <div class="testimonial bg-theme-colored-lighter border-radius-10px p-20 mb-10">
                <div class="comment">
                 <p class=""><em>affordable private school in Brampton. I will highly recommend to visit them for any tutoring and high school credit courses.

</em></p>
                </div>
                <div class="content mt-10">

                  <div class="testimonials-details pull-left flip">
                    <h5 class="author text-theme-color-2 mt-0 mb-0 font-weight-600">Faisal Siddiqui</h5>


                  </div>
                  <div class="clearfix"></div>
                </div>
              </div>
              <div class="testimonial bg-theme-colored-lighter border-radius-10px p-20 mb-10">
                <div class="comment">
                 <p class=""><em>A great learning experience. Without help of The Educators Academy, I couldn't have made it where I am now. The teachers are very friendly and continuously try to motivate and help you until you've reached the set goals. If you're currently looking for a quality of education, a thorough learning and understanding of course I will highly recommend a visit to The Educators Academy.
</em></p>
                </div>
                <div class="content mt-10">

                  <div class="testimonials-details pull-left flip">
                    <h5 class="author text-theme-color-2 mt-0 mb-0 font-weight-600">Harman Meet</h5>


                  </div>
                  <div class="clearfix"></div>
                </div>
              </div>
              <div class="testimonial bg-theme-colored-lighter border-radius-10px p-20 mb-10">
                <div class="comment">
                 <p class=""><em>i really appreciate about this tuition Center. I would Strongly recommend that if you find out that your child is weak in any subject TRY Educators Academy you will find much better result then other Academy. Specially tutors are too responsible of Educator

</em></p>
                </div>
                <div class="content mt-10">

                  <div class="testimonials-details pull-left flip">
                    <h5 class="author text-theme-color-2 mt-0 mb-0 font-weight-600">mar farooq</h5>


                  </div>
                  <div class="clearfix"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>


  <!-- Section: events -->





  <!-- Section: Services -->
  <section class="bg-lighter">
    <div class="container pt-0 pb-0">
      <div class="section-content">
        <div class="row">
          <div class="footer-box-wrapper equal-height mt-0">
            <div class="col-sm-4 footer-box-one pr-0 pl-sm-0">
              <div class="footer-box icon-box media"> <a href="#" class="media-left pull-left mr-30 mr-sm-15"><i class="fa fa-user text-white"></i></a>
                <div class="media-body">
                  <h4 class="media-heading heading title">Openning Hours</h4>
                  <p>Mon - Fri: 09:00am - 08:00pm
                  <br/>
                  Sat: 10:00am - 01:00pm
                 </p>
                </div>
              </div>
            </div>
            <div class="col-sm-4 footer-box-two pl-0 pr-0">
              <div class="footer-box icon-box media"> <a href="#" class="media-left pull-left mr-30 mr-sm-15"><i class="fa fa-comments-o text-white"></i></a>
                <div class="media-body">
                  <h4 class="media-heading heading title">Online Help</h4>
                  <p> Our unique approach supplies our students with the proper support system
                  </p>
                </div>
              </div>
            </div>
            <div class="col-sm-4 footer-box-three pl-0 pr-sm-0">
              <div class="footer-box icon-box media"> <a href="#" class="media-left pull-left mr-30 mr-sm-15"><i class=" fa fa-credit-card text-white"></i></a>
                <div class="media-body">
                  <h4 class="media-heading heading title">Online Payment</h4>
                  <p>Students can pay by eTransfer or Paypal for each course
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

</div>
<!-- end main-content -->

@endsection

@section('scripts')
<!-- Application Form Validation Start-->
<script type="text/javascript">
  $("#reservation_form").validate({
    submitHandler: function(form) {
      var form_btn = $(form).find('button[type="submit"]');
      var form_result_div = '#form-result';
      $(form_result_div).remove();
      form_btn.before('<div id="form-result" class="alert alert-success" role="alert" style="display: none;"></div>');
      var form_btn_old_msg = form_btn.html();
      form_btn.html(form_btn.prop('disabled', true).data("loading-text"));
      $(form).ajaxSubmit({
        dataType:  'json',
        success: function(data) {
          if( data.status == 'true' ) {
            $(form).find('.form-control').val('');
          }
          form_btn.prop('disabled', false).html(form_btn_old_msg);
          $(form_result_div).html(data.message).fadeIn('slow');
          setTimeout(function(){ $(form_result_div).fadeOut('slow') }, 6000);
        }
      });
    }
  });
</script>
<!-- Application Form Validation Start -->



<script>
  $(document).ready(function(e) {
    $(".rev_slider").revolution({
      sliderType:"standard",
      sliderLayout: "auto",
      dottedOverlay: "none",
      delay: 5000,
      navigation: {
          keyboardNavigation: "off",
          keyboard_direction: "horizontal",
          mouseScrollNavigation: "off",
          onHoverStop: "off",
          touch: {
              touchenabled: "on",
              swipe_threshold: 75,
              swipe_min_touches: 1,
              swipe_direction: "horizontal",
              drag_block_vertical: false
          },
        arrows: {
          style:"zeus",
          enable:true,
          hide_onmobile:true,
          hide_under:600,
          hide_onleave:true,
          hide_delay:200,
          hide_delay_mobile:1200,
          tmp:'<div class="tp-title-wrap">    <div class="tp-arr-imgholder"></div> </div>',
          left: {
            h_align:"left",
            v_align:"center",
            h_offset:30,
            v_offset:0
          },
          right: {
            h_align:"right",
            v_align:"center",
            h_offset:30,
            v_offset:0
          }
        },
        bullets: {
          enable:true,
          hide_onmobile:true,
          hide_under:600,
          style:"metis",
          hide_onleave:true,
          hide_delay:200,
          hide_delay_mobile:1200,
          direction:"horizontal",
          h_align:"center",
          v_align:"bottom",
          h_offset:0,
          v_offset:30,
          space:5,
          tmp:'<span class="tp-bullet-img-wrap">  <span class="tp-bullet-image"></span></span><span class="tp-bullet-title"></span>'
        }
      },
      responsiveLevels: [1240, 1024, 778],
      visibilityLevels: [1240, 1024, 778],
      gridwidth: [1170, 1024, 778, 480],
      gridheight: [650, 768, 960, 720],
      lazyType: "none",
      parallax: {
          origo: "slidercenter",
          speed: 1000,
          levels: [5, 10, 15, 20, 25, 30, 35, 40, 45, 46, 47, 48, 49, 50, 100, 55],
          type: "scroll"
      },
      shadow: 0,
      spinner: "off",
      stopLoop: "on",
      stopAfterLoops: 0,
      stopAtSlide: -1,
      shuffle: "off",
      autoHeight: "off",
      fullScreenAutoWidth: "off",
      fullScreenAlignForce: "off",
      fullScreenOffsetContainer: "",
      fullScreenOffset: "0",
      hideThumbsOnMobile: "off",
      hideSliderAtLimit: 0,
      hideCaptionAtLimit: 0,
      hideAllCaptionAtLilmit: 0,
      debugMode: false,
      fallbacks: {
          simplifyAll: "off",
          nextSlideOnWindowFocus: "off",
          disableFocusListener: false,
      }
    });
  });
</script>
<!-- Slider Revolution Ends -->

@endsection
