<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Apricot 1.3</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<script type="text/javascript" src="assets/js/jquery.js"></script>
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/loader-style.css">
<link rel="stylesheet" href="assets/css/bootstrap.css">
<link rel="stylesheet" href="assets/js/tree/jquery.treeview.css">
<link rel="stylesheet" href="../red-treeview.css">
<link rel="stylesheet" href="assets/js/tree/treetable/stylesheets/jquery.treetable.css">
<link rel="stylesheet" href="assets/js/tree/treetable/stylesheets/jquery.treetable.theme.default.css">
<link href="assets/js/tree/tabelizer/tabelizer.min.css" media="all" rel="stylesheet" type="text/css">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Fav and touch icons -->
<link rel="shortcut icon" href="assets/ico/minus.png">
</head>
<body><div id="awwwards" class="right black"><a href="http://www.awwwards.com/best-websites/apricot-navigation-admin-dashboard-template" target="_blank">best websites of the world</a></div>
<!-- Preloader -->
<div id="preloader">
<div id="status"> </div>
</div>
<!-- TOP NAVBAR -->
<nav role="navigation" class="navbar navbar-static-top">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button data-target="#bs-example-navbar-collapse-1" data-toggle="collapse" class="navbar-toggle" type="button">
<span class="entypo-menu"></span>
</button>
<button class="navbar-toggle toggle-menu-mobile toggle-left" type="button">
<span class="entypo-list-add"></span>
</button>
<div id="logo-mobile" class="visible-xs">
<h1>Apricot<span>v1.3</span></h1>
</div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div id="bs-example-navbar-collapse-1" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="dropdown">
<a data-toggle="dropdown" class="dropdown-toggle" href="#"><i style="font-size:20px;" class="icon-conversation"></i><div class="noft-red">23</div></a>
<ul style="margin: 11px 0 0 9px;" role="menu" class="dropdown-menu dropdown-wrap">
<li>
<a href="#">
<img alt="" class="img-msg img-circle" src="http://api.randomuser.me/portraits/thumb/men/1.jpg">Jhon Doe <b>Just Now</b>
</a>
</li>
<li class="divider"></li>
<li>
<a href="#">
<img alt="" class="img-msg img-circle" src="http://api.randomuser.me/portraits/thumb/women/1.jpg">Jeniffer <b>3 Min Ago</b>
</a>
</li>
<li class="divider"></li>
<li>
<a href="#">
<img alt="" class="img-msg img-circle" src="http://api.randomuser.me/portraits/thumb/men/2.jpg">Dave <b>2 Hours Ago</b>
</a>
</li>
<li class="divider"></li>
<li>
<a href="#">
<img alt="" class="img-msg img-circle" src="http://api.randomuser.me/portraits/thumb/men/3.jpg"><i>Keanu</i> <b>1 Day Ago</b>
</a>
</li>
<li class="divider"></li>
<li>
<a href="#">
<img alt="" class="img-msg img-circle" src="http://api.randomuser.me/portraits/thumb/men/4.jpg"><i>Masashi</i> <b>2 Mounth Ago</b>
</a>
</li>
<li class="divider"></li>
<li>
<div>See All Messege</div>
</li>
</ul>
</li>
<li>
<a data-toggle="dropdown" class="dropdown-toggle" href="#"><i style="font-size:19px;" class="icon-warning tooltitle"></i><div class="noft-green">5</div></a>
<ul style="margin: 12px 0 0 0;" role="menu" class="dropdown-menu dropdown-wrap">
<li>
<a href="#">
<span style="background:#DF2135" class="noft-icon maki-bus"></span><i>From Station</i> <b>01B</b>
</a>
</li>
<li class="divider"></li>
<li>
<a href="#">
<span style="background:#AB6DB0" class="noft-icon maki-ferry"></span><i>Departing at</i> <b>9:00 AM</b>
</a>
</li>
<li class="divider"></li>
<li>
<a href="#">
<span style="background:#FFA200" class="noft-icon maki-aboveground-rail"></span><i>Delay for</i> <b>09 Min</b>
</a>
</li>
<li class="divider"></li>
<li>
<a href="#">
<span style="background:#86C440" class="noft-icon maki-airport"></span><i>Take of</i> <b>08:30 AM</b>
</a>
</li>
<li class="divider"></li>
<li>
<a href="#">
<span style="background:#0DB8DF" class="noft-icon maki-bicycle"></span><i>Take of</i> <b>08:30 AM</b>
</a>
</li>
<li class="divider"></li>
<li>
<div>See All Notification</div>
</li>
</ul>
</li>
<li><a href="#"><i data-toggle="tooltip" data-placement="bottom" title="Help" style="font-size:20px;" class="icon-help tooltitle"></i></a>
</li>
</ul>
<div id="nt-title-container" class="navbar-left running-text visible-lg">
<ul class="date-top">
<li class="entypo-calendar" style="margin-right:5px"></li>
<li id="Date"></li>
</ul>
<ul id="digital-clock" class="digital">
<li class="entypo-clock" style="margin-right:5px"></li>
<li class="hour"></li>
<li>:</li>
<li class="min">