<?php defined('BASEPATH')or exit('No Direct Access is Allowed');?>
<div class="container"><!-- container-fulid -->
	<div class="row row-viedo" style="">
        <div class="col-md-12">
            <div class="video">


	<div class="px-video-container" id="myvid">
      <div class="px-video-img-captions-container">
        <div class="px-video-captions hide"></div>
        <video  autoplay muted width="1150" height="100%" poster="" controls><!-- loop -->
			<!-- video files -->
			<source src="<?=base_url('assets/web/video/mp4_18_apr_2018_4.mp4');?>" type="video/mp4" />
			<source src="<?=base_url('assets/web/video/webm_18_apr_2018_4.webm');?>" type="video/webm" />

			<!-- text track file -->
			<!-- <track kind="captions" label="English captions" src="./media/captions_PayPal_Austin_en.vtt" srclang="en" default /> -->

			<!-- fallback for browsers that don't support the video element -->
			<div><a href="<?=base_url('assets/web/video/webm_06_apr_2018_4.mp4');?>">
					<!--  <img src="<?=base_url('assets/web/video/poster.png');?>" width="1150" height="550" alt="download video" />
				--></a>
			</div>
		</video>
      </div>
      <!-- end container for captions and video -->
      <div class="px-video-controls"></div>
    </div>
    <!-- end video container -->
<!--  -->

</div>
</div>

		</div>
		</div>
	

 
<!--<div class="services">
<div class="container slider-logina1  slider-logina">
<div class="headder-main w3layouts">
			<div class="sap_tabs">
				<div id="horizontalTab" style="display: block; width: 100%; margin: 0px;">
					<ul class="resp-tabs-list w3">
						<li class="resp-tab-item" aria-controls="tab_item-0" role="tab"><span>I'm a Teacher</span></li>
						<li class="resp-tab-item" id="create" aria-controls="tab_item-1" role="tab"><span>I'm a Student</span></li>
						<div class="clearfix"></div>
					</ul>				  	 
					<div class="resp-tabs-container w3-agile">
						<div class="tab-1 resp-tab-content" aria-labelledby="tab_item-0">
							<div class="loginx agileits">
			<form action="#" method="post">
				<label class="email-box">Email</label>
				<input type="text" class="user" placeholder="Email" required="">
				<label class="email-box" >Password</label>
				<input type="password" class="pass" placeholder="Password" required="">
			<ul>
				<li>
					<input type="checkbox" id="brand1" value="">
					<label for="brand1"><span></span>Remember me</label>
				</li>
			</ul>
			<button type="button" id="submit" name="submit" class="btn btn-primary btn btn-default  send-btns logins-btn">Sign In</button>
			</form>
			
			<div class="clear"></div>
			
		
			</div>
						</div>
						<div class="tab-1 resp-tab-content" aria-labelledby="tab_item-1">
						<div class="loginx agileits">
			<form action="#" method="post">
				<label class="email-box">Email1</label>
				<input type="text" class="user" placeholder="Email" required="">
				<label class="email-box" >Password1</label>
				<input type="password" class="pass" placeholder="Password" required="">
			<ul>
				<li>
					<input type="checkbox" id="brand1" value="">
					<label for="brand1"><span></span>Remember me</label>
				</li>
			</ul>
			<button type="button" id="submit" name="submit" class="btn btn-primary btn btn-default  send-btns logins-btn">Sign In</button>
			</form>
			
			<div class="clear"></div>
			
			</div>
							
						</div>							
					</div>	
				</div>
			</div>	
		</div>	
		</div>

		

		

	</div>-->


 <div class="aboutArea">
<div class="container ">
    <div class="row">
		<div class="col-md-12">
		
          <div class="row clearfix">
          <div class="col-xs-12">
            <div class="aboutTitle">
              <h2>Our Popular Courses</h2>
            </div><!-- aboutTitle -->
          </div><!-- col-sm-3 col-xs-12 -->
        </div><!-- row clearfix -->
            <div  class="about_inner clearfix">
                <div id="Carousel" class="carousel slide">
                 
               
                 
                <!-- Carousel items -->
                <div class="carousel-inner">
                    
                <div class="item active">
                	<div class="row">
                	  <div class="col-xs-6 col-sm-3">
              <div class="aboutImage">
                <a href="#">
                  <img src="<?=base_url('assets/web/images/1.png');?>" alt="" class="img-responsive" />
                  <div class="overlay">
                    <p>Sessions are being offered for 8th to 12th grade Students by eminent faculty.</p>
                  </div>
                  <span class="captionLink">Academic<span></span></span>
                </a>
              </div><!-- aboutImage -->
            </div>
			                	
			<div class="col-xs-6 col-sm-3">
              <div class="aboutImage">
                <a href="#">
                  <img src="<?=base_url('assets/web/images/2.png');?>" alt="" class="img-responsive">
                  <div class="overlay">
                    <p>Sessions are being offered on essential corner of lives like Yoga,Cooking and lot more by Experts.</p>
                  </div>
                  <span class="captionLink">Non-Academic<span></span></span>
                </a>
              </div><!-- aboutImage -->
            </div>
			 <div class="col-xs-6 col-sm-3">
              <div class="aboutImage">
                <a href="#">
                  <img src="<?=base_url('assets/web/images/3.png');?>" alt="" class="img-responsive" />
                  <div class="overlay">
                    <p>Facilitate  the platform for online Webinar and Technical discussion.</p>
                  </div>
                  <span class="captionLink">Webinar<span></span></span>
                </a>
              </div><!-- aboutImage -->
            </div>
			 <div class="col-xs-6 col-sm-3">
              <div class="aboutImage">
                <a href="#">
                  <img src="<?=base_url('assets/web/images/4.png');?>" alt="" class="img-responsive" />
                  <div class="overlay">
                    <p>Facilitate the platform for meetings and conferences.</p>
                  </div>
                  <span class="captionLink">Meetings<span></span></span>
                </a>
              </div><!-- aboutImage -->
            </div>
					</div><!--.row-->
                </div><!--.item-->
    <?php /*?>             
<div class="item">
                	<div class="row">
                	  <div class="col-xs-6 col-sm-3">
              <div class="aboutImage">
                <a href="#">
                  <img src="<?=base_url('assets/web/images/1.png');?>" alt="" class="img-responsive" />
                  <div class="overlay">
                    <p>classes are being offered for 8th to 12th grade Students by eminent faculty.</p>
                  </div>
                  <span class="captionLink">Academic<span></span></span>
                </a>
              </div><!-- aboutImage -->
            </div>
			                	
			<div class="col-xs-6 col-sm-3">
              <div class="aboutImage">
                <a href="#">
                  <img src="<?=base_url('assets/web/images/2.png');?>" alt="" class="img-responsive">
                  <div class="overlay">
                    <p>Sessions are being offered on essential corner of lives like Yoga,Cooking by well-known celebrity.</p>
                  </div>
                  <span class="captionLink">Non-Academic<span></span></span>
                </a>
              </div><!-- aboutImage -->
            </div>
			 <div class="col-xs-6 col-sm-3">
              <div class="aboutImage">
                <a href="#">
                  <img src="<?=base_url('assets/web/images/3.png');?>" alt="" class="img-responsive" />
                  <div class="overlay">
                    <p>Facilitate  the platform for online Webinar and Technical discussion.</p>
                  </div>
                  <span class="captionLink">Webniar<span></span></span>
                </a>
              </div><!-- aboutImage -->
            </div>
			 <div class="col-xs-6 col-sm-3">
              <div class="aboutImage">
                <a href="#">
                  <img src="<?=base_url('assets/web/images/4.png');?>" alt="" class="img-responsive" />
                  <div class="overlay">
                    <p>Facilitate the platform for meetings and conferences etc.</p>
                  </div>
                  <span class="captionLink">Meetings<span></span></span>
                </a>
              </div><!-- aboutImage -->
            </div>
					</div><!--.row-->
                </div><!--.item-->
                 
                <?php */ ?>
                 
                </div><!--.carousel-inner-->
                 <?php /* ?> <a data-slide="prev" href="#Carousel" class="left carousel-control"><i class="fa fa-angle-left left-icons" aria-hidden="true"></i></a>
                  <a data-slide="next" href="#Carousel" class="right carousel-control"><i class="fa fa-angle-right left-icons" aria-hidden="true"></i></a>
                  <?php */ ?>
                </div>
				</div><!--.Carousel-->
                 
		</div>
	</div>
</div><!--.container-->
</div>


<div class="services">
<div class="row clearfix row-spec">
          <div class="col-xs-12">
            <div class="aboutTitle">
              <h2 class="what-offer">SPECIAL FEATURE</h2>
            </div><!-- aboutTitle -->
           </div>
		  </div><!-- col-sm-3 col-xs-12 -->
        <!-- row clearfix -->
	<div class="container">
		<div class="services-top-grids">
			<div class="col-md-4">
				<div class="grid1">
					<!-- <i class="fa fa-graduation-cap" aria-hidden="true"></i> -->
					<img src="<?php echo base_url('assets/web/images/img-icon/best_facs.png');?>" alt="Best Faculty">
					<h4>Best Faculty</h4>
					<p>Best faculty in their domain with the vast teaching experience.</p>
				</div>
			</div>
			<div class="col-md-4">
				<div class="grid1">
					<!-- <i class="fa fa-check-square-o" aria-hidden="true"></i> -->
					<img src="<?php echo base_url('assets/web/images/img-icon/secure.png');?>" alt="Secure Learning Environment">
					<h4>Secure Learning Environment</h4>
					<p>sessions  are offered online whether you are at home,in college ,school or on family vacation.</p>
			<!--	<span style=' color: #000; text-decoration:line-through'>
  <h4 style='color:#f60;font-size:15px'>Missing the session</h4>
</span>-->
				</div>
			</div>
			<div class="col-md-4">
				<div class="grid1">
					<!-- <i class="fa fa-pencil-square-o" aria-hidden="true"></i> -->
					<img src="<?php echo base_url('assets/web/images/img-icon/classroom.png');?>" alt="Test & Assesments">
					<h4>Test & Assesments</h4>
					<p>Regular evaluation and feedback based learning for the continuous evaluation of the student. </p>
				</div>
			</div>
			<div class="clearfix"></div>
		</div>
		<div class="services-bottom-grids">
			<div class="col-md-4">
				<div class="grid1">
					<!-- <i class="fa fa-bar-chart" aria-hidden="true"></i> -->
					<img src="<?php echo base_url('assets/web/images/img-icon/live.png');?>" alt="Updated Content">
					<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="col-md-4">
				<div class="grid1">
					<!-- <i class="fa fa-microphone" aria-hidden="true"></i> -->
					<img src="<?php echo base_url('assets/web/images/img-icon/upadate.png');?>" alt="Recorded Session">
					<h4>Recorded Session</h4>
					<p>Recorded Sessions available for later Review.</p>
					<span style="color:#000; text-decoration:line-through">
                      <h4 style="color:#f60;font-size:15px">Missing the session</h4>
                    </span>
				</div>
			</div>
			<div class="col-md-4">
				<div class="grid1">
					<!-- <i class="fa fa-globe" aria-hidden="true"></i> -->
					<img src="<?php echo base_url('assets/web/images/img-icon/moblie.png');?>" alt="Virtual Classroom">
					<h4>Virtual Classroom</h4>
					<!-- <p>Cost Effective Solutions has been offered by <i><b>The Online Gurukul</b></i> from highly experienced trainers at the desired location.</p> -->
					<p>Hassle free life for Parents, No Travel, No Safety Concerns, Eco Friendly and better time utilization.</p>
				</div><!-- No Worries for Parents , -->
			</div>
			<div class="clearfix"></div>
		</div>
	
</div>

</div>




<div class="services popularCourse padding clearfix">

          <div class="col-xs-12">
            <div class="aboutTitle">
              <h2 class="what-offer">WHAT WE OFFER</h2>
            </div><!-- aboutTitle -->
          </div><!-- col-sm-3 col-xs-12 -->
        <!-- row clearfix -->
		
	<div class="container">
		<div class="services-top-grids">
			
            <div class="col-md-3 col-sm-6 col-xs-6">
              <div class="imageBox">
                <div class="productImage clearfix">
                  <a href="#"><img src="<?=base_url('assets/web/images/c.png');?>" alt="Image"></a>
                
                </div>
                <div class="productCaption clearfix">
                  <h4 class="best-grid">Tution </h4>
                  <div class="product-meta">
                   <ul>
                   <li><i class="fa fa-check" aria-hidden="true"></i><span>Eight</span></li>
                    <li><i class="fa fa-check" aria-hidden="true"></i><span>Nine<span></li>
                    <li><i class="fa fa-check" aria-hidden="true"></i><span>Ten<span></li>
                    <li><i class="fa fa-check" aria-hidden="true"></i><span>Eleven<span></li>
                    <li><i class="fa fa-check" aria-hidden="true"></i><span>Twelve<span></li>
                </ul>
                  </div>
                 
                 
                </div>
              </div>
            </div>

            <div class="col-md-3 col-sm-6 col-xs-6">
             <div class="imageBox">
                <div class="productImage clearfix">
                  <a href="#"><img src="<?=base_url('assets/web/images/b.png');?>" alt="Image"></a>
                
                </div>
                <div class="productCaption clearfix">
                  <h4 class="best-grid">Competitive Exams</h4>
                  <div class="product-meta">
                   <ul>
				    <li><i class="fa fa-check" aria-hidden="true"></i><span>AIIMS/NEET<span></li>
				    <li><i class="fa fa-check" aria-hidden="true"></i><span>AIEEE/JEE MAINS<span></li>
					 <li><i class="fa fa-check" aria-hidden="true"></i><span>Gate<span></li>
					  <li><i class="fa fa-check" aria-hidden="true"></i><span>CAT<span></li>
                   <li><i class="fa fa-check" aria-hidden="true"></i><span>PSU/SSC</span></li> 
                </ul>
                  </div>
                 
                 
                </div>
              </div>
            </div>

            <div class="col-md-3 col-sm-6 col-xs-6">
             <div class="imageBox">
                <div class="productImage clearfix">
                  <a href="#"><img src="<?=base_url('assets/web/images/a.png');?>" alt="Image"></a>
                
                </div>
                <div class="productCaption clearfix">
                  <h4 class="best-grid">Meetings</h4>
                  <div class="product-meta">
                   <ul>
                   <li><i class="fa fa-check" aria-hidden="true"></i><span>Screen Sharing</span></li>
                    <li><i class="fa fa-check" aria-hidden="true"></i><span>Group Meetings<span></li>
                    <li><i class="fa fa-check" aria-hidden="true"></i><span>Video Conference<span></li>
                    <li><i class="fa fa-check" aria-hidden="true"></i><span>Web Conferencing<span></li>
					 <li><i class="fa fa-check" aria-hidden="true"></i><span>Webinar Hosting <span></li>
                </ul>
                  </div>
                 
                 
                </div>
              </div>
            </div>

            <div class="col-md-3 col-sm-6 col-xs-6">
             <div class="imageBox">
                <div class="productImage clearfix">
                  <a href="#"><img src="<?=base_url('assets/web/images/stefan-stefancik-257625.jpg');?>" alt="Image"></a>
                
                </div>
                <div class="productCaption clearfix">
                  <h4 class="best-grid">Counselling</h4>
                  <div class="product-meta">
                   <ul>
				     <li><i class="fa fa-check" aria-hidden="true"></i><span>Academic Advising<span></li>
					 <li><i class="fa fa-check" aria-hidden="true"></i><span>Parental Counselling<span></li>
                   <li><i class="fa fa-check" aria-hidden="true"></i><span>Individual Counselling<span></li>
                    <li><i class="fa fa-check" aria-hidden="true"></i><span>Career Counselling<span></li>
                   <li><i class="fa fa-check" aria-hidden="true"></i><span>Health Advisory</span></li>                  
                    
                </ul>
                  </div>
                 
                 
                </div>
              </div>
          </div>
			<div class="clearfix"></div>
		
	
	</div>
</div>
</div>
<script>

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