<!doctype html>
<html class=" ">
<head>
	<!-- Basic -->
	<meta charset="UTF-8">
	<title>Skill Explorer</title>
	<meta name="keywords" content="Skill Explorer" />
	<meta name="description" content="Skill Explorer">
	 
	<link rel="icon" href="<?php echo HTTP_ICON_PATH; ?>fav.png" type="image/x-icon" />
	<!-- Mobile Metas -->
	  <meta name="viewport" content="width=device-width, initial-scale=1">
	 
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
  <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
	<link href="<?= HTTP_CSS_PATH ?>custom_style.css" rel="stylesheet">
    <!-- MetisMenu CSS -->    
    <!-- Custom Fonts -->
    <link href="<?= HTTP_CSS_PATH ?>font-awesome.min.css" rel="stylesheet" type="text/css">
	 
	<script> 
		var HTTP_PATH='<?= BASE_URL ?>';
		var http_loader='<img src="<?= HTTP_ICON_PATH ?>small_loader.gif"/>';
	</script>
	<style>
	.userbox{padding-top: 5px;}
	.userbox .custom-caret {font-size:20px;}
	.error{border-color:red;}
	.errorM{color:red;}
	</style>
  <style>
  body {
    font: 16px Montserrat, sans-serif;
    line-height: 1.8;
    color: #222;
  }
  p {font-size: 16px;}
  .margin {margin-bottom: 45px;}
  .bg-1 { 
    background-color: #1abc9c; /* Green */
    color: #ffffff;
  }
  .bg-2 { 
    background-color: #474e5d; /* Dark Blue */
    color: #ffffff;
  }
  .bg-3 { 
    background-color: #ffffff; /* White */
    color: #555555;
  }
  .bg-4 { 
    background-color: #2f2f2f; /* Black Gray */
    color: #fff;
  }
  .container-fluid ,.container-top{
    
    padding-bottom: 70px;
  }
  .navbar {
    padding-top: 15px;
    padding-bottom: 15px;
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
   
  }
  .navbar-default .navbar-nav > li > a {
    color: #444;
    letter-spacing: 1px;
    font-size: 16px;
}
  .navbar-nav  li a:hover {
    color: #1abc9c !important;
  }
  .header-heading {
    background-color: #d30d0d;
    padding: 2rem 0;
    overflow: auto;
    margin-bottom: 4rem;
}
.header-heading h1 {
  display: inline-block;
float: left;
padding: 10px 0 0 0;
color: #fff;
font-weight: bold;
font-size: 36px;
margin: 0;
}.heading-icon {
    display: inline-block;
    float: right;
    vertical-align: middle;
}
.heading-icon img{width:60px;}
  </style>
</head>
<body>

<!-- Navbar -->
<nav class="navbar navbar-default" style=" background-color:#f1e8db">
  <div class="container-fluid" style="padding:0 20px;">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>                        
      </button>
      <a class="navbar-brand" href="<?=BASE_URL;?>" style="padding-top: 0;"><img style="width:100px;" src="<?= HTTP_ICON_PATH; ?>logo-blue.png" alt="Skill Explorer" /></a>
    </div>
    <div class="collapse navbar-collapse" id="myNavbar">
      <ul class="nav navbar-nav navbar-right" >
 
		<?php if($this->session->userdata('students')['Logged_In']){
			echo '<li><a href="'.BASE_URL.'students"><b>'.$this->session->userdata('students')['Name'].'</b></a></li>';
			echo '<li><a style="padding: 12px;" href="'.BASE_URL.'home/logout"><img style="width:26px;" src="'.HTTP_ICON_PATH.'logout.png" /></a></li>';
		}else{
			echo '<li><a href="'.BASE_URL.'login">Login</a></li>';
		}?>
        
      </ul>
    </div>
  </div>
</nav>



 
				

			

