<?php defined('BASEPATH')or exit('No Direct Access is Allowed');?>
<!-- <div class="container-fulid">
	<div class="row row-viedo" style="">
        <div class="col-md-12">
            <div class="video">
    			<video loop="" autoplay="" poster="http://203.122.21.147/theonlinegurukul/assets/Presentation1/poster.png" class="fullscreen-bg__video" controls="" muted="" width="100%" height="100%">
                    <source src="http://203.122.21.147/theonlinegurukul/assets/data/img/pr/gggg.webm" type="video/webm">
                    <source src="http://203.122.21.147/theonlinegurukul/assets/data/img/pr/gggg.mp4" type="video/mp4">
                   <source src="video/big_buck_bunny.ogv" type="video/ogg">
                </video>
            </div>
		</div>
	</div>
</div>-->

<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 loop autoplay muted width="1150" height="100%" poster="<?=base_url('assets/web/video/poster2.png');?>" controls>
			<!-- video files -->
			<source src="<?=base_url('assets/web/video/mp4_how.mp4');?>" type="video/mp4" />
			<source src="<?=base_url('assets/web/video/webm_how.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/mp4_how.mp4');?>">
					<img src="<?=base_url('assets/web/video/poster2.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 services-how">
<div class="row clearfix row-spec">
          <div class="col-xs-12">
		  <div class="group-title-index">
                            <h2 class="center-title">SPECIAL FEATURE</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>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>
