<?php defined('BASEPATH')or exit('No Direct Access is Allowed');?>
<style>
@media (min-width: 768px)
{
.modal-dialog {
    width: 775px;
        margin: 150px auto;
}
}
.modal-dialog {
    max-width: 760px;
}
.modal-header {
    padding: 5px 12px;
    border-bottom: 1px solid #e5e5e5;
}
.right_detail_sub h5 {

    font-size: 15px;

}
@media (min-width: 1200px)
{
.count_inner h3 {
    font-size: 20px;
    line-height: 20px;
}
}
 .right_detail_sub_span{
	display: flex;
    /* margin-left: 10px; */
    font-weight: 500;
    margin-top: 9px!important;
    margin-bottom: 8px!important;
    font-size: 16px;
    text-transform: capitalize;
    letter-spacing: 0px;
 }
</style>
    <div class="banner carousel slide courses-slider" id="recommended-item-carousel" data-ride="carousel">
      <div class="slides carousel-inner">
        <div class="item active">
          <img src="<?=base_url('assets/web/img/home/slider/slider_image_1.jpg');?>" style="width: 100%;" alt="slider-image1" />
          <div class="banner_caption">
            <div class="container">
              <div class="row">
                <div class="col-xs-12">
                  <div class="caption_inner animated fadeInUp caption_bgs">
                    <h1>Turning dreams in to reality</h1>
                    <p>
					            Welcome to <i><b><span style="color:#007aff">theOnline</span><span style="color:#f47629">Gurukul</span></b></i> a virtual environment to have personalized class room study where the core concept of real time interaction,  high quality supporting material has been integrated for value addition to your study. </p>
                  <!-- <span style=" color: #000; text-decoration:line-through">
  <h4 style="color:#f60;font-size:15px;text-transform:uppercase;text-align:center ">Most valuable Content</h4>
 </span> -->
                  </div><!--end caption_inner-->
                </div>
              </div><!--end row-->
            </div><!--end container-->
          </div><!--end banner_caption-->
        </div>
        <div class="item">
          <img src="<?=base_url('assets/web/img/home/slider/slider_image_2.jpg');?>" style="width: 100%;" alt="slider-image2" />
          <div class="banner_caption">
            <div class="container">
              <div class="row">
                <div class="col-xs-12">
                  <div class="caption_inner animated fadeInUp caption_bgs">
                    <h1>Learning anywhere, any time </h1>
                    <p>
					<i><b><span style="color:#007aff">theOnline</span><span style="color:#f47629">Gurukul</span></b></i> is an online platform where speaker and listener can be connected from anywhere without any restriction on geographical boundaries. So now you can learn from home, your picnic spot or from any other location.</p>
				   <!-- <span style=" color: #000; text-decoration:line-through">
  <h4 style="color:#f60;font-size:15px;text-transform:uppercase;text-align:center ">MISSING THE SESSION</h4>
</span>-->
                  </div><!--end caption_inner-->
                </div>
              </div><!--end row-->
            </div><!--end container-->
          </div><!--end banner_caption-->
        </div>

        <div class="item">
          <img src="<?=base_url('assets/web/img/home/slider/slider_image_4.jpg');?>" style="width: 100%;" alt="slider-image4" />
          <div class="banner_caption">
            <div class="container">
              <div class="row">
                <div class="col-xs-12">
                  <div class="caption_inner animated fadeInUp caption_bgs_online">
                    <h1>Commute free & Secured learning environment</h1>
                    <p>
					<i><b><span style="color:#007aff">theOnline</span><span style="color:#f47629">Gurukul</span></b></i>, an online platform empowering everyone to learn from home; from highly experienced faculty. One can join session from home desk or from anywhere. Therefore no more travel, no more traffic jam and other hassle like security, availability of faculty etc.</p>
                   <!--  <span style=" color: #000; text-decoration:line-through">
  <h4 style="color:#f60;font-size:15px;text-transform:uppercase;text-align:center ">COMMUTING AND UNSECURED ENVIRONMENT</h4>
</span>-->
				 </div><!--end caption_inner-->
                </div>
              </div><!--end row-->
            </div><!--end container-->
          </div><!--end banner_caption-->
        </div>
      </div>
      <a class="left recommended-item-control" href="#recommended-item-carousel" data-slide="prev">
        <img src="<?=base_url('assets/web/img/home/slider/prev.png');?>" alt="prev">
        </a>
      <a class="right recommended-item-control" href="#recommended-item-carousel" data-slide="next">
        <img src="<?=base_url('assets/web/img/home/slider_/next.png');?>" alt="next">
      </a>
    </div><!--end banner-->
<div class="course-subject">
<div class="container">
    <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">Academic</a></li>
					          <li role="presentation"><a href="#Section4" aria-controls="settings" role="tab" data-toggle="tab">Competitive Exams</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="#squarespaceModal">
          					<div class="count_inner col-xs-12 col-sm-2 col-md-2">
          						<!-- <h1 class="8th-course1" style="text-transform: capitalize; font-size:17px; margin:0px;">8<sup class="sub-th">th</sup></h1>
          						<h3 class="acadmic-class">Standard</h3> -->
                      <h1 class="8th-course1" style="text-transform: capitalize; font-size:17px; margin:0px;">Grade 8 </h1>
          						<!-- <h3 class="acadmic-class">Standard</h3> -->
          					</div><!--end count inner-->
						    </a>
                <a href="#" data-toggle="modal" data-target="#9th">
          			     <div class="count_inner col-xs-12 col-sm-2 col-md-2">
          					  <!-- <h1 class="8th-course1" style="text-transform: capitalize; font-size:17px;  margin:0px;">9<sup class="sub-th">th</sup></h1>
          				  	<h3 class="acadmic-class">Standard</h3> -->
                      <h1 class="8th-course1" style="text-transform: capitalize; font-size:17px; margin:0px;">Grade 9 </h1>
          				  </div><!--end count inner-->
                </a>
              <a href="#" data-toggle="modal" data-target="#10th">
						<div class="count_inner col-xs-12 col-sm-2 col-md-2">
							<!-- <h1 class="8th-course1" style="text-transform: capitalize; font-size:17px;  margin:0px;">10<sup class="sub-th">th</sup></h1>
							<h3 class="acadmic-class">Standard</h3> -->
              <h1 class="8th-course1" style="text-transform: capitalize; font-size:17px; margin:0px;">Grade 10 </h1>
						</div><!--end count inner-->
          </a>
          <a href="#" data-toggle="modal" data-target="#11th">
					<div class="count_inner col-xs-12 col-sm-2 col-md-2">
							<!-- <h1 class="8th-course1" style="text-transform: capitalize; font-size:17px;  margin:0px;">11<sup class="sub-th">th</sup></h1>
							<h3 class="acadmic-class">Standard</h3> -->
              <h1 class="8th-course1" style="text-transform: capitalize; font-size:17px; margin:0px;">Grade 11 </h1>
						</div><!--end count inner-->
          </a>
              <a href="#" data-toggle="modal" data-target="#12th">
						<div class="count_inner col-xs-12 col-sm-2 col-md-2">
							<!-- <h1 class="8th-course1" style="text-transform: capitalize; font-size:17px;  margin:0px;">12<sup class="sub-th">th</sup></h1>
							<h3 class="acadmic-class">Standard</h3> -->
              <h1 class="8th-course1" style="text-transform: capitalize; font-size:17px; margin:0px;">Grade 12 </h1>
						</div><!--end count inner-->
          </a>
</div>


 <div role="tabpanel" class="tab-pane row row-course-tab" id="Section4">
                        <h3 class="tabbings-center">Competitive Exams</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:17px;  margin:0px;">Bank</h1>
							<h3 class="acadmic-class">classes</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:17px;  margin:0px;">GMAT</h1>
							<h3 class="acadmic-class">classes</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:17px;  margin:0px;">IAS</h1>
							<h3 class="acadmic-class">classes</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:17px;  margin:0px;">JEE</h1>
							<h3 class="acadmic-class">classes</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:17px;  margin:0px;">SSC</h1>
							<h3 class="acadmic-class">classes</h3>
						</div><!--end count inner-->
</div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<!--10th-->


<div class="aboutArea">
      <div class="container">
        <div class="row clearfix">
          <div class="col-xs-12">
		  <div class="group-title-index">

                            <h2 class="center-title">Upcoming Events</h2>

                            <div class="bottom-title"><i class="bottom-icon icon-a-1-01-01 fa fa-book"></i></div>
                        </div>

          </div><!-- col-sm-3 col-xs-12 -->
        </div><!-- row clearfix -->

        <div class="about_inner clearfix" style="text-align:center;text-align:-webkit-center;">
          <div class="row">
            <div class="col-xs-6 col-sm-3">
             <div class="ch-item ch-img-a" style="background-image: url('<?=base_url("assets/web/images/iot2.png");?>');">

                <div class="ch-info ch_j">
                  <h3 class="coming-soon">Coming Soon</h3>

                  <!-- <p>Readymade and Cloud Based </p> -->
                </div>
              </div>
			  <div class="title">
			  <a href="#">
            <h3 class="comong-soons">Seminar On IOT</h3></a>
			<p class="comong-soons-p"><!-- Stingo is cloud based CRM for <span> products, sales & service </span> industries. We have readymade CRM's for customization as per need of Client. For  <a href="#" >FREE Demo </a> -->
            The vast network of devices connected to Internet, including smart phones and tablets and almost anything with a sensor on it.
            </p>
			</div>
            </a>
            </div>

             <div class="col-xs-6 col-sm-3">
             <div class="ch-item ch-img-a" style="background-image: url('<?=base_url("assets/web/images/parent_counselling.png");?>');">

                <div class="ch-info ch_j">
                  <h3 class="coming-soon">Coming Soon</h3>

                  <!-- <p>Readymade and Cloud Based </p> -->
                </div>
              </div>
			  <div class="title">
			  <a href="#">
            <h3 class="comong-soons">Parenting</h3></a>
			<p class="comong-soons-p"><!-- Stingo is cloud based CRM for <span> products, sales & service </span> industries. We have readymade CRM's for customization as per need of Client. For  <a href="#" >FREE Demo </a> -->
            Training is being offered to enhance the skills and activities of children, so that children and family receive high quality growth and development.

            </p>
			</div>
            </a>
            </div>

            <div class="col-xs-6 col-sm-3">
             <div class="ch-item ch-img-a" style="background-image: url('<?=base_url("assets/web/images/yoga2.png");?>');">

                <div class="ch-info ch_j">
                  <h3 class="coming-soon">Coming Soon</h3>

                  <!-- <p>Readymade and Cloud Based </p> -->
                </div>
              </div>
			  <div class="title">
			  <a href="#">
            <h3 class="comong-soons">Yoga Awareness</h3></a>
			<p class="comong-soons-p"><!-- Stingo is cloud based CRM for <span> products, sales & service </span> industries. We have readymade CRM's for customization as per need of Client. For  <a href="#" >FREE Demo </a> -->
            This Program help in strengthen our body, calm our mind, regain our focus and improve self Confidence.
            </p>
			</div>
            </a>
            </div>

            <div class="col-xs-6 col-sm-3">
             <div class="ch-item ch-img-a" style="background-image: url('<?=base_url("assets/web/images/Disaster.png");?>');">

                <div class="ch-info ch_j">
                  <h3 class="coming-soon">Coming Soon</h3>

                  <!-- <p>Readymade and Cloud Based </p> -->
                </div>
              </div>
			  <div class="title">
			  <a href="#">
            <h3 class="comong-soons">Disaster Management Training</h3></a>
			<p class="comong-soons-p"><!-- Stingo is cloud based CRM for <span> products, sales & service </span> industries. We have readymade CRM's for customization as per need of Client. For  <a href="#" >FREE Demo </a> -->
		   Awareness Webinar, conferences and Trainings are being offered to bring awareness about Disaster Management
            </p>
			</div>
            </a>
            </div>
          </div><!-- row -->
        </div><!-- about_inner -->

      </div><!-- container -->
    </div>




<div class="container news-section padding">

			<div class="row clearfix row-spec">
			<div class="col-sm-6 col-md-6 col-xs-12">
              <div class="related_post_sec single_post news-content">
                <div class="sectionTitle title-block">
                  <h3>Latest News</h3>
                </div>

 <div id="Carousel1" class="carousel slide news-test">
                 <ol class="carousel-indicators">
                    <li data-target="#Carousel1" data-slide-to="0" class="active"></li>
                    <li data-target="#Carousel1" data-slide-to="1"></li>
                      <li data-target="#Carousel1" data-slide-to="2"></li>
                    <li data-target="#Carousel1" data-slide-to="3"></li>
                </ol>


                <!-- Carousel items -->
                <div class="carousel-inner">

                <div class="item active">
                             <div class="row news-box">
                  <div class="col-sm-12 col-md-12 col-xs-12">
                    <div class="news-boxInner">
					<div class="col-md-3">
                      <span class="rel_thumb course-thumb">
                        <a href="single-post-right-sidebar.html"><img src="<?=base_url('assets/web/images/Disaster34.png');?>" alt="Image" class="imgs-dis"></a>
                      </span><!--end rel_thumb-->
					  </div>
                      <div class="rel_right col-md-9">
					  <strong style="font-weight:bold; color:#ffa500;"> Disaster Awareness<span class="testi"> | Training </span></strong>
                        <p> Our objective to spread awareness about disaster management through our workshop,seminars and conferences.</p>
                        <div class="meta">
                          <!-- <span class="author" style="color: #0084c8;">Gurgaon <a href="#" style="color: #000;">| 05-12-2016</a></span> -->

                        </div>
						<div class="meta1">
						                       <!-- <a class="right" href="#">View All</a> -->
											   </div>
                      </div><!--end rel right-->
                    </div>
                  </div>
				  </div>
				  </div>
				  <div class="item">
				     <div class="row news-box">
                  <div class="col-sm-12  col-md-12 col-xs-12">
                    <div class="news-boxInner">
										<div class="col-md-3">
                      <span class="rel_thumb course-thumb">
                        <a href="single-post-right-sidebar.html"><img src="<?=base_url('assets/web/images/IoT.png');?>" alt="Image" class="imgs-dis"></a>
                      </span><!--end rel_thumb-->
					  </div>

                      <div class="rel_right col-md-9">
					  <strong style="font-weight:bold; color:#ffa500;">IoT<span class="testi"> | Technology </span></strong>
                        <p>The vast network of devices connected to Internet,including smart phones and tablets and almost anything with a sensor on it.</p>
                        <div class="meta">
                          <!-- <span class="author" style="color: #0084c8;">Delhi<a href="#" style="color: #000;">| 05-12-2016</a></span> -->
                          <div class="meta1">
						                       <!-- <a class="right" href="#">View All</a> -->
											   </div>
                        </div>
                      </div><!--end rel right-->

                  </div>
                </div>
                </div><!--.item-->
                   </div>
                <div class="item">
                	               <div class="row news-box">
                  <div class="col-sm-12  col-md-12 col-xs-12">

                    <div class="news-boxInner">
					<div class="col-md-3">
                      <span class="rel_thumb course-thumb">
                        <a href="#"><img src="<?=base_url('assets/web/images/parent_meet.png');?>" alt="Image" class="imgs-dis"></a>
                      </span><!--end rel_thumb-->
					   </div>
                      <div class="rel_right col-md-9">
					  <strong style="font-weight:bold; color:#ffa500;">Parenting <span class="testi">  |  Counseling </span></strong>
                       <p>Our goal is to enhance the skilss and activities of child, so that children and family receive high quality growth and development.</p>
                        <div class="meta">
                         <!-- <span class="author" style="color: #0084c8;">Kolkata<a href="#" style="color: #000;">| 05-12-2016</a></span> -->
                          <div class="meta1">
						                       <!-- <a class="right" href="#">View All</a> -->
											   </div>
                        </div>
                      </div><!--end rel right-->
                    </div>
                  </div>
				   </div>
				    </div>
					                <div class="item">
                	               <div class="row news-box">
                 <div class="col-sm-12  col-md-12 col-xs-12">
                    <div class="news-boxInner">
					<div class="col-md-3">
                      <span class="rel_thumb course-thumb">
                        <a href="#"><img src="<?=base_url('assets/web/images/yoga.png');?>" alt="Image" class="imgs-dis"></a>
                      </span><!--end rel_thumb-->
					  </div>
                      <div class="rel_right col-md-9">
					   <strong style="font-weight:bold; color:#ffa500;">Yoga<span class="testi"> | Health</span></strong>
                        <p>This Program help in strengthen our body,calm our mind,regain our focus and improve self Confidenece.</p>
                        <div class="meta">
                         <!-- <span class="author" style="color: #0084c8;">Shimla<a href="#" style="color: #000;">| 05-12-2016</a></span> -->
                          <div class="meta1">
						                       <!-- <a class="right" href="#">View All</a> -->
											   </div>
                        </div>
                      </div><!--end rel right-->
                    </div>
                  </div>
				   </div>
				    </div>
                </div>
                </div><!--.item-->



                </div><!--.carousel-inner-->

			   </div>

	<div class="col-sm-6 col-xs-12">
              <div class="upcoming_events event-col news-content news-contentx">
                <div class="related_post_sec single_post">
                  <div class="sectionTitle title-block">
                    <h3>Our Gallery</h3>
                  </div>

                  <div class="rel_right">

				<div class="photo_gallery custom">
					<ul class="gallery popup-gallery gallery-3col garlley-block">

						<li>
							<a href="<?=base_url('assets/web/images/big/gallery-1-large.jpg');?>" title="Photo 1">
								<img src="<?=base_url('assets/web/images/1-gallery.png');?>" alt="1-gallery"/>
								<div class="overlay">
									<span class="zoom">
										<i class="fa fa-search"></i>
									</span>
								</div>
							</a>
						</li>

						<li>
							<a href="<?=base_url('assets/web/images/big/gallery-2-large.jpg');?>" title="Photo 2">
								<img src="<?=base_url('assets/web/images/2-gallery.png');?>" alt="2-gallery"/>
								<div class="overlay">
									<span class="zoom">
										<i class="fa fa-search"></i>
									</span>
								</div>
							</a>
						</li>

						<li>
							<a href="<?=base_url('assets/web/images/big/gallery-3-large.jpg');?>" title="Photo 3">
								<img src="<?=base_url('assets/web/images/3-gallery.png');?>" alt="3-gallery"/>
								<div class="overlay">
									<span class="zoom">
										<i class="fa fa-search"></i>
									</span>
								</div>
							</a>
						</li>




					</ul>
					<ul class="gallery popup-gallery gallery-3col garlley-block">

						<li>
							<a href="<?=base_url('assets/web/images/big/gallery-4-big.jpg');?>" title="Photo 4">
								<img src="<?=base_url('assets/web/images/4-gallery.png');?>" alt="4-gallery"/>
								<div class="overlay">
									<span class="zoom">
										<i class="fa fa-search"></i>
									</span>
								</div>
							</a>
						</li>

						<li>
							<a href="<?=base_url('assets/web/images/big/pexels-photo-236730.jpeg');?>" title="Photo 5">
								<img src="<?=base_url('assets/web/images/5-gallery.png');?>" alt="5-gallery"/>
								<div class="overlay">
									<span class="zoom">
										<i class="fa fa-search"></i>
									</span>
								</div>
							</a>
						</li>

						<li>
							<a href="<?=base_url('assets/web/images/big/gallery-6-large.jpg');?>" title="Photo 6">
								<img src="<?=base_url('assets/web/images/6-gallery.png');?>" alt="6-gallery"/>
								<div class="overlay">
									<span class="zoom">
										<i class="fa fa-search"></i>
									</span>
								</div>
							</a>
						</li>

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

<div class="modal fade" id="squarespaceModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
  <div class="modal-dialog">
	<div class="modal-content">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal"><img src="<?=base_url('assets/web/images/close-pop.png');?>" alt="close-pop.png" style="margin-top: -12px;width: 33px;  float: right;  margin-right:-11px;"></button>
			<h3 class="modal-title" id="lineModalLabel">Grade 8 Subjects</h3>
		</div>
		<div class="modal-body">

            <!-- content goes here -->
            <div class="tab-pane" 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="Mathematics" class="img-responsive">
        											</div>
        											<div class="right_detail_sub">
        												<!--<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="<?=base_url('assets/web/images/img-icon/sciences.png');?>" alt="Science" class="img-responsive">
        											</div>
        											<div class="right_detail_sub ">
        												<!--<h5></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="<?=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></h5>--><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="<?=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></h5>--><span class="right_detail_sub_span">Hindi</span>

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




        </div>
        </div>

		</div>

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


<!--9th modal-->

<div class="modal fade" id="9th" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
  <div class="modal-dialog">
	<div class="modal-content">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal"><img src="<?=base_url('assets/web/images/close-pop.png');?>" alt="close-pop.png" style="margin-top: -12px;width: 33px;  float: right;  margin-right:-11px;"></button>
			<h3 class="modal-title" id="lineModalLabel">Grade 9 Subjects</h3>
		</div>
		<div class="modal-body">

            <!-- content goes here -->
            <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="Mathematics" class="img-responsive">
        											</div>
        											<div class="right_detail_sub">
        												<!--<h5></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="<?=base_url('assets/web/images/img-icon/sciences.png');?>" alt="Science" class="img-responsive">
        											</div>
        											<div class="right_detail_sub ">
        												<!--<h5></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="<?=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></h5>--><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="<?=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></h5>--><span class="right_detail_sub_span">Hindi</span>

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




        </div>
        </div>

		</div>

	</div>
  </div>
</div>
<!--10th-->
<div class="modal fade" id="10th" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
  <div class="modal-dialog">
	<div class="modal-content">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal"><img src="<?=base_url('assets/web/images/close-pop.png');?>" alt="close-pop.png" style="margin-top: -12px;width: 33px;  float: right;  margin-right:-11px;"></button>
			<h3 class="modal-title" id="lineModalLabel">Grade 10 Subjects</h3>
		</div>
		<div class="modal-body">

            <!-- content goes here -->
            <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="Mathematics" class="img-responsive">
        											</div>
        											<div class="right_detail_sub">
        												<!--<h5></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="<?=base_url('assets/web/images/img-icon/sciences.png');?>" alt="Science" class="img-responsive">
        											</div>
        											<div class="right_detail_sub ">
        												<!--<h5></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="<?=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></h5>--><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="<?=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></h5>--><span class="right_detail_sub_span">Hindi</span>

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




        </div>
        </div>

		</div>

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


<!--11th-->
<div class="modal" id="11th" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
  <div class="modal-dialog">
	<div class="modal-content">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal"><img src="<?=base_url('assets/web/images/close-pop.png');?>" alt="close-pop.png" style="margin-top: -12px;width: 33px;  float: right;  margin-right:-11px;"></button>
			<h3 class="modal-title" id="lineModalLabel">Grade 11 Subjects</h3>
		</div>
		<div class="modal-body">

            <!-- content goes here -->
            <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="Mathematics" class="img-responsive">
                											</div>
                											<div class="right_detail_sub">
                												<!--<h5></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="<?=base_url('assets/web/images/img-icon/biology.png');?>" alt="Biology" class="img-responsive">
                                      </div>
                                      <div class="right_detail_sub">
                                        <!--<h5></h5>--><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="<?=base_url('assets/web/images/img-icon/physics.png');?>" alt="Physics" class="img-responsive">
                                      </div>
                                      <div class="right_detail_sub">
                                        <!--<h5></h5>--><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="<?=base_url('assets/web/images/img-icon/chemistry.jpeg');?>" alt="Chemistry" class="img-responsive">
                                      </div>
                                      <div class="right_detail_sub">
                                        <!--<h5></h5>--><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="<?=base_url('assets/web/images/img-icon/account.png');?>" alt="Accountancy" class="img-responsive">
              											</div>
              											<div class="right_detail_sub">
              												<!--<h5></h5>--><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="<?=base_url('assets/web/images/img-icon/economics.png');?>" alt="Economics" class="img-responsive">
                                    </div>
              											<div class="right_detail_sub ">
              												<!--<h5></h5>--><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="<?=base_url('assets/web/images/img-icon/history.png');?>" alt="History" class="img-responsive">
                                    </div>
              											<div class="right_detail_sub ">
              												<!--<h5></h5>--><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="<?=base_url('assets/web/images/img-icon/Political-Science.png');?>" alt="Political Science" class="img-responsive">
                                    </div>
              											<div class="right_detail_sub ">
              												<!--<h5></h5>--><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="<?=base_url('assets/web/images/img-icon/sociology.png');?>" alt="Sociology" class="img-responsive">
                                    </div>
              											<div class="right_detail_sub ">
              												<!--<h5></h5>--><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="<?=base_url('assets/web/images/img-icon/geography.jpeg');?>" alt="Geography" class="img-responsive">
                                    </div>
              											<div class="right_detail_sub ">
              												<!--<h5></h5>--><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="<?=base_url('assets/web/images/img-icon/psychology.png');?>" alt="Psychology" class="img-responsive">
                                    </div>
              											<div class="right_detail_sub ">
              												<!--<h5></h5>--><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="<?=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></h5>--><span class="right_detail_sub_span">English</span>

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

		</div>

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

<!--12th-->
<div class="modal fade" id="12th" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
  <div class="modal-dialog">
	<div class="modal-content">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal"><img src="<?=base_url('assets/web/images/close-pop.png');?>" alt="close-pop.png" style="margin-top: -12px;width: 33px;  float: right;  margin-right:-11px;"></button>
			<h3 class="modal-title" id="lineModalLabel">Grade 12 Subjects</h3>
		</div>
		<div class="modal-body">

            <!-- content goes here -->
            <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="Mathematics" class="img-responsive">
                											</div>
                											<div class="right_detail_sub">
                												<!--<h5></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="<?=base_url('assets/web/images/img-icon/biology.png');?>" alt="Biology" class="img-responsive">
                                      </div>
                                      <div class="right_detail_sub">
                                        <!--<h5></h5>--><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="<?=base_url('assets/web/images/img-icon/physics.png');?>" alt="Physics" class="img-responsive">
                                      </div>
                                      <div class="right_detail_sub">
                                        <!--<h5></h5>--><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="<?=base_url('assets/web/images/img-icon/chemistry.jpeg');?>" alt="Chemistry" class="img-responsive">
                                      </div>
                                      <div class="right_detail_sub">
                                        <!--<h5></h5>--><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="<?=base_url('assets/web/images/img-icon/account.png');?>" alt="Accountancy" class="img-responsive">
              											</div>
              											<div class="right_detail_sub">
              												<!--<h5></h5>--><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="<?=base_url('assets/web/images/img-icon/economics.png');?>" alt="Economics" class="img-responsive">
                                    </div>
              											<div class="right_detail_sub ">
              												<!--<h5></h5>--><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="<?=base_url('assets/web/images/img-icon/history.png');?>" alt="History" class="img-responsive">
                                    </div>
              											<div class="right_detail_sub ">
              												<!--<h5></h5>--><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="<?=base_url('assets/web/images/img-icon/Political-Science.png');?>" alt="Political Science" class="img-responsive">
                                    </div>
              											<div class="right_detail_sub ">
              												<!--<h5></h5>--><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="<?=base_url('assets/web/images/img-icon/sociology.png');?>" alt="Sociology" class="img-responsive">
                                    </div>
              											<div class="right_detail_sub ">
              												<!--<h5></h5>--><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="<?=base_url('assets/web/images/img-icon/geography.jpeg');?>" alt="Geography" class="img-responsive">
                                    </div>
              											<div class="right_detail_sub ">
              												<!--<h5></h5>--><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="<?=base_url('assets/web/images/img-icon/psychology.png');?>" alt="Psychology" class="img-responsive">
                                    </div>
              											<div class="right_detail_sub ">
              												<!--<h5></h5>--><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="<?=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></h5>--><span class="right_detail_sub_span">English</span>

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

		</div>

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