<!doctype html>
<html class="fixed">
<head>

	<!-- Basic -->
	<meta charset="UTF-8">
	<title>Dashboard | Map My Career</title>
	<meta name="keywords" content="HTML5 Admin Template" />
	<meta name="description" content="Map My Career  portal">
	 
	<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.0, maximum-scale=1.0, user-scalable=no" />

	<!-- Web Fonts  -->
	<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Shadows+Into+Light" rel="stylesheet" type="text/css">
	
	<!-- Vendor CSS -->
	<link rel="stylesheet" href="<?= HTTP_ADMIN_FOLDER_PATH?>vendor/bootstrap/css/bootstrap.css" />

	<link rel="stylesheet" href="<?= HTTP_ADMIN_FOLDER_PATH?>vendor/font-awesome/css/font-awesome.css" />
	<link rel="stylesheet" href="<?= HTTP_ADMIN_FOLDER_PATH?>vendor/magnific-popup/magnific-popup.css" />
	<link rel="stylesheet" href="<?= HTTP_ADMIN_FOLDER_PATH?>vendor/bootstrap-datepicker/css/datepicker3.css" />

	<!-- Specific Page Vendor CSS -->
	<link rel="stylesheet" href="<?= HTTP_ADMIN_FOLDER_PATH?>vendor/select2/select2.css" />
	<link rel="stylesheet" href="<?= HTTP_ADMIN_FOLDER_PATH?>vendor/jquery-datatables-bs3/assets/css/datatables.css" />

	<!-- Theme CSS -->
	<link rel="stylesheet" href="<?= HTTP_ADMIN_FOLDER_PATH?>stylesheets/theme.css" />

	<!-- Skin CSS -->
	<link rel="stylesheet" href="<?= HTTP_ADMIN_FOLDER_PATH?>stylesheets/skins/default.css" />

	<!-- Theme Custom CSS -->
	<link rel="stylesheet" href="<?= HTTP_ADMIN_FOLDER_PATH?>stylesheets/theme-custom.css">
	<link rel="stylesheet" href="<?= HTTP_ADMIN_FOLDER_PATH?>stylesheets/custom_style.css">
	<script src="<?= HTTP_ADMIN_FOLDER_PATH?>vendor/jquery/jquery.js"></script>
	<!-- Head Libs -->
	<script src="<?= HTTP_ADMIN_FOLDER_PATH?>vendor/modernizr/modernizr.js"></script>

	 
	<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>
</head>
<body>
	<section class="body">

		<!-- start: header -->
		<header class="header">
			<div class="logo-container pull-left">
				<a href="<?= BASE_URL ?>" >
					<img src="<?= HTTP_ICON_PATH?>logo.png" alt="Map My Career" style="width:27%; padding: 5px 15px;" />
				</a>
				<div class="visible-xs toggle-sidebar-left" data-toggle-class="sidebar-left-opened" data-target="html" data-fire-event="sidebar-left-opened">
					<i class="fa fa-bars" aria-label="Toggle sidebar"></i>
				</div>
			</div>
		
			<!-- start: search & user box -->
			<div class="header-right">		
				<a style="padding: 15px;position: relative;display: block;" href="<?= BASE_URL?>home/logout"><i class="fa fa-power-off fa-2x"></i></a>
				 
				 
			</div>
			<!-- end: search & user box -->
		</header>
		<!-- end: header -->

		<div class="inner-wrapper">
			<!-- start: sidebar -->
			<aside id="sidebar-left" class="sidebar-left">
			
				<div class="sidebar-header">
					<div class="sidebar-title">
						Navigation
					</div>
					<div class="sidebar-toggle hidden-xs" data-toggle-class="sidebar-left-collapsed" data-target="html" data-fire-event="sidebar-left-toggle">
						<i class="fa fa-bars" aria-label="Toggle sidebar"></i>
					</div>
				</div>
			
				<div class="nano">
					<div class="nano-content">
						<nav id="menu" class="nav-main" role="navigation">
							<ul class="nav nav-main">
								<li>
									<a href="<?= BASE_URL; ?>">
										<i class="fa fa-home" aria-hidden="true"></i>
										<span>Dashboard</span>
									</a>
								</li>
								<li>
									<a href="<?= BASE_URL .'students'; ?>">
										<i class="fa fa-user" aria-hidden="true"></i>
										<span>Manage Students</span>
									</a>
								</li>
								 
								
								
								 						 							
								 
							</ul>
						</nav>						
			
					</div>
			
				</div>
			
			</aside>
			<!-- end: sidebar -->

			<section role="main" class="content-body" style="padding:40px 15px;" >
					

				

			

