<?php defined('BASEPATH')or exit('No Direct Access is Allowed');?>
<div class="home-banner style-1 fullscreen parallax-window" data-parallax="scroll" data-image-src="<?=base_url('assets/web/images/new-images/backgrounds.jpg');?>">
  <div class="overlay_black_5">
  </div>
  <div id="particles-js">
  </div>
  <div class="caption style-1 position-center-center" style="height:460px;">
    <h1 class="text-center slideInTop animated" >
      <span>online Tution
      </span>A LEARNING PLATFORM
    </h1>
    <div class="text-center slideInLeft animated" style="margin-top: -9px;">
      <img src="<?=base_url('assets/web/images/new-images/Holding-iPad-1-news.png');?>" class="" alt="" style="height:350px;width:650px;">
      <!--<a class="start-video video" data-video="https://www.youtube.com/embed/HBdcL7YsdBY" data-toggle="modal" data-target="#videoModal"><img src="assets/images/new-images/play-btns.png" alt=""></a>-->
      <div class="start-video1 video"  id="video1">
        <a class="themeix-video-play">
          <i class="fa fa-play" aria-hidden="true">
          </i>
          <div class="iq-waves">
            <div class="waves wave-1">
            </div>
            <div class="waves wave-2">
            </div>
            <div class="waves wave-3">
            </div>
          </div>
        </a>
      </div>

           
    </div>
    <div class="watch-video">Watch What is theonlinegurukul
      <span class="watch-videos">
      </span>
    </div>
  </div>
</div>
<div class="modal" id="videoModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog tube_popup">
    <div class="modal-content">
      <div class="modal-body">
        <button type="button" class="close close_tubepop" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">
            <img src="<?=base_url('assets/web/images/close-pop.png');?>" alt="close-pop.png" style="width:23px;">
          </span>
        </button>
        <iframe width="100%" height="350" src="" frameborder="0" allowfullscreen>
        </iframe>
      </div>
    </div>
  </div>
</div>
<!-- Our Services End -->
<div class="clearfix">
</div>
<div class="section section-padding choose-course">
  <div class="container">
    <div class="group-title-index" style="margin-bottom:0px;">
      <h2 class="center-title">LIVE INTERACTIVE CLASSES
      </h2>
      <div class="bottom-title">
        <i class="bottom-icon icon-a-1-01-01 fa fa-book">
        </i>
      </div>
    </div>
    <div class="images-text col-md-12">
      <img src="<?=base_url('assets/web/images/new-images/interactive-class.png');?>" alt="about" class="img-responsive">
    </div>
  </div>
</div>
<!-- About Us Start -->
<div class="about-area pt-145 pb-155">
  <div class="container">
    <div class="group-title-index groups-title">
      <h2 class="center-title">About Us
      </h2>
      <div class="bottom-title">
        <i class="bottom-icon icon-a-1-01-01 fa fa-book">
        </i>
      </div>
    </div>
    <div class="col-md-6">
      <div class="about-content col-md-12">
        <h2>WELCOME TO
          <span>theonlinegurukul
          </span>
        </h2>
        <p>
          <span style="color:#f47629">theOnlineGurukul
          </span> s a global marketplace for learning and teaching online, where students are mastering new skills and achieving their goals by learning from an expert instructor.
        </p>
        <p class="hidden-sm">Now you don’t have to step out of anywhere for your day to day coaching classes, simply log in to the online gurukul and enjoy the hassle free daily coaching of any subject with the best faculty and that too paying very less.
        </p>
      </div>
      <div class="margin_top">
        <div class="col-md-6 mt-30">
          <div class="clean_top feature-box">
            <div class="content_about">
              <div class="icon_left_home">
                <i class="fa fa-pencil-square-o">
                </i>
              </div>
              <div class="right_detail">
                <h5>Demo Classes
                </h5>
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-6 mt-30">
          <div class="clean_top feature-box">
            <div class="content_about">
              <div class="icon_left_home">
                <i class="fa fa-paper-plane">
                </i>
              </div>
              <div class="right_detail">
                <h5>Ease of learning
                </h5>
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-6 mt-30 mt-sm-30 mt-xs-30">
          <div class="clean_top feature-box">
            <div class="content_about">
              <div class="icon_left_home">
                <i class="fa fa-users">
                </i>
              </div>
              <div class="right_detail">
                <h5>Qualified Teachers
                </h5>
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-6 mt-30 mt-sm-30 mt-xs-30">
          <div class="clean_top feature-box">
            <div class="content_about">
              <div class="icon_left_home">
                <i class="fa fa-desktop">
                </i>
              </div>
              <div class="right_detail">
                <h5>Live Session
                </h5>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-md-6 col-sm-6">
      <div class="about-img">
        <img src="<?=base_url('assets/web/images/new-images/about_img1-new.png');?>" alt="about">
      </div>
    </div>
  </div>
</div>


<section>
<div class="menus">
<div class="menus-inner">
<div class="container">
<div class="row ">
<!-- Title Content Start -->
                       <div class="group-title-index">
                            <h2 class="center-title_subject" style="color: #232222;">Courses by subject</h2>
                            <div class="bottom-title"><i class="bottom-icon icon-a-1-01-01 fa fa-book"></i></div>
                        </div>
<!-- Title Content End -->
<div class="col-sm-12 col-12">
<!--  Menu Tabs Start  -->
<ul class="nav nav-tabs list-inline">
<li class="nav-item">
<a class="nav-link active" href="#8th" data-toggle="tab" aria-expanded="true">8th Standard</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#9th" data-toggle="tab" aria-expanded="false">9th Standard</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#10th" data-toggle="tab" aria-expanded="false">10th Standard</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#11th" data-toggle="tab" aria-expanded="false">11th Standard</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#12th" data-toggle="tab" aria-expanded="false">12th Standard</a>
</li>

</ul>
<!--  Menu Tabs Start  -->

<!--  Menu Tabs Content Start  -->
<div  class="tab-content">
<!--  Menu Tab Start  -->
<div class="tab-pane show active" id="8th">
<div class="row">
<div class="col-md-3 mt-30">
									<div class="clean_top feature-box_sub">
										<div class="content_about_sub">
											<div class="icon_left_home_sub"style="border:none;">
											<img src="<?=base_url('assets/web/images/img-icon/maths.png');?>" alt="Mathmatics" class="img-responsive">
											</div>
											<div class="right_detail_sub">
												<h5>Mathmatics</h5>

											</div>
										</div>
									</div>
</div>
<div class="col-md-3 mt-30">
									<div class="clean_top feature-box_sub">
										<div class="content_about_sub">
											<div class="icon_left_home_sub" style="border:none;">
												<img src="<?=base_url('assets/web/images/img-icon/sciences.png');?>" alt="Science" class="img-responsive">
											</div>
											<div class="right_detail_sub ">
												<h5>Science</h5>

											</div>
										</div>
									</div>
	</div>
    <div class="col-md-3 mt-30">
									<div class="clean_top feature-box_sub">
										<div class="content_about_sub">
											<div class="icon_left_home_sub">
												<img src="<?=base_url('assets/web/images/img-icon/english.svg');?>" alt="English" class="img-responsive" style="width:30px;height:30px;margin-top:7px;">
											</div>
											<div class="right_detail_sub ">
												<h5>English</h5>

											</div>
										</div>
									</div>
</div>
<div class="col-md-3 mt-30">
									<div class="clean_top feature-box_sub">
										<div class="content_about_sub">
											<div class="icon_left_home_sub">
													<img src="<?=base_url('assets/web/images/img-icon/hindis.jpg');?>" alt="Hindi" class="img-responsive" style="margin-top: 5px;">
											</div>
											<div class="right_detail_sub ">
												<h5>Hindi</h5>

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




</div>
</div>
<!--  Menu Tab End  -->

<!--  Menu Tab Start  -->
<div class="tab-pane" id="9th">
  <div class="row">
  <div class="col-md-3 mt-30">
  									<div class="clean_top feature-box_sub">
  										<div class="content_about_sub">
  											<div class="icon_left_home_sub"style="border:none;">
  											<img src="<?=base_url('assets/web/images/img-icon/maths.png');?>" alt="Mathmatics" class="img-responsive">
  											</div>
  											<div class="right_detail_sub">
  												<h5>Mathmatics</h5>

  											</div>
  										</div>
  									</div>
  </div>
  <div class="col-md-3 mt-30">
  									<div class="clean_top feature-box_sub">
  										<div class="content_about_sub">
  											<div class="icon_left_home_sub" style="border:none;">
  												<img src="<?=base_url('assets/web/images/img-icon/sciences.png');?>" alt="Science" class="img-responsive">
  											</div>
  											<div class="right_detail_sub ">
  												<h5>Science</h5>

  											</div>
  										</div>
  									</div>
  	</div>
      <div class="col-md-3 mt-30">
  									<div class="clean_top feature-box_sub">
  										<div class="content_about_sub">
  											<div class="icon_left_home_sub">
  												<img src="<?=base_url('assets/web/images/img-icon/english.svg');?>" alt="English" class="img-responsive" style="width:30px;height:30px;margin-top:7px;">
  											</div>
  											<div class="right_detail_sub ">
  												<h5>English</h5>

  											</div>
  										</div>
  									</div>
  </div>
  <div class="col-md-3 mt-30">
  									<div class="clean_top feature-box_sub">
  										<div class="content_about_sub">
  											<div class="icon_left_home_sub">
  													<img src="<?=base_url('assets/web/images/img-icon/hindis.jpg');?>" alt="Hindi" class="img-responsive" style="margin-top: 5px;">
  											</div>
  											<div class="right_detail_sub ">
  												<h5>Hindi</h5>

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




  </div>
</div>
<!--  Menu Tab End  -->

<!--  Menu Tab Start  -->
<div class="tab-pane" id="10th">
  <div class="row">
  <div class="col-md-3 mt-30">
  									<div class="clean_top feature-box_sub">
  										<div class="content_about_sub">
  											<div class="icon_left_home_sub"style="border:none;">
  											<img src="<?=base_url('assets/web/images/img-icon/maths.png');?>" alt="Mathmatics" class="img-responsive">
  											</div>
  											<div class="right_detail_sub">
  												<h5>Mathmatics</h5>

  											</div>
  										</div>
  									</div>
  </div>
  <div class="col-md-3 mt-30">
  									<div class="clean_top feature-box_sub">
  										<div class="content_about_sub">
  											<div class="icon_left_home_sub" style="border:none;">
  												<img src="<?=base_url('assets/web/images/img-icon/sciences.png');?>" alt="Science" class="img-responsive">
  											</div>
  											<div class="right_detail_sub ">
  												<h5>Science</h5>

  											</div>
  										</div>
  									</div>
  	</div>
      <div class="col-md-3 mt-30">
  									<div class="clean_top feature-box_sub">
  										<div class="content_about_sub">
  											<div class="icon_left_home_sub">
  												<img src="<?=base_url('assets/web/images/img-icon/english.svg');?>" alt="English" class="img-responsive" style="width:30px;height:30px;margin-top:7px;">
  											</div>
  											<div class="right_detail_sub ">
  												<h5>English</h5>

  											</div>
  										</div>
  									</div>
  </div>
  <div class="col-md-3 mt-30">
  									<div class="clean_top feature-box_sub">
  										<div class="content_about_sub">
  											<div class="icon_left_home_sub">
  													<img src="<?=base_url('assets/web/images/img-icon/hindis.jpg');?>" alt="Hindi" class="img-responsive" style="margin-top: 5px;">
  											</div>
  											<div class="right_detail_sub ">
  												<h5>Hindi</h5>

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




  </div>
</div>


<!--  Menu Tab Start  -->
<div class="tab-pane" id="11th">
<div class="row">
  <div class="col-md-3 mt-30">
  									<div class="clean_top feature-box_sub">
  										<div class="content_about_sub">
  											<div class="icon_left_home_sub"style="border:none;">
  											<img src="<?=base_url('assets/web/images/img-icon/maths.png');?>" alt="Mathmatics" class="img-responsive">
  											</div>
  											<div class="right_detail_sub">
  												<h5>Mathmatics</h5>

  											</div>
  										</div>
  									</div>
  </div>
  <div class="col-md-3 mt-30">
                    <div class="clean_top feature-box_sub">
                      <div class="content_about_sub">
                        <div class="icon_left_home_sub"style="border:none;">
                        <img src="<?=base_url('assets/web/images/img-icon/biology.png');?>" alt="Biology" class="img-responsive">
                        </div>
                        <div class="right_detail_sub">
                          <h5>Biology</h5>

                        </div>
                      </div>
                    </div>
  </div>
  <div class="col-md-3 mt-30">
                    <div class="clean_top feature-box_sub">
                      <div class="content_about_sub">
                        <div class="icon_left_home_sub"style="border:none;">
                        <img src="<?=base_url('assets/web/images/img-icon/physics.png');?>" alt="Physics" class="img-responsive">
                        </div>
                        <div class="right_detail_sub">
                          <h5>Physics</h5>

                        </div>
                      </div>
                    </div>
  </div>
  <div class="col-md-3 mt-30">
                    <div class="clean_top feature-box_sub">
                      <div class="content_about_sub">
                        <div class="icon_left_home_sub"style="border:none;">
                        <img src="<?=base_url('assets/web/images/img-icon/chemistry.jpeg');?>" alt="Chemistry" class="img-responsive">
                        </div>
                        <div class="right_detail_sub">
                          <h5>Chemistry</h5>

                        </div>
                      </div>
                    </div>
  </div>
<div class="col-md-3 mt-30">
									<div class="clean_top feature-box_sub">
										<div class="content_about_sub">
											<div class="icon_left_home_sub"style="border:none;">
											  <img src="<?=base_url('assets/web/images/img-icon/account.png');?>" alt="Accountancy" class="img-responsive">
											</div>
											<div class="right_detail_sub">
												<h5>Accountancy</h5>

											</div>
										</div>
									</div>
</div>
<div class="col-md-3 mt-30">
									<div class="clean_top feature-box_sub">
										<div class="content_about_sub">
                      <div class="icon_left_home_sub"style="border:none;">
                        <img src="<?=base_url('assets/web/images/img-icon/economics.png');?>" alt="Economics" class="img-responsive">
                      </div>
											<div class="right_detail_sub ">
												<h5>Economics</h5>

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

<div class="col-md-3 mt-30">
									<div class="clean_top feature-box_sub">
										<div class="content_about_sub">
                      <div class="icon_left_home_sub"style="border:none;">
                        <img src="<?=base_url('assets/web/images/img-icon/history.png');?>" alt="History" class="img-responsive">
                      </div>
											<div class="right_detail_sub ">
												<h5>History</h5>

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

<div class="col-md-3 mt-30">
									<div class="clean_top feature-box_sub">
										<div class="content_about_sub">
                      <div class="icon_left_home_sub"style="border:none;">
                        <img src="<?=base_url('assets/web/images/img-icon/Political-Science.png');?>" alt="Political Science" class="img-responsive">
                      </div>
											<div class="right_detail_sub ">
												<h5>Political Science</h5>

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

<div class="col-md-3 mt-30">
									<div class="clean_top feature-box_sub">
										<div class="content_about_sub">
                      <div class="icon_left_home_sub"style="border:none;">
                        <img src="<?=base_url('assets/web/images/img-icon/sociology.png');?>" alt="Sociology" class="img-responsive">
                      </div>
											<div class="right_detail_sub ">
												<h5>Sociology</h5>

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

<div class="col-md-3 mt-30">
									<div class="clean_top feature-box_sub">
										<div class="content_about_sub">
                      <div class="icon_left_home_sub"style="border:none;">
                        <img src="<?=base_url('assets/web/images/img-icon/geography.jpeg');?>" alt="Geography" class="img-responsive">
                      </div>
											<div class="right_detail_sub ">
												<h5>Geography</h5>

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

<div class="col-md-3 mt-30">
									<div class="clean_top feature-box_sub">
										<div class="content_about_sub">
                      <div class="icon_left_home_sub"style="border:none;">
                        <img src="<?=base_url('assets/web/images/img-icon/psychology.png');?>" alt="Psychology" class="img-responsive">
                      </div>
											<div class="right_detail_sub ">
												<h5>Psychology</h5>

											</div>
										</div>
									</div>
</div>
<div class="col-md-3 mt-30">
              <div class="clean_top feature-box_sub">
                <div class="content_about_sub">
                  <div class="icon_left_home_sub">
                    <img src="<?=base_url('assets/web/images/img-icon/english.svg');?>" alt="English" class="img-responsive" style="width:30px;height:30px;margin-top:7px;">
                  </div>
                  <div class="right_detail_sub ">
                    <h5>English</h5>

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



<!--  Menu Tab Start  -->
<div class="tab-pane" id="12th">
  <div class="row">
    <div class="col-md-3 mt-30">
    									<div class="clean_top feature-box_sub">
    										<div class="content_about_sub">
    											<div class="icon_left_home_sub"style="border:none;">
    											<img src="<?=base_url('assets/web/images/img-icon/maths.png');?>" alt="Mathmatics" class="img-responsive">
    											</div>
    											<div class="right_detail_sub">
    												<h5>Mathmatics</h5>

    											</div>
    										</div>
    									</div>
    </div>
    <div class="col-md-3 mt-30">
                      <div class="clean_top feature-box_sub">
                        <div class="content_about_sub">
                          <div class="icon_left_home_sub"style="border:none;">
                          <img src="<?=base_url('assets/web/images/img-icon/biology.png');?>" alt="Biology" class="img-responsive">
                          </div>
                          <div class="right_detail_sub">
                            <h5>Biology</h5>

                          </div>
                        </div>
                      </div>
    </div>
    <div class="col-md-3 mt-30">
                      <div class="clean_top feature-box_sub">
                        <div class="content_about_sub">
                          <div class="icon_left_home_sub"style="border:none;">
                          <img src="<?=base_url('assets/web/images/img-icon/physics.png');?>" alt="Physics" class="img-responsive">
                          </div>
                          <div class="right_detail_sub">
                            <h5>Physics</h5>

                          </div>
                        </div>
                      </div>
    </div>
    <div class="col-md-3 mt-30">
                      <div class="clean_top feature-box_sub">
                        <div class="content_about_sub">
                          <div class="icon_left_home_sub"style="border:none;">
                          <img src="<?=base_url('assets/web/images/img-icon/chemistry.jpeg');?>" alt="Chemistry" class="img-responsive">
                          </div>
                          <div class="right_detail_sub">
                            <h5>Chemistry</h5>

                          </div>
                        </div>
                      </div>
    </div>
  <div class="col-md-3 mt-30">
  									<div class="clean_top feature-box_sub">
  										<div class="content_about_sub">
  											<div class="icon_left_home_sub"style="border:none;">
  											  <img src="<?=base_url('assets/web/images/img-icon/account.png');?>" alt="Accountancy" class="img-responsive">
  											</div>
  											<div class="right_detail_sub">
  												<h5>Accountancy</h5>

  											</div>
  										</div>
  									</div>
  </div>
  <div class="col-md-3 mt-30">
  									<div class="clean_top feature-box_sub">
  										<div class="content_about_sub">
                        <div class="icon_left_home_sub"style="border:none;">
                          <img src="<?=base_url('assets/web/images/img-icon/economics.png');?>" alt="Economics" class="img-responsive">
                        </div>
  											<div class="right_detail_sub ">
  												<h5>Economics</h5>

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

  <div class="col-md-3 mt-30">
  									<div class="clean_top feature-box_sub">
  										<div class="content_about_sub">
                        <div class="icon_left_home_sub"style="border:none;">
                          <img src="<?=base_url('assets/web/images/img-icon/history.png');?>" alt="History" class="img-responsive">
                        </div>
  											<div class="right_detail_sub ">
  												<h5>History</h5>

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

  <div class="col-md-3 mt-30">
  									<div class="clean_top feature-box_sub">
  										<div class="content_about_sub">
                        <div class="icon_left_home_sub"style="border:none;">
                          <img src="<?=base_url('assets/web/images/img-icon/Political-Science.png');?>" alt="Political Science" class="img-responsive">
                        </div>
  											<div class="right_detail_sub ">
  												<h5>Political Science</h5>

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

  <div class="col-md-3 mt-30">
  									<div class="clean_top feature-box_sub">
  										<div class="content_about_sub">
                        <div class="icon_left_home_sub"style="border:none;">
                          <img src="<?=base_url('assets/web/images/img-icon/sociology.png');?>" alt="Sociology" class="img-responsive">
                        </div>
  											<div class="right_detail_sub ">
  												<h5>Sociology</h5>

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

  <div class="col-md-3 mt-30">
  									<div class="clean_top feature-box_sub">
  										<div class="content_about_sub">
                        <div class="icon_left_home_sub"style="border:none;">
                          <img src="<?=base_url('assets/web/images/img-icon/geography.jpeg');?>" alt="Geography" class="img-responsive">
                        </div>
  											<div class="right_detail_sub ">
  												<h5>Geography</h5>

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

  <div class="col-md-3 mt-30">
  									<div class="clean_top feature-box_sub">
  										<div class="content_about_sub">
                        <div class="icon_left_home_sub"style="border:none;">
                          <img src="<?=base_url('assets/web/images/img-icon/psychology.png');?>" alt="Psychology" class="img-responsive">
                        </div>
  											<div class="right_detail_sub ">
  												<h5>Psychology</h5>

  											</div>
  										</div>
  									</div>
  </div>
  <div class="col-md-3 mt-30">
                <div class="clean_top feature-box_sub">
                  <div class="content_about_sub">
                    <div class="icon_left_home_sub">
                      <img src="<?=base_url('assets/web/images/img-icon/english.svg');?>" alt="English" class="img-responsive" style="width:30px;height:30px;margin-top:7px;">
                    </div>
                    <div class="right_detail_sub ">
                      <h5>English</h5>

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












</div>
<!--  Menu Tab End  -->
</div>
<!--  Menu Tabs Content End  -->
</div>
</div>
</div>
</div>

</section>

<?php /* ?>
<!-- row clearfix -->
<section id="section-id-1528204206" class="sppb-section  subjects_bg">
  <div class="container">
    <div class="group-title-index">
      <h2 class="center-title"style="color: #ffffff">Courses by subject
      </h2>
      <div class="bottom-title">
        <i class="bottom-icon icon-a-1-01-01 fa fa-book">
        </i>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-12 col-md-12 col-sm-12">
        <div class="tab" role="tabpanel">
          <!-- Nav tabs -->
          <ul class="nav nav-tabs" role="tablist">
            <li role="presentation" class="active">
              <a href="#Section1" aria-controls="home" role="tab" data-toggle="tab">8th Standard
              </a>
            </li>
            <li role="presentation">
              <a href="#Section2" aria-controls="settings" role="tab" data-toggle="tab">9th Standard
              </a>
            </li>
            <li role="presentation">
              <a href="#Section3" aria-controls="profile" role="tab" data-toggle="tab">10th Standard
              </a>
            </li>
            <li role="presentation">
              <a href="#Section4" aria-controls="home" role="tab" data-toggle="tab">11th Standard
              </a>
            </li>
            <li role="presentation">
              <a href="#Section5" aria-controls="settings" role="tab" data-toggle="tab">12th Standard
              </a>
            </li>
          </ul>
          <!-- Tab panes -->
          <div class="tab-content">
            <div role="tabpanel" class="tab-pane active row row-course-tab" id="Section1">
              <h3 class="tabbings-center">Academic
              </h3>
              <a href="#" data-toggle="modal" data-target="#myModal">
                <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                  <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px; margin:0px;color: #1b5187;">Mathematics
                  </h1>
                  <!--<h3 class="acadmic-class">Subjcet</h3>-->
                </div>
                <!--end count inner-->
              </a>
              <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px;  margin:0px;color: #1b5187;">Science
                </h1>
                <!--<h3 class="acadmic-class">Subjcet</h3>-->
              </div>
              <!--end count inner-->
              <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px;  margin:0px;color: #1b5187;">English
                </h1>
                <!--<h3 class="acadmic-class">Subjcet</h3>-->
              </div>

              <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px;  margin:0px;color: #1b5187;">Social Science
                </h1>
                <!--<h3 class="acadmic-class">Subjcet</h3>-->
              </div>
              <!--end count inner-->
              <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px;  margin:0px;color: #1b5187;">Hindi
                </h1>
                <!--<h3 class="acadmic-class">Subjcet</h3>-->
              </div>
              <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px;  margin:0px;color: #1b5187;">Sanskrit
                </h1>
                <!--<h3 class="acadmic-class">Subjcet</h3>-->
              </div>
              <!--end count inner-->
              <!--<div class="count_inner col-xs-12 col-sm-2 col-md-2">
<h1 class="8th-course1" style="text-transform: capitalize; font-size:18px;  margin:0px;color: #1b5187;">Sankrit</h1>
<h3 class="acadmic-class">Subjcet</h3>
</div>-->
            </div>
            <div role="tabpanel" class="tab-pane row row-course-tab" id="Section2">
              <h3 class="tabbings-center">Academic
              </h3>
              <a href="#" data-toggle="modal" data-target="#myModal">
                <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                  <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px; margin:0px;color: #1b5187;">Mathematics
                  </h1>
                  <!--<h3 class="acadmic-class">Subjcet</h3>-->
                </div>
                <!--end count inner-->
              </a>
              <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px; margin:0px;color: #1b5187;">Science
                </h1>
                <!--<h3 class="acadmic-class">Subjcet</h3>-->
              </div>
              <!--end count inner-->
              <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px; margin:0px;color: #1b5187;">English
                </h1>
                <!--<h3 class="acadmic-class">Subjcet</h3>-->
              </div>
              <!--end count inner-->
              <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px;  margin:0px;color: #1b5187;">Social Science
                </h1>
                <!--<h3 class="acadmic-class">Subjcet</h3>-->
              </div>
              <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px; margin:0px;color: #1b5187;">Hindi
                </h1>
                <!--<h3 class="acadmic-class">Subjcet</h3>-->
              </div>
              <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px;  margin:0px;color: #1b5187;">Sanskrit
                </h1>
                <!--<h3 class="acadmic-class">Subjcet</h3>-->
              </div>
              <!--end count inner-->
              <!--<div class="count_inner col-xs-12 col-sm-2 col-md-2">
<h1 class="8th-course1" style="text-transform: capitalize; font-size:18px;  margin:0px;color: #1b5187;">Sankrit</h1>
<h3 class="acadmic-class">Subjcet</h3>
</div>-->
            </div>
            <div role="tabpanel" class="tab-pane row row-course-tab" id="Section3">
              <h3 class="tabbings-center">Academic
              </h3>
              <a href="#" data-toggle="modal" data-target="#myModal">
                <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                  <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px; margin:0px;color: #1b5187;">Mathematics
                  </h1>
                  <!--<h3 class="acadmic-class">Subjcet</h3>-->
                </div>
                <!--end count inner-->
              </a>
              <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px; margin:0px;color: #1b5187;">Science
                </h1>
                <!--<h3 class="acadmic-class">Subjcet</h3>-->
              </div>
              <!--end count inner-->
              <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px; margin:0px;color: #1b5187;">English
                </h1>
                <!--<h3 class="acadmic-class">Subjcet</h3>-->
              </div>
              <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px;  margin:0px;color: #1b5187;">Social Science
                </h1>
                <!--<h3 class="acadmic-class">Subjcet</h3>-->
              </div>
              <!--end count inner-->
              <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px; margin:0px;color: #1b5187;">Hindi
                </h1>
                <!--<h3 class="acadmic-class">Subjcet</h3>-->
              </div>
              <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px;  margin:0px;color: #1b5187;">Sanskrit
                </h1>
                <!--<h3 class="acadmic-class">Subjcet</h3>-->
              </div>
              <!--end count inner-->
              <!--end count inner-->
            </div>
            <div role="tabpanel" class="tab-pane row row-course-tab" id="Section4">
              <h3 class="tabbings-center">Academic
              </h3>
              <a href="#" data-toggle="modal" data-target="#myModal">
                <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                  <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px; margin:0px;color: #1b5187;">Mathematics
                  </h1>
                  <!--<h3 class="acadmic-class">Subjcet</h3>-->
                </div>
                <!--end count inner-->
              </a>

              <!--end count inner-->
              <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px; margin:0px;color: #1b5187;">English
                </h1>
                <!--<h3 class="acadmic-class">Subjcet</h3>-->
              </div>
              <!--end count inner-->
              <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px; margin:0px;color: #1b5187;">Physics
                </h1>
                <!--<h3 class="acadmic-class">Subjcet</h3>-->
              </div>
              <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px; margin:0px;color: #1b5187;">Chemistry
                </h1>
                <!--<h3 class="acadmic-class">Subjcet</h3>-->
              </div>
              <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px; margin:0px;color: #1b5187;">Biology
                </h1>
                <!--<h3 class="acadmic-class">Subjcet</h3>-->
              </div>
              <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px; margin:0px;color: #1b5187;">Accountancy
                </h1>
                <!--<h3 class="acadmic-class">Subjcet</h3>-->
              </div>
              <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px; margin:0px;color: #1b5187;">Economics
                </h1>
                <!--<h3 class="acadmic-class">Subjcet</h3>-->
              </div>
              <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px; margin:0px;color: #1b5187;">History
                </h1>
                <!--<h3 class="acadmic-class">Subjcet</h3>-->
              </div>
              <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px; margin:0px;color: #1b5187;">Political Science
                </h1>
                <!--<h3 class="acadmic-class">Subjcet</h3>-->
              </div>
              <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px; margin:0px;color: #1b5187;">Sociology
                </h1>
                <!--<h3 class="acadmic-class">Subjcet</h3>-->
              </div>
              <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px; margin:0px;color: #1b5187;">Geography
                </h1>
                <!--<h3 class="acadmic-class">Subjcet</h3>-->
              </div>
              <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px; margin:0px;color: #1b5187;">Psychology
                </h1>
                <!--<h3 class="acadmic-class">Subjcet</h3>-->
              </div>
              <!--end count inner-->
              <!--end count inner-->
            </div>

            <div role="tabpanel" class="tab-pane row row-course-tab" id="Section5">
              <h3 class="tabbings-center">Academic
              </h3>
              <a href="#" data-toggle="modal" data-target="#myModal">
                <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                  <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px; margin:0px;color: #1b5187;">Mathematics
                  </h1>
                  <!--<h3 class="acadmic-class">Subjcet</h3>-->
                </div>
                <!--end count inner-->
              </a>

              <!--end count inner-->
              <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px; margin:0px;color: #1b5187;">English
                </h1>
                <!--<h3 class="acadmic-class">Subjcet</h3>-->
              </div>

              <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px; margin:0px;color: #1b5187;">Physics
                </h1>
                <!--<h3 class="acadmic-class">Subjcet</h3>-->
              </div>
              <!--end count inner-->
              <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px; margin:0px;color: #1b5187;">Chemistry
                </h1>
                <!--<h3 class="acadmic-class">Subjcet</h3>-->
              </div>
              <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px; margin:0px;color: #1b5187;">Biology
                </h1>
                <!--<h3 class="acadmic-class">Subjcet</h3>-->
              </div>
              <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px; margin:0px;color: #1b5187;">Accountancy
                </h1>
                <!--<h3 class="acadmic-class">Subjcet</h3>-->
              </div>
              <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px; margin:0px;color: #1b5187;">Economics
                </h1>
                <!--<h3 class="acadmic-class">Subjcet</h3>-->
              </div>
              <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px; margin:0px;color: #1b5187;">History
                </h1>
                <!--<h3 class="acadmic-class">Subjcet</h3>-->
              </div>
              <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px; margin:0px;color: #1b5187;">Political Science
                </h1>
                <!--<h3 class="acadmic-class">Subjcet</h3>-->
              </div>
              <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px; margin:0px;color: #1b5187;">Sociology
                </h1>
                <!--<h3 class="acadmic-class">Subjcet</h3>-->
              </div>
              <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px; margin:0px;color: #1b5187;">Geography
                </h1>
                <!--<h3 class="acadmic-class">Subjcet</h3>-->
              </div>
              <div class="count_inner col-xs-12 col-sm-2 col-md-2">
                <h1 class="8th-course1" style="text-transform: capitalize; font-size:18px; margin:0px;color: #1b5187;">Psychology
                </h1>
                <!--<h3 class="acadmic-class">Subjcet</h3>-->
              </div>
              <!--end count inner-->
              <!--end count inner-->
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section><?php */?>
<div class="section section-padding choose-course">
  <div class="container">
    <div class="group-title-index">
      <h2 class="center-title">Easy Ordering System
      </h2>
      <div class="bottom-title">
        <i class="bottom-icon icon-a-1-01-01 fa fa-book">
        </i>
      </div>
    </div>
    <div class="choose-course-wrapper row">
      <div class="col-md-4">
        <div class="item-course item-1">
          <div class="icon-circle">
            <div class="icon-background">
              <i class="fa fa-desktop icons-img icon-globe">
              </i>
            </div>
            <div class="info1">
              <div class="info-back1">
					  <p>
					  <img src="<?=base_url('assets/web/images/new-images/request_a-course.png');?>" class="" alt="">
					 </p> 
				 </div>
              </div>
            </div>
            <div class="name-course">
              <a href="<?=site_url("student/signin");?>">Request A Course
              </a>
              <i class="fa fa-long-arrow-right">
              </i>
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="item-course item-2">
            <div class="icon-circle">
              <div class="icon-background">
                <i class="icons-img fa fa-paypal">
                </i>
              </div>
              <div class="info1">
                <div class="info-back1">
                   <p>
                    <img src="<?=base_url('assets/web/images/new-images/pay-course.png');?>" class="" alt="" style="width:104px;">
                  </p>
                </div>
              </div>
            </div>
            <div class="name-course">
              <a href="<?=site_url("student/signin");?>">Pay for Course
              </a>
              <i class="fa fa-long-arrow-right">
              </i>
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="item-course item-3">
            <div class="icon-circle">
              <div class="icon-background">
                <i class="fa fa-file icons-img icon-computer_network">
                </i>
              </div>
              <div class="info1">
                <div class="info-back1">
                   <p>
                    <img src="<?=base_url('assets/web/images/new-images/access-classes.png');?>" class="" alt="">
                   </p>
                </div>
              </div>
            </div>
            <div class="name-course">
              <a href="<?=site_url("student/signin");?>">Access the classes
              </a>
              <i class="fa fa-long-arrow-right">
              </i>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="jarallax feedback">
    <div class="container">
      <div class="group-title-index">
        <h2 class="center-title"style="color: #ffffff">Meet some of our Expert Teachers!
        </h2>
        <div class="bottom-title">
          <i class="bottom-icon icon-a-1-01-01 fa fa-book">
          </i>
        </div>
      </div>
      <div class="col-md-12" data-wow-delay="0.2s">
        <div class="carousel slide" data-ride="carousel" id="quote-carousel">
          <!-- Bottom Carousel Indicators -->
          <ol class="carousel-indicators indicators_quote" style="position:static; width:100%; margin-left:0%;">
            <li data-target="#quote-carousel" data-slide-to="0" class="active">
              <img class="img-responsive " src="<?=base_url('assets/web/images/test-01.jpg');?>" alt="">
            </li>
            <li data-target="#quote-carousel" data-slide-to="1">
              <img class="img-responsive" src="<?=base_url('assets/web/images/testi-02.jpg');?>" alt="">
            </li>
            <li data-target="#quote-carousel" data-slide-to="2">
              <img class="img-responsive" src="<?=base_url('assets/web/images/testi-03.jpg');?>" alt="">
            </li>
            <li data-target="#quote-carousel" data-slide-to="3">
              <img class="img-responsive " src="<?=base_url('assets/web/images/testi-04.jpg');?>" alt="">
            </li>
            <li data-target="#quote-carousel" data-slide-to="4">
              <img class="img-responsive" src="<?=base_url('assets/web/images/testi-05.jpg');?>" alt="">
            </li>
            <li data-target="#quote-carousel" data-slide-to="5">
              <img class="img-responsive" src="<?=base_url('assets/web/images/testi-06.jpg');?>" alt="">
            </li>
            <li data-target="#quote-carousel" data-slide-to="6">
              <img class="img-responsive" src="<?=base_url('assets/web/images/testi-07.jpg');?>" alt="">
            </li>
          </ol>
          <!-- Carousel Slides / Quotes -->
          <div class="carousel-inner text-center">
            <!-- Quote 1 -->
            <div class="item active">
              <div class="row">
                <div class="testimonial col-sm-8 col-sm-offset-2">
                  <p class="description">
                    New skills lead to a career transition for student with a passion for education
                  </p>
                  <div class="testimonial-profile">
                    <h3 class="title">Steve Thomas
                    </h3>
                    <span class="post">
                    </span>
                  </div>
                </div>
              </div>
            </div>
            <!-- Quote 3 -->
            <div class="item">
              <div class="row">
                <div class="testimonial col-sm-8 col-sm-offset-2">
                  <p class="description">
                    New skills lead to a career transition for student with a passion for education
                  </p>
                  <div class="testimonial-profile">
                    <h3 class="title">Steve Thomas
                    </h3>
                    <span class="post">
                    </span>
                  </div>
                </div>
              </div>
            </div>
            <div class="item">
              <div class="row">
                <div class="testimonial col-sm-8 col-sm-offset-2">
                  <p class="description">
                    New skills lead to a career transition for student with a passion for education
                  </p>
                  <div class="testimonial-profile">
                    <h3 class="title">Steve Thomas
                    </h3>
                    <span class="post">
                    </span>
                  </div>
                </div>
              </div>
            </div>
            <div class="item">
              <div class="row">
                <div class="testimonial col-sm-8 col-sm-offset-2">
                  <p class="description">
                    New skills lead to a career transition for student with a passion for education
                  </p>
                  <div class="testimonial-profile">
                    <h3 class="title">Steve Thomas
                    </h3>
                    <span class="post">
                    </span>
                  </div>
                </div>
              </div>
            </div>
            <div class="item">
              <div class="row">
                <div class="testimonial col-sm-8 col-sm-offset-2">
                  <p class="description">
                    New skills lead to a career transition for student with a passion for education
                  </p>
                  <div class="testimonial-profile">
                    <h3 class="title">Steve Thomas
                    </h3>
                    <span class="post">
                    </span>
                  </div>
                </div>
              </div>
            </div>
            <div class="item">
              <div class="row">
                <div class="testimonial col-sm-8 col-sm-offset-2">
                  <p class="description">
                    New skills lead to a career transition for student with a passion for education
                  </p>
                  <div class="testimonial-profile">
                    <h3 class="title">Steve Thomas
                    </h3>
                    <span class="post">
                    </span>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- Carousel Buttons Next/Prev -->
          <a data-slide="prev" href="#quote-carousel" class="left carousel-control Quote-width quote-left">
            <i class="fa fa-chevron-left quote-lefts">
            </i>
          </a>
          <a data-slide="next" href="#quote-carousel" class="right carousel-control  Quote-width quote-left">
            <i class="fa fa-chevron-right quote-rights">
            </i>
          </a>
        </div>
      </div>
    </div>
  </div>
  <script>
    // // Initialize
    // new InitPxVideo({
    // videoId: "myvid",
    // captionsOnDefault: true,
    // seekInterval: 20,
    // videoTitle: "theOnlineGurukul",
    // debug: true
    // });
  </script>
