<?php defined('BASEPATH')or exit('No Direct Access is Allowed');?>
<!DOCTYPE html>
<html lang="en">

<meta http-equiv="content-type" content="text/html;charset=utf-8">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="keywords" content="online tution, tutions, teacher, student, online learning, elearning, home tution,theonlinegurukul,
  gurukul,learning,learning app,tog,math tution,math classes,english classes,physics tution,physics,chemistry,chemistry classes,chemistry tution,
  mathematics,coaching online,online coaching,tog,tog app,tog website,online gurukul,earn money,cheap learning,cheap classes,recording,white board,teacher student,
  study material" />
  <?php if($title!=""){?>
  <title><?php echo $title;?></title>
  <?php }else{ ?>
      <title> Ease of Learning :: TOG</title>
 <?php }?>

<!-- PLUGINS CSS STYLE -->
<link rel="icon" type="assets/image/png" href="<?=base_url('assets/web/img/favicon.png');?>">
<link href="<?=base_url('assets/web/plugins/bootstrap/css/bootstrap.min.css');?>" rel="stylesheet">
<link rel="stylesheet" href="<?=base_url('assets/web/font-awesome-4.7.0/css/font-awesome.min.css');?>">
<link rel="stylesheet" href="<?=base_url('assets/web/plugins/selectbox/select_option1.css');?>">
<link rel="stylesheet" href="<?=base_url('assets/web/plugins/font-awesome/css/font-awesome.min.css');?>">
<link rel="stylesheet" href="<?=base_url('assets/web/plugins/flexslider/flexslider.css');?>" type="text/css" media="screen" />
<link rel="stylesheet" href="<?=base_url('assets/web/plugins/calender/fullcalendar.min.css');?>">
<link rel="stylesheet" href="<?=base_url('assets/web/plugins/animate.css');?>">
<link rel="stylesheet" href="<?=base_url('assets/web/plugins/pop-up/magnific-popup.css');?>">
<link rel="stylesheet" type="text/css" href="<?=base_url('assets/web/plugins/rs-plugin/css/settings.css');?>" media="screen">
<link rel="stylesheet" type="text/css" href="<?=base_url('assets/web/plugins/owl-carousel/owl.carousel.css');?>" media="screen">
<link href="<?=base_url('assets/web/css/color-option1.css');?>" rel="stylesheet">
<!-- GOOGLE FONT -->

<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,600italic,400italic,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:400,700|Material+Icons" />
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" />

<link rel="stylesheet" href="<?=base_url('assets/web//player/css/px-video.css');?>" />
<!-- <link rel="stylesheet" href="<?=base_url('assets/web/css/bootstrap-multiselect.css');?>" type="text/css"/>-->
<!-- CUSTOM CSS -->
<link rel="stylesheet" href="<?=base_url('assets/web/css/style.css');?>">
<link rel="stylesheet" href="<?=base_url('assets/web/css/default.css');?>" id="option_color">
<link rel="stylesheet" href="<?=base_url('assets/web/css/calender.css');?>">
<link rel="stylesheet" href="<?=base_url('assets/web/css/sumoselect.css');?>">
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" type="text/css" href="<?=base_url('assets/web/css/dd.css');?>">
<link rel="stylesheet" href="<?=base_url('assets/web/css/font-core.css');?>">
<link rel="stylesheet" href="<?=base_url('assets/web/css/owl.carousel-mob-slider.min.css');?>">
<link href="https://www.jqueryscript.net/demo/Simple-Responsive-Youtube-Video-Modal-Plugin-With-jQuery-YU2FVL/src/jquery.yu2fvl.css" rel="stylesheet" type="text/css">

<style>
.label {
    color: white;
    padding-top: 3px;
    font-family: Arial;
}
.success {background-color: #4CAF50;} /* Green */
.info {background-color: #2196F3;} /* Blue */
.warning {background-color: #ff9800;} /* Orange */
.danger {background-color: #f44336;} /* Red */
.other {background-color: #e7e7e7; color: black;} /* Gray */
</style>
</head>
<body class="body-wrapper">

  <div class="main_wrapper page-wrap">

    <header class="header-wrapper">
 <div class="top-wrapper hidden-xs">
    <div class="container">
    <!--  <div class="pull-left"><a style="color:white" target="blank" href="https://maps.google.com/?q=116 Phase IV, Udyog Vihar, Sector 18 Gurugram, Haryana 122008" <i class="fa fa-map-o" aria-hidden="true"></i> Atlas Chowk, Udhyog Vihar, Phase – 4, Sector 18, 122001, Gurugram, Haryana, India</a> </div>-->
      <div class="quick-contacts pull-right"> <!--<span><i class="fa fa-phone"></i> +91-0124-4272441</span> -->
	  <span><i class="fa fa-envelope"></i><a href="mailto:info@theonlinegurukul.com"> info@theonlinegurukul.com</a></span>
	  <span><i class="fa fa-user"></i><?=anchor('login', 'Login', array('title' => 'Login','style'=>''));?> /  <?=anchor('register', 'Register', array('title' => 'Register','style'=>''));?></span> <!--<span class="count233 label success">Visits : <?php //echo $hits;?></span>--></div>



    </div>
  </div>

      <div class="header  clearfix">
        <nav class="navbar navbar-main navbar-default">
          <div class="container">
            <div class="row">
              <div class="col-xs-12">
                <div class="header_inner">

                  <!-- Brand and toggle get grouped for better mobile display -->
                  <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-nav" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand logo clearfix" href="<?=site_url('home');?>"><img src="<?=base_url('assets/web/images/20.png');?>" alt="" class="img-responsive" /></a>
                  </div>

                  <!-- Collect the nav links, forms, and other content for toggling -->
                  <div class="collapse navbar-collapse" id="main-nav">
                    <ul class="nav navbar-nav navbar-right">
                    <?php //echo end($this->uri->segment_array());?>
                      <li <?php if((end($this->uri->segment_array())=='home')||(end($this->uri->segment_array())=='')){?>class="active"  <?php }?> >
                        <!-- <a href="how-its-works.php">How its Works</a> -->
                        <?=anchor('home', 'Home', array('title' => 'Home','style'=>''));?>
                      </li>
					  <li <?php if(end($this->uri->segment_array())=='how-it-works'){?>class="active"  <?php }?> >
                        <!-- <a href="how-its-works.php">How its Works</a> -->
                        <?=anchor('how-it-works', 'How it works', array('title' => 'How it Works','style'=>''));?>
                      </li>
					  <li <?php if(end($this->uri->segment_array())=='courses'){?>class="active"  <?php }?>>
                        <!-- <a href="courses.php">Courses</a> -->
                        <?=anchor('courses', 'Courses', array('title' => 'Courses','style'=>''));?>
                      </li>
					   <li <?php if(end($this->uri->segment_array())=='faq'){?>class="active"  <?php }?>>
                        <!-- <a href="faq.php">Faq</a> -->
                       	<?=anchor('faq', 'Faq\'s', array('title' => 'Faq','style'=>''));?>
                      </li>
					  <li <?php if(end($this->uri->segment_array())=='contact-us'){?>class="active"  <?php }?>>
                        <!-- <a href="contact-us.php">Contact Us</a> -->
                        <?=anchor('contact-us', 'Contact Us', array('title' => 'Contact Us','style'=>''));?>
                      </li>
                    </ul>
                  </div><!-- navbar-collapse -->

                </div>
              </div>
            </div>
          </div><!-- /.container -->
        </nav><!-- navbar -->
      </div>
    </header>
	</div>
