
<?php defined('BASEPATH')or exit('No Direct Access is Allowed');?>
<style>

/*
    Created on : 2016-12-16, 13:40:46
    Author     : SÅ‚awomir Netteria.NET https://netteria.net
*/

#closer_videopopup{
    position: absolute;
    display: table-cell;
    right: 2%;
    top: 2%;
    font-size: 32px;
    text-align: center;
    vertical-align: middle;
    padding: auto;
    cursor: pointer;
    background: none;
    border: none;
    color: #ffffff;


    z-index: 100004;
}
#opct{
    position: fixed;
    z-index: 100000;
    width: 100%;
    height: 100%;
    top: 0;
    left:0;
    bottom: 0;
    right: 0;
    filter: alpha(opacity=90);
    -moz-opacity: 0.90;
    opacity: 0.9;
}
#videCont{
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    margin: auto;
    max-width: 1368px;
    height: 0;
    height: auto !important;
}
video{
    position: absolute;
    top: 15%;
    left: 0;
    width: 100%;
    opacity: 1 !important;

}
#video1{
    cursor: pointer; cursor: hand;
}
.yu2fvl-close {
    font-size: 30px;
    position: absolute;
    top: -20px;
    right: -20px;
    color: #fff;
    border: 0;
    background: none;
    cursor: pointer;
}

.iq_waves{
	    top: 30%;
    -webkit-transform: translate(-50%, -12%);
    -ms-transform: translate(-50%, -12%);
    transform: translate(-50%, -12%);
}
 .play_4{
    margin-top: 72px!important;
 }
 .right_detail_sub_span{
	display: flex;
    /* margin-left: 10px; */
    font-weight: 500;
    margin-top: 9px!important;
    margin-bottom: 8px!important;
    font-size: 18px;
    text-transform: capitalize;
    letter-spacing: 0px;
 }
</style>

		<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 Tuition Classes</span> <!--A LEARNING PLATFORM--></h1>
				<!--<h1 class="text-center slideInTop animated" ><span>Traditional Method Of Learning With Help Of Modern Technology</span>A LEARNING PLATFORM</h1>-->
				<div class="text-center slideInLeft animated">
				<img src="<?=base_url('assets/web/images/new-images/Holding-iPad-1-news.png');?>" class="" alt="ipad news" style="height:360px;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 play-4"  id="video1s">
             <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 <span style="color:#007aff">theOnline</span><span style="color:#f47629">Gurukul</span><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">What is <span style="color:#007aff">theOnline</span><span style="color:#f47629">Gurukul</span> </h2>
							<h4 ><span>Traditional Method Of Learning With the help of Modern Technology.</span></h4>
                            <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 style="text-align:justify;margin-top:9%;"> <!-- class="about-content"-->
                           <!-- <h2>WELCOME TO <span style="color:#007aff">theOnline</span><span>Gurukul</span></h2>-->
                            <p><span style="color:#007aff">theOnline</span><span style="color:#f47629">Gurukul</span> is a global marketplace for learning and teaching online where students are mastering new skills and achieving their goals by learning with the help of experienced teachers/Instructors.</p>
                            <p class="hidden-sm">Don't have to step out for your day to day coaching classes, simply log in to <span style="color:#007aff">theOnline</span><span style="color:#f47629">Gurukul</span> and enjoy the hassle free daily coaching of any subject with one of the best faculty at very affordable prices.</p>
						<p>Experience better interaction and smooth communication with the online gurukul tutors. Unlike classrooms, a student won’t feel shy to ask questions and will be more comfortable chatting with the online tutor.</p>
					   <p> One of the striking benefits of online tution is that the students get instant feedback from the tutor. In this way, they correct their mistakes on time, so that they can have better understanding of the problem.</p>
					   <p>Sending a child out for a late evening tuition can make parents worry about their safety as they are not mature enough to deal with the hardships of life. In this scenario, online tuition comes as a saviour as it lets a child study inthe comfort of the home at any time.</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>
                  <?php /* ?>  <div class="col-md-6">
                        <div class="about-img">
                            <img src="<?=base_url('assets/web/images/new-images/about_img1-new.png');?>" alt="about">
							
							<!--<div class="start-video1 video play-4"  id="video1s">
								 <a class="themeix-video-play">
									<i class="fa fa-play play_4" aria-hidden="true"></i>
									<div class="iq-waves 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> <?php */ ?>
					<div class="col-md-6">
								<div class="about-imgs1">		
									<div class="about-imgs">
										<img src="<?=base_url('assets/web/images/concept-video.png');?>" alt="tog-class-video" style="" class="img-responsive">
									  <div class="start-video1 video play-3"  id="video1s">
											 <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 style="margin-top:26px;">
									
										<p><!--<span style="color:#007aff">theOnline</span><span style="color:#f47629">Gurukul</span> -->
										This is Just a <span style="color:#007aff">Demo</span><span style="color:#f47629"> Class</span> allow Users to understand what actually happen inside live classes. All users sitting at their home connecting through internet with teachers/Instructors.</p>
										<p>Teacher is also teaching from his/her home. 
										Everything seems like that students sitting at their school with teacher learning new skills , clear doubts.</p>
										<!--<p><span style="color:#007aff">Live</span><span style="color:#f47629"> Recording</span>  of class is helpful for students to understand the topic later which they can access from their Student Account portal.</p>-->
									   <!-- <p class="hidden-sm">Don't have to step out for your day to day coaching classes, simply log in to <span style="color:#007aff">theOnline</span>
										<span style="color:#f47629">Gurukul</span> and enjoy the hassle free daily coaching of any subject with one of the best faculty at very affordable prices.</p>-->
									
									
									</div>
                             </div>
                    </div>
            </div>
 </div>
<?php /* ?>
<div class="bg_backcolor">
            <div class="container">

			 <div class="group-title-index groups-title">
                            <h2 class="center-title">Demo Class Overview</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-imgs1">		
									<div class="about-imgs">
										<img src="<?=base_url('assets/web/images/concept-video.png');?>" alt="about" style="" class="img-responsive">
									  <div class="start-video1 video play-3"  id="video1s">
											 <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>
                    </div>
					<div class="col-md-6">
                        <div class="bg_top">
                            <h2>WELCOME TO <span style="color:#007aff">Demo</span><span> Class</span></h2>
                            <p><!--<span style="color:#007aff">theOnline</span><span style="color:#f47629">Gurukul</span> -->
							This is Just a <span style="color:#007aff">Demo</span><span style="color:#f47629"> Class</span> allow Users to understand what actually happen inside live classes. All users sitting at their home connecting through internet with teachers/Instructors.</p>
							<p>Teacher is also teaching from his/her home. 
							Everything seems like that students sitting at their school with teacher learning new skills , clear doubts.</p>
							<p><span style="color:#007aff">Live</span><span style="color:#f47629"> Recording</span>  of class is helpful for students to understand the topic later which they can access from their Student Account portal.</p>
                           <!-- <p class="hidden-sm">Don't have to step out for your day to day coaching classes, simply log in to <span style="color:#007aff">theOnline</span>
							<span style="color:#f47629">Gurukul</span> and enjoy the hassle free daily coaching of any subject with one of the best faculty at very affordable prices.</p>-->
                        </div>

                    </div>
                   
            </div>
 </div>
 
 <?php */ ?>
        <!-- row clearfix -->

<div class="services services-how">
<div class="row clearfix row-spec">
          <div class="col-xs-12">
		  <div class="group-title-index">
                            <h2 class="center-title">Benefits of online tuition Classes</h2>
                            <div class="bottom-title"><i class="bottom-icon icon-a-1-01-01 fa fa-book"></i></div>
                        </div>
            <!-- aboutTitle -->
          </div><!-- col-sm-3 col-xs-12 -->
		  </div>
        <!-- row clearfix -->
	<div class="container">
		<div class="services-top-grids">
			<div class="col-md-4">
				<div class="grid1 grid1-courses">
					<i class="fa fa-commenting-o" aria-hidden="true"></i>
					<h4>Real Time Interaction</h4>
					<p>Offer interactive Video session for knowledge transfer, meeting, webinar and training.</p>
				</div>
			</div>
			<div class="col-md-4">
				<div class="grid1 grid1-courses">
					<i class="fa fa-bar-chart" aria-hidden="true"></i>
					<h4>Polling Result</h4>
					<p>The instant polling system provided for feedback mechanism and better understanding.</p>
				</div>
			</div>
			<div class="col-md-4">
				<div class="grid1 grid1-courses">
					<i class="fa fa-desktop" aria-hidden="true"></i>
					<h4>Learning Methodology</h4>
					<p><span style="color:#007aff">theOnline</span><span style="color:#f47629">Gurukul</span> provides Traditional Method Of Learning With the help of Modern Technology.</p>
				</div>
			</div>
			<div class="col-md-4">
				<div class="grid1 grid1-courses">
					<i class="fa fa-desktop" aria-hidden="true"></i>
					<h4>Ease of Learning</h4>
					<p>Hassle free life for parents, No Travel, No Safety Concern, Eco Friendly & better time utilization for students.</p>
				</div>
			</div>
			<div class="col-md-4">
				<div class="grid1 grid1-courses">
					<i class="fa fa-desktop" aria-hidden="true"></i>
					<h4>Cost Effective Learning</h4>
					<p>Multiple Students in a class makes it feel like a regular tuition class with the added advantage of sitting at their home & having a very cost effective class.</p>
				</div>
			</div>
			<!-- <div class="col-md-4">
				<div class="grid1 grid1-courses">
					<i class="fa fa-desktop" aria-hidden="true"></i>
					<h4>Screen Sharing</h4>
					<p>Real Time desktop sharing for value added during the session.</p>
				</div>
			</div> -->
			<div class="col-md-4">
				<div class="grid1 grid1-courses">
					<i class="fa fa-share-square-o" aria-hidden="true"></i>
					<h4>Media Sharing</h4>
					<p>Real time media sharing in various format enhance the power of teaching and learning.</p>
				</div>
			</div>
			<div class="clearfix"></div>
		</div>
				<div class="services-top-grids">
			<div class="col-md-4">
				<div class="grid1 grid1-courses">
					<i class="fa fa-bell-o" aria-hidden="true"></i>
					<h4>Notification</h4>
					<p>Priority notifications of meeting and session always keeps you on the board.</p>
				</div>
			</div>
			<div class="col-md-4">
				<div class="grid1 grid1-courses">
					<i class="fa fa-microphone" aria-hidden="true"></i>
					<h4>Recorded Session</h4>
					<p>Recorded sessions can be used for later review and references .</p>
					<span style='color: #000; text-decoration:line-through'>
  <h4 style='color: #f60; font-size:15px;'>Missing the concept</h4>
</span>
				</div>
			</div>


			<div class="col-md-4">
				<div class="grid1 grid1-courses">
					<i class="fa fa-book" aria-hidden="true"></i>
					<h4>Updated Content</h4>
					<p>Best and Latest study material available for teaching. Digital and 3D content for better understanding of concept.</p>
				</div>
			</div>
			<div class="clearfix"></div>
		</div>
<?php /* ?>
		<div class="services-top-grids">
			<!-- <div class="col-md-4">
				<div class="grid1 grid1-courses">
				<i class="fa fa-video-camera" aria-hidden="true"></i>
					<h4>Video</h4>
					<p>Offer interactive Video session for knowledge transfer, meeting, webinar and training.</p>
				</div>
			</div> -->

			<!-- <div class="col-md-4">
				<div class="grid1 grid1-courses">
					<i class="fa fa-pencil-square" aria-hidden="true"></i>
					<h4>Content Sharing</h4>
					<p>Ease of content sharing in diversifying format gives a seamless experience of teaching and learning.</p>
				</div>
			</div> -->

			<div <class="clearfix"></div>
		</div> <?php */ ?>


	</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">8<sup class="sub-th">th</sup> Standard</a> -->
<a class="nav-link active" href="#8th" data-toggle="tab" aria-expanded="true">Grade 8</a>
</li>
<li class="nav-item">
<!-- <a class="nav-link" href="#9th" data-toggle="tab" aria-expanded="false">9<sup class="sub-th">th</sup> Standard</a> -->
<a class="nav-link" href="#9th" data-toggle="tab" aria-expanded="false">Grade 9</a>
</li>
<li class="nav-item">
<!-- <a class="nav-link" href="#10th" data-toggle="tab" aria-expanded="false">10<sup class="sub-th">th</sup> Standard</a> -->
<a class="nav-link" href="#10th" data-toggle="tab" aria-expanded="false">Grade 10</a>
</li>
<li class="nav-item">
<!-- <a class="nav-link" href="#11th" data-toggle="tab" aria-expanded="false">11<sup class="sub-th">th</sup> Standard</a> -->
<a class="nav-link" href="#11th" data-toggle="tab" aria-expanded="false">Grade 11</a>
</li>
<li class="nav-item">
<!-- <a class="nav-link" href="#12th" data-toggle="tab" aria-expanded="false">12<sup class="sub-th">th</sup> Standard</a> -->
<a class="nav-link" href="#12th" data-toggle="tab" aria-expanded="false">Grade 12</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="assets/web/images/img-icon/maths.png" alt="Mathematics" class="img-responsive">
											</div>
											<div class="right_detail_sub">
												<!--<h5>Mathematics</h5><h5>Mathematics</h5>-->
												<span class="right_detail_sub_span">Mathematics</span>

											</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="assets/web/images/img-icon/sciences.png" alt="Science" class="img-responsive">
											</div>
											<div class="right_detail_sub ">
												<!--<h5>Science</h5>-->
													<span class="right_detail_sub_span">Science</span>
													
											</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="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 ">
												<span class="right_detail_sub_span">English</span>

											</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="assets/web/images/img-icon/hindis.jpg" alt="Hindi" class="img-responsive" style="margin-top: 5px;">
											</div>
											<div class="right_detail_sub ">
												<span class="right_detail_sub_span">Hindi</span>

											</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="assets/web/images/img-icon/maths.png" alt="Mathematics" class="img-responsive">
  											</div>
  											<div class="right_detail_sub">
  												<span class="right_detail_sub_span">Mathematics</span>

  											</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="assets/web/images/img-icon/sciences.png" alt="Science" class="img-responsive">
  											</div>
  											<div class="right_detail_sub ">
  												<span class="right_detail_sub_span">Science</span>

  											</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="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 ">
  												<span class="right_detail_sub_span">English</span>

  											</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="assets/web/images/img-icon/hindis.jpg" alt="Hindi" class="img-responsive" style="margin-top: 5px;">
  											</div>
  											<div class="right_detail_sub ">
  											<span class="right_detail_sub_span">Hindi</span>

  											</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="assets/web/images/img-icon/maths.png" alt="Mathematics" class="img-responsive">
  											</div>
  											<div class="right_detail_sub">
  											<span class="right_detail_sub_span">Mathematics</span>

  											</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="assets/web/images/img-icon/sciences.png" alt="Science" class="img-responsive">
  											</div>
  											<div class="right_detail_sub ">
  												<span class="right_detail_sub_span">Science</span>

  											</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="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 ">
  										<span class="right_detail_sub_span">English</span>

  											</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="assets/web/images/img-icon/hindis.jpg" alt="Hindi" class="img-responsive" style="margin-top: 5px;">
  											</div>
  											<div class="right_detail_sub ">
  												<span class="right_detail_sub_span">Hindi</span>

  											</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="assets/web/images/img-icon/maths.png" alt="Mathematics" class="img-responsive">
  											</div>
  											<div class="right_detail_sub">
  												<span class="right_detail_sub_span">Mathematics</span>

  											</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="assets/web/images/img-icon/biology.png" alt="Biology" class="img-responsive">
                        </div>
                        <div class="right_detail_sub">
                          <span class="right_detail_sub_span">Biology</span>

                        </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="assets/web/images/img-icon/physics.png" alt="Physics" class="img-responsive">
                        </div>
                        <div class="right_detail_sub">
                       <span class="right_detail_sub_span">Physics</span>

                        </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="assets/web/images/img-icon/chemistry.jpeg" alt="Chemistry" class="img-responsive">
                        </div>
                        <div class="right_detail_sub">
                      <span class="right_detail_sub_span">Chemistry</span>

                        </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="assets/web/images/img-icon/account.png" alt="Accountancy" class="img-responsive">
											</div>
											<div class="right_detail_sub">
											<span class="right_detail_sub_span">Accountancy</span>

											</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="assets/web/images/img-icon/economics.png" alt="Economics" class="img-responsive">
                      </div>
											<div class="right_detail_sub ">
												 <span class="right_detail_sub_span">Economics</span>

											</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="assets/web/images/img-icon/history.png" alt="History" class="img-responsive">
                      </div>
											<div class="right_detail_sub ">
												 <span class="right_detail_sub_span">History</span>

											</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="assets/web/images/img-icon/Political-Science.png" alt="Political Science" class="img-responsive">
                      </div>
											<div class="right_detail_sub ">
											  <span class="right_detail_sub_span">Political Science</span>

											</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="assets/web/images/img-icon/sociology.png" alt="Sociology" class="img-responsive">
                      </div>
											<div class="right_detail_sub ">
												 <span class="right_detail_sub_span">Sociology</span>

											</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="assets/web/images/img-icon/geography.jpeg" alt="Geography" class="img-responsive">
                      </div>
											<div class="right_detail_sub ">
											  <span class="right_detail_sub_span">Geography</span>

											</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="assets/web/images/img-icon/psychology.png" alt="Psychology" class="img-responsive">
                      </div>
											<div class="right_detail_sub ">
											 <span class="right_detail_sub_span">Psychology</span>

											</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="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 ">
                   <span class="right_detail_sub_span">English</span>

                  </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="assets/web/images/img-icon/maths.png" alt="Mathematics" class="img-responsive">
    											</div>
    											<div class="right_detail_sub">
    											  <span class="right_detail_sub_span">Mathematics</span>

    											</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="assets/web/images/img-icon/biology.png" alt="Biology" class="img-responsive">
                          </div>
                          <div class="right_detail_sub">
                               <span class="right_detail_sub_span">Biology</span>

                          </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="assets/web/images/img-icon/physics.png" alt="Physics" class="img-responsive">
                          </div>
                          <div class="right_detail_sub">
                        <span class="right_detail_sub_span">Physics</span>


                          </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="assets/web/images/img-icon/chemistry.jpeg" alt="Chemistry" class="img-responsive">
                          </div>
                          <div class="right_detail_sub">
                            <span class="right_detail_sub_span">Chemistry</span>

                          </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="assets/web/images/img-icon/account.png" alt="Accountancy" class="img-responsive">
  											</div>
  											<div class="right_detail_sub">
  											 <span class="right_detail_sub_span">Accountancy</span>

  											</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="assets/web/images/img-icon/economics.png" alt="Economics" class="img-responsive">
                        </div>
  											<div class="right_detail_sub ">
  												  <span class="right_detail_sub_span">Economics</span>

  											</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="assets/web/images/img-icon/history.png" alt="History" class="img-responsive">
                        </div>
  											<div class="right_detail_sub ">
  											   <span class="right_detail_sub_span">History</span>

  											</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="assets/web/images/img-icon/Political-Science.png" alt="Political Science" class="img-responsive">
                        </div>
  											<div class="right_detail_sub ">
  											    <span class="right_detail_sub_span">Political Science</span>

  											</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="assets/web/images/img-icon/sociology.png" alt="Sociology" class="img-responsive">
                        </div>
  											<div class="right_detail_sub ">
  											     <span class="right_detail_sub_span">Sociology</span>

  											</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="assets/web/images/img-icon/geography.jpeg" alt="Geography" class="img-responsive">
                        </div>
  											<div class="right_detail_sub ">
  												   <span class="right_detail_sub_span">Geography</span>

  											</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="assets/web/images/img-icon/psychology.png" alt="Psychology" class="img-responsive">
                        </div>
  											<div class="right_detail_sub ">
  											   <span class="right_detail_sub_span">Psychology</span>


  											</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="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 ">
                        <span class="right_detail_sub_span">English</span>

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












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

</section>

<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">
						<a href="<?=site_url("student/signin");?>">  <div class="info-back1"><p><img src="<?=base_url('assets/web/images/new-images/request_a-course.png');?>" class="" alt="Request A Course"></p></div></a>
						</div>
					</div>
					<div class="name-course" style="color:black"><b >Request A Course</b><!--<i class="fa fa-long-arrow-right"></i>--></div>
				</div>
			</div>
			<div class="col-md-4">
				<div class="item-course item-1">
					<div class="icon-circle">
					   
						<div class="info1">
					 <div class="round-button">
					<div class="round-button-circle" data-toggle="modal" data-target="#myModalHorizontal_demo" data-backdrop="static" data-keyboard="false">
				
						  <img src="<?=base_url('assets/web/images/2_training-old.png');?>" alt="training-tog" class="img-responsive round_btn_index">	
					  </div>
				</div>
						</div>
					</div>
					<div class="name-course" style="color:black"><b >Request A Course</b><!--<i class="fa fa-long-arrow-right"></i>--></div>
				</div>
			</div>
			<?php /* ?><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">
							<a href="<?=site_url("student/signin");?>"><div class="info-back1"><p><img src="<?=base_url('assets/web/images/new-images/pay-course.png');?>" class="" alt="" style="width:104px;"></div></a>
						</div>
					</div>
					<div class="name-course" style="color:black" ><b>Pay for Course</b><!--<i class="fa fa-long-arrow-right"></i>--></div>
				</div>
			</div><?php */?>
			<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">
							<a href="<?=site_url("student/signin");?>"><div class="info-back1"><p><img src="<?=base_url('assets/web/images/new-images/access-classes.png');?>" class="" alt="Class-Access"></p></div></a>
						</div>
					</div>
					<div class="name-course" style="color:black" ><b>Access the classes</b><!--<i class="fa fa-long-arrow-right"></i>--></div>
				</div>
			</div>



		</div>
	</div>
</div>
                <?php /* ?>
<div class="jarallax feedback">
				<div class="container">
								<div class="group-title-index">
													<h2 class="center-title"style="color: #ffffff"> 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 desk-slide" 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> -->
                                <li data-target="#quote-carousel" data-slide-to="0" class="active">
                                  <!-- <img class="img-responsive " src="#" alt=""> -->
                                </li>
                                <li data-target="#quote-carousel" data-slide-to="1">
                                  <!-- <img class="img-responsive" src="#" alt=""> -->
                                </li>
                                <li data-target="#quote-carousel" data-slide-to="2">
                                  <!-- <img class="img-responsive" src="#" alt=""> -->
                                </li>
                                <li data-target="#quote-carousel" data-slide-to="3">
                                  <!-- <img class="img-responsive " src="#" alt=""> -->
                                </li>
                                <li data-target="#quote-carousel" data-slide-to="4">
                                  <!-- <img class="img-responsive" src="#" alt=""> -->
                                </li>
                                <li data-target="#quote-carousel" data-slide-to="5">
                                  <!-- <img class="img-responsive" src="#" alt=""> -->
                                </li>
                                <li data-target="#quote-carousel" data-slide-to="6">
                                  <!-- <img class="img-responsive" src="#" 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">
                      Proficient in Maths							 </p> -->
									 <div class="testimonial-profile">
										<h3 class="title">R.K Sharma</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">Uvase Ahmad</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">Mr. N Bhardwaj</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">Mr. S Gulati</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">Mr SS. Agarwal</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">Mrs. Manjari</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>

                                <!--start small-device-carousel-->
                      					<div class="col-md-12 testimonial-sliders-mob">
                      						<div id="testimonial-slider" class="owl-carousel" style="text-align:center;">
                      							<div class="testimonial">
                      								<!-- <div class="pic">
                      							<img src="<?=base_url('assets/web/images/testi-03.jpg');?>">
                      								</div> -->
                      								<div class="testimonial-profile">
                      									<h3 class="title">Mrs. Manjari</h3>
                      									<!--<span class="post"></span>-->
                      								</div>
                      								<!-- <p class="description">
                      						 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam varius eros consequat auctor gravida. Fusce tristique lacus at urna sollicitudin pulvinar. Suspendisse hendrerit ultrices mauris.
                      								</p> -->
                      							</div>
                      							<div class="testimonial">
                      								<!-- <div class="pic">
                      							<img src="<?=base_url('assets/web/images/testi-02.jpg');?>">
                      								</div> -->
                      								<div class="testimonial-profile">
                      									<h3 class="title">Mr SS. Agarwal</h3>
                      									<!--<span class="post"></span>-->
                      								</div>
                      								<!-- <p class="description">
                      								 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam varius eros consequat auctor gravida. Fusce tristique lacus at urna sollicitudin pulvinar. Suspendisse hendrerit ultrices mauris.
                      								</p> -->
                      							</div>
                      							<div class="testimonial">
                      								<!-- <div class="pic">
                      								<img src="<?=base_url('assets/web/images/testi-04.jpg');?>">
                                        <img src="#">
                      								</div> -->
                      								<div class="testimonial-profile">
                      									<h3 class="title">Mr. N Bhardwaj</h3>
                      									<!--<span class="post"></span>-->
                      								</div>
                      								<!-- <p class="description">
                      									 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam varius eros consequat auctor gravida. Fusce tristique lacus at urna sollicitudin pulvinar. Suspendisse hendrerit ultrices mauris.
                      						 		</p> -->
                      							</div>
                      						</div>
                      					</div>




                      					<!--end device-carousel-->
					<!--end device-carousel-->
                 </div>
</div><?php */ ?>
<!-- <div id="vidBox">

        <div   id="videCont">
          <iframe  id="v1"  src="https://www.youtube.com/embed/y4K8hsFN0Zk" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

                 </div>

    </div> -->

    <!-- <video  id="v1" loop controls>
      <source src="https://www.youtube.com/watch?v=y4K8hsFN0Zk&feature=youtu.be" type="video/mp4">
    </video> -->
    <!-- <iframe id="v1" width="420" height="315" src="https://www.youtube.com/watch?v=y4K8hsFN0Zk&feature=youtu.be">
    </iframe> -->
<script>

  // // Initialize
// new InitPxVideo({
  // videoId: "myvid",
  // captionsOnDefault: true,
  // seekInterval: 20,
  // videoTitle: "theOnlineGurukul",
  // debug: true
// });

//$("#closer_videopopup").click(function() {
  //$("#videCont").css({"display": 'none'});
//});
</script>
