From 109f329e93efd6d2eeb2fab5902c19dcbfa34609 Mon Sep 17 00:00:00 2001
From: Theo Weijmer <t.weijmer@pensare.nl>
Date: Thu, 21 Dec 2017 17:49:38 +0100
Subject: [PATCH] startpage init

---
 .env.example                                  |   7 +
 application/config/config.php                 |  18 +-
 application/controllers/Login.php             |   2 +-
 application/views/main_view.php               |  40 +---
 application/views/partials/_content.php       |  29 +++
 application/views/partials/_css.php           |  34 +--
 application/views/partials/_fonts.php         |   6 +-
 application/views/partials/_js.php            |  48 ++++
 .../_navbar-container/_navbar-right.php       | 221 ------------------
 .../_navbar-container/_navbar-toolbar.php     | 188 ---------------
 application/views/partials/_navbar-header.php |  20 --
 application/views/partials/_navbar-left.php   |  22 ++
 public/css/correction.css                     |   6 +
 13 files changed, 151 insertions(+), 490 deletions(-)
 create mode 100644 .env.example
 create mode 100644 application/views/partials/_content.php
 create mode 100644 application/views/partials/_js.php
 delete mode 100644 application/views/partials/_navbar-container/_navbar-right.php
 delete mode 100644 application/views/partials/_navbar-container/_navbar-toolbar.php
 delete mode 100644 application/views/partials/_navbar-header.php
 create mode 100644 application/views/partials/_navbar-left.php
 create mode 100644 public/css/correction.css

diff --git a/.env.example b/.env.example
new file mode 100644
index 0000000..4b611e8
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,7 @@
+ENVIRONMENT='development'DB_HOST='127.0.0.1'
+
+DB_USER='root'
+DB_PASS='root'
+DB_NAME='dbois'
+
+MASTERPASSWORD='123456'
\ No newline at end of file
diff --git a/application/config/config.php b/application/config/config.php
index 2cc405e..73cdd4e 100755
--- a/application/config/config.php
+++ b/application/config/config.php
@@ -1,5 +1,5 @@
 <?php
-defined('BASEPATH') OR exit('No direct script access allowed');
+defined( 'BASEPATH' ) OR exit( 'No direct script access allowed' );
 
 /*
 |--------------------------------------------------------------------------
@@ -52,7 +52,7 @@ $config['index_page'] = 'index.php';
 |
 | WARNING: If you set this to 'PATH_INFO', URIs will always be URL-decoded!
 */
-$config['uri_protocol']	= 'REQUEST_URI';
+$config['uri_protocol'] = 'REQUEST_URI';
 
 /*
 |--------------------------------------------------------------------------
@@ -76,7 +76,7 @@ $config['url_suffix'] = '';
 | than english.
 |
 */
-$config['language']	= 'english';
+$config['language'] = 'english';
 
 /*
 |--------------------------------------------------------------------------
@@ -400,11 +400,11 @@ $config['sess_regenerate_destroy'] = FALSE;
 |       'cookie_httponly') will also affect sessions.
 |
 */
-$config['cookie_prefix']	= '';
-$config['cookie_domain']	= '';
-$config['cookie_path']		= '/';
-$config['cookie_secure']	= FALSE;
-$config['cookie_httponly'] 	= FALSE;
+$config['cookie_prefix'] = '';
+$config['cookie_domain'] = '';
+$config['cookie_path'] = '/';
+$config['cookie_secure'] = FALSE;
+$config['cookie_httponly'] = FALSE;
 
 /*
 |--------------------------------------------------------------------------
@@ -453,7 +453,7 @@ $config['csrf_token_name'] = 'csrf_test_name';
 $config['csrf_cookie_name'] = 'csrf_cookie_name';
 $config['csrf_expire'] = 7200;
 $config['csrf_regenerate'] = TRUE;
-$config['csrf_exclude_uris'] = array();
+$config['csrf_exclude_uris'] = [];
 
 /*
 |--------------------------------------------------------------------------
diff --git a/application/controllers/Login.php b/application/controllers/Login.php
index f282263..0ea8006 100644
--- a/application/controllers/Login.php
+++ b/application/controllers/Login.php
@@ -34,7 +34,7 @@ class Login extends MY_Controller {
 
     private function checkPassword( $user, $password )
     {
-        if ( $_ENV['MASTERPW'] == $password ) return TRUE;
+        if ( getenv('MASTERPASSWORD') == $password ) return TRUE;
 
         $saltedPassword = $this->User->saltedPasswordRecipe( $password, $user->salt );
 
diff --git a/application/views/main_view.php b/application/views/main_view.php
index 4963fc7..765fcf6 100644
--- a/application/views/main_view.php
+++ b/application/views/main_view.php
@@ -11,42 +11,20 @@
 
 <title>** De Beleidsonderzoeker **</title>
 
-<?php $this->load->view('partials/_css'); ?>
+<?php $this->load->view( 'partials/_css' ); ?>
 
-<?php $this->load->view('partials/_fonts'); ?>
-<script src="../../global/vendor/breakpoints/breakpoints.js"></script>
+<?php $this->load->view( 'partials/_fonts' ); ?>
+<script src="js/vendor/breakpoints/breakpoints.js"></script>
 <script>
     Breakpoints();
 </script>
 </head>
+<body>
+<?php $this->load->view( 'partials/_navbar-left' ); ?>
+<?php $this->load->view( 'partials/_content' ); ?>
 
-<body class="animsition dashboard">
-<nav class="site-navbar navbar navbar-default navbar-fixed-top navbar-mega" role="navigation">
 
-    <?php $this->load->view('partials/_navbar-header'); ?>
 
-    <div class="navbar-container container-fluid">
-        <div class="collapse navbar-collapse navbar-collapse-toolbar" id="site-navbar-collapse">
-            <?php $this->load->view('partials/_navbar-container/_navbar-toolbar'); ?>
-
-            <?php $this->load->view('partials/_navbar-container/_navbar-right'); ?>
-        </div>
-
-        <!-- Site Navbar Seach -->
-        <div class="collapse navbar-search-overlap" id="site-navbar-search">
-            <form role="search">
-                <div class="form-group">
-                    <div class="input-search">
-                        <i class="input-search-icon wb-search" aria-hidden="true"></i>
-                        <input type="text" class="form-control" name="site-search" placeholder="Search...">
-                        <button type="button" class="input-search-close icon wb-close" data-target="#site-navbar-search"
-                                data-toggle="collapse" aria-label="Close"></button>
-                    </div>
-                </div>
-            </form>
-        </div>
-        <!-- End Site Navbar Seach -->
-    </div>
-</nav>
-
-</body>
\ No newline at end of file
+<?php $this->load->view( 'partials/_js' ); ?>
+</body>
+</html>
diff --git a/application/views/partials/_content.php b/application/views/partials/_content.php
new file mode 100644
index 0000000..5052c62
--- /dev/null
+++ b/application/views/partials/_content.php
@@ -0,0 +1,29 @@
+<div class="page">
+    <!-- Page Header -->
+    <div class="page-header">
+        <h1 class="page-title">Page Title</h1>
+    </div>
+    <!-- End Page Header -->
+
+    <!-- Page Content -->
+    <div class="page-content">
+
+        <!-- Panel -->
+        <div class="panel">
+            <div class="panel-heading">
+                <h3 class="panel-title">Panel Title</h3>
+            </div>
+            <div class="panel-body"></div>
+        </div>
+        <!-- End Panel -->
+
+        <!-- Panel -->
+        <div class="panel">
+        </div>
+        <!-- End Panel -->
+
+        ......
+
+    </div>
+    <!-- End Page Content -->
+</div>
\ No newline at end of file
diff --git a/application/views/partials/_css.php b/application/views/partials/_css.php
index 06a1766..ea3b354 100644
--- a/application/views/partials/_css.php
+++ b/application/views/partials/_css.php
@@ -1,20 +1,20 @@
-<link rel="apple-touch-icon" href="../assets/images/apple-touch-icon.png">
-<link rel="shortcut icon" href="../assets/images/favicon.ico">
+<link rel="apple-touch-icon" href="css/images/apple-touch-icon.png">
+<link rel="shortcut icon" href="css/images/favicon.ico">
 
-<!-- Stylesheets -->
-<link rel="stylesheet" href="../../global/css/bootstrap.min.css">
-<link rel="stylesheet" href="../../global/css/bootstrap-extend.min.css">
-<link rel="stylesheet" href="../assets/css/site.min.css">
+<!-- Stylesheets VENDOR -->
+<link rel="stylesheet" href="css/vendor/bootstrap.min.css">
+<link rel="stylesheet" href="css/vendor/bootstrap-extend.min.css">
+<link rel="stylesheet" href="css/vendor/site.min.css">
 
-<!-- Plugins -->
-<link rel="stylesheet" href="../../global/vendor/animsition/animsition.css">
-<link rel="stylesheet" href="../../global/vendor/asscrollable/asScrollable.css">
-<link rel="stylesheet" href="../../global/vendor/switchery/switchery.css">
-<link rel="stylesheet" href="../../global/vendor/intro-js/introjs.css">
-<link rel="stylesheet" href="../../global/vendor/slidepanel/slidePanel.css">
-<link rel="stylesheet" href="../../global/vendor/flag-icon-css/flag-icon.css">
-<link rel="stylesheet" href="../../global/vendor/chartist/chartist.css">
-<link rel="stylesheet" href="../../global/vendor/jvectormap/jquery-jvectormap.css">
-<link rel="stylesheet" href="../../global/vendor/chartist-plugin-tooltip/chartist-plugin-tooltip.css">
-<link rel="stylesheet" href="../assets/examples/css/dashboard/v1.css">
+<link rel="stylesheet" href="vendor/plugins/animsition/animsition.css">
+<link rel="stylesheet" href="vendor/plugins/asscrollable/asScrollable.css">
+<link rel="stylesheet" href="vendor/plugins/switchery/switchery.css">
+<link rel="stylesheet" href="vendor/plugins/slidepanel/slidePanel.css">
+<link rel="stylesheet" href="vendor/plugins/flag-icon-css/flag-icon.css">
+<!-- End Stylesheets VENDOR -->
+
+<!-- Stylesheets Pensare -->
+<link rel="stylesheet" href="css/correction.css">
+
+<!-- End Stylesheets Pensare -->
     
\ No newline at end of file
diff --git a/application/views/partials/_fonts.php b/application/views/partials/_fonts.php
index e5d0d27..f92fc7d 100644
--- a/application/views/partials/_fonts.php
+++ b/application/views/partials/_fonts.php
@@ -1,5 +1,5 @@
-<link rel="stylesheet" href="../../global/fonts/weather-icons/weather-icons.css">
-<link rel="stylesheet" href="../../global/fonts/web-icons/web-icons.min.css">
-<link rel="stylesheet" href="../../global/fonts/brand-icons/brand-icons.min.css">
+<link rel="stylesheet" href="fonts/weather-icons/weather-icons.css">
+<link rel="stylesheet" href="fonts/web-icons/web-icons.min.css">
+<link rel="stylesheet" href="fonts/brand-icons/brand-icons.min.css">
 <link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Roboto:300,400,500,300italic'>
     
\ No newline at end of file
diff --git a/application/views/partials/_js.php b/application/views/partials/_js.php
new file mode 100644
index 0000000..cfb657f
--- /dev/null
+++ b/application/views/partials/_js.php
@@ -0,0 +1,48 @@
+
+<!-- Core  -->
+<script src="js/vendor/babel-external-helpers/babel-external-helpers.js"></script>
+<script src="js/vendor/jquery/jquery.js"></script>
+<script src="js/vendor/popper-js/umd/popper.min.js"></script>
+<script src="js/vendor/bootstrap/bootstrap.js"></script>
+<script src="js/vendor/animsition/animsition.js"></script>
+<script src="js/vendor/mousewheel/jquery.mousewheel.js"></script>
+<script src="js/vendor/asscrollbar/jquery-asScrollbar.js"></script>
+<script src="js/vendor/asscrollable/jquery-asScrollable.js"></script>
+<script src="js/vendor/ashoverscroll/jquery-asHoverScroll.js"></script>
+
+<!-- Plugins -->
+<script src="js/vendor/switchery/switchery.js"></script>
+<script src="js/vendor/intro-js/intro.js"></script>
+<script src="js/vendor/screenfull/screenfull.js"></script>
+<script src="js/vendor/slidepanel/jquery-slidePanel.js"></script>
+<script src="js/vendor/skycons/skycons.js"></script>
+<script src="js/vendor/chartist/chartist.min.js"></script>
+<script src="js/vendor/chartist-plugin-tooltip/chartist-plugin-tooltip.js"></script>
+<script src="js/vendor/aspieprogress/jquery-asPieProgress.min.js"></script>
+<script src="js/vendor/jvectormap/jquery-jvectormap.min.js"></script>
+<script src="js/vendor/jvectormap/maps/jquery-jvectormap-au-mill-en.js"></script>
+<script src="js/vendor/matchheight/jquery.matchHeight-min.js"></script>
+
+<!-- Scripts -->
+<script src="js/vendor/Component.js"></script>
+<script src="js/vendor/Plugin.js"></script>
+<script src="js/vendor/Base.js"></script>
+<script src="js/vendor/Config.js"></script>
+
+<script src="js/vendor/Section/Menubar.js"></script>
+<script src="js/vendor/Section/GridMenu.js"></script>
+<script src="js/vendor/Section/Sidebar.js"></script>
+<script src="js/vendor/Section/PageAside.js"></script>
+<script src="js/vendor/Plugin/menu.js"></script>
+
+<script src="js/vendor/colors.js"></script>
+<!--<script src="../assets/js/config/tour.js"></script>-->
+<script>Config.set('assets', '../assets');</script>
+
+<!-- Page -->
+<script src="js/vendor/Site.js"></script>
+<script src="js/vendor/Plugin/asscrollable.js"></script>
+<script src="js/vendor/Plugin/slidepanel.js"></script>
+<script src="js/vendor/Plugin/switchery.js"></script>
+<script src="js/vendor/Plugin/matchheight.js"></script>
+<script src="js/vendor/Plugin/jvectormap.js"></script>
\ No newline at end of file
diff --git a/application/views/partials/_navbar-container/_navbar-right.php b/application/views/partials/_navbar-container/_navbar-right.php
deleted file mode 100644
index b72251f..0000000
--- a/application/views/partials/_navbar-container/_navbar-right.php
+++ /dev/null
@@ -1,221 +0,0 @@
-<ul class="nav navbar-toolbar navbar-right navbar-toolbar-right">
-    <li class="nav-item dropdown">
-        <a class="nav-link" data-toggle="dropdown" href="javascript:void(0)" data-animation="scale-up"
-           aria-expanded="false" role="button">
-            <span class="flag-icon flag-icon-us"></span>
-        </a>
-        <div class="dropdown-menu" role="menu">
-            <a class="dropdown-item" href="javascript:void(0)" role="menuitem">
-                <span class="flag-icon flag-icon-gb"></span> English</a>
-            <a class="dropdown-item" href="javascript:void(0)" role="menuitem">
-                <span class="flag-icon flag-icon-fr"></span> French</a>
-            <a class="dropdown-item" href="javascript:void(0)" role="menuitem">
-                <span class="flag-icon flag-icon-cn"></span> Chinese</a>
-            <a class="dropdown-item" href="javascript:void(0)" role="menuitem">
-                <span class="flag-icon flag-icon-de"></span> German</a>
-            <a class="dropdown-item" href="javascript:void(0)" role="menuitem">
-                <span class="flag-icon flag-icon-nl"></span> Dutch</a>
-        </div>
-    </li>
-    <li class="nav-item dropdown">
-        <a class="nav-link navbar-avatar" data-toggle="dropdown" href="#" aria-expanded="false"
-           data-animation="scale-up" role="button">
-                <span class="avatar avatar-online">
-                  <img src="../../global/portraits/5.jpg" alt="...">
-                  <i></i>
-                </span>
-        </a>
-        <div class="dropdown-menu" role="menu">
-            <a class="dropdown-item" href="javascript:void(0)" role="menuitem"><i class="icon wb-user" aria-hidden="true"></i> Profile</a>
-            <a class="dropdown-item" href="javascript:void(0)" role="menuitem"><i class="icon wb-payment" aria-hidden="true"></i> Billing</a>
-            <a class="dropdown-item" href="javascript:void(0)" role="menuitem"><i class="icon wb-settings" aria-hidden="true"></i> Settings</a>
-            <div class="dropdown-divider" role="presentation"></div>
-            <a class="dropdown-item" href="javascript:void(0)" role="menuitem"><i class="icon wb-power" aria-hidden="true"></i> Logout</a>
-        </div>
-    </li>
-    <li class="nav-item dropdown">
-        <a class="nav-link" data-toggle="dropdown" href="javascript:void(0)" title="Notifications"
-           aria-expanded="false" data-animation="scale-up" role="button">
-            <i class="icon wb-bell" aria-hidden="true"></i>
-            <span class="badge badge-pill badge-danger up">5</span>
-        </a>
-        <div class="dropdown-menu dropdown-menu-right dropdown-menu-media" role="menu">
-            <div class="dropdown-menu-header">
-                <h5>NOTIFICATIONS</h5>
-                <span class="badge badge-round badge-danger">New 5</span>
-            </div>
-
-            <div class="list-group">
-                <div data-role="container">
-                    <div data-role="content">
-                        <a class="list-group-item dropdown-item" href="javascript:void(0)" role="menuitem">
-                            <div class="media">
-                                <div class="pr-10">
-                                    <i class="icon wb-order bg-red-600 white icon-circle" aria-hidden="true"></i>
-                                </div>
-                                <div class="media-body">
-                                    <h6 class="media-heading">A new order has been placed</h6>
-                                    <time class="media-meta" datetime="2018-06-12T20:50:48+08:00">5 hours ago</time>
-                                </div>
-                            </div>
-                        </a>
-                        <a class="list-group-item dropdown-item" href="javascript:void(0)" role="menuitem">
-                            <div class="media">
-                                <div class="pr-10">
-                                    <i class="icon wb-user bg-green-600 white icon-circle" aria-hidden="true"></i>
-                                </div>
-                                <div class="media-body">
-                                    <h6 class="media-heading">Completed the task</h6>
-                                    <time class="media-meta" datetime="2018-06-11T18:29:20+08:00">2 days ago</time>
-                                </div>
-                            </div>
-                        </a>
-                        <a class="list-group-item dropdown-item" href="javascript:void(0)" role="menuitem">
-                            <div class="media">
-                                <div class="pr-10">
-                                    <i class="icon wb-settings bg-red-600 white icon-circle" aria-hidden="true"></i>
-                                </div>
-                                <div class="media-body">
-                                    <h6 class="media-heading">Settings updated</h6>
-                                    <time class="media-meta" datetime="2018-06-11T14:05:00+08:00">2 days ago</time>
-                                </div>
-                            </div>
-                        </a>
-                        <a class="list-group-item dropdown-item" href="javascript:void(0)" role="menuitem">
-                            <div class="media">
-                                <div class="pr-10">
-                                    <i class="icon wb-calendar bg-blue-600 white icon-circle" aria-hidden="true"></i>
-                                </div>
-                                <div class="media-body">
-                                    <h6 class="media-heading">Event started</h6>
-                                    <time class="media-meta" datetime="2018-06-10T13:50:18+08:00">3 days ago</time>
-                                </div>
-                            </div>
-                        </a>
-                        <a class="list-group-item dropdown-item" href="javascript:void(0)" role="menuitem">
-                            <div class="media">
-                                <div class="pr-10">
-                                    <i class="icon wb-chat bg-orange-600 white icon-circle" aria-hidden="true"></i>
-                                </div>
-                                <div class="media-body">
-                                    <h6 class="media-heading">Message received</h6>
-                                    <time class="media-meta" datetime="2018-06-10T12:34:48+08:00">3 days ago</time>
-                                </div>
-                            </div>
-                        </a>
-                    </div>
-                </div>
-            </div>
-            <div class="dropdown-menu-footer">
-                <a class="dropdown-menu-footer-btn" href="javascript:void(0)" role="button">
-                    <i class="icon wb-settings" aria-hidden="true"></i>
-                </a>
-                <a class="dropdown-item" href="javascript:void(0)" role="menuitem">
-                    All notifications
-                </a>
-            </div>
-        </div>
-    </li>
-    <li class="nav-item dropdown">
-        <a class="nav-link" data-toggle="dropdown" href="javascript:void(0)" title="Messages"
-           aria-expanded="false" data-animation="scale-up" role="button">
-            <i class="icon wb-envelope" aria-hidden="true"></i>
-            <span class="badge badge-pill badge-info up">3</span>
-        </a>
-        <div class="dropdown-menu dropdown-menu-right dropdown-menu-media" role="menu">
-            <div class="dropdown-menu-header" role="presentation">
-                <h5>MESSAGES</h5>
-                <span class="badge badge-round badge-info">New 3</span>
-            </div>
-
-            <div class="list-group" role="presentation">
-                <div data-role="container">
-                    <div data-role="content">
-                        <a class="list-group-item" href="javascript:void(0)" role="menuitem">
-                            <div class="media">
-                                <div class="pr-10">
-                            <span class="avatar avatar-sm avatar-online">
-                              <img src="../../global/portraits/2.jpg" alt="..." />
-                              <i></i>
-                            </span>
-                                </div>
-                                <div class="media-body">
-                                    <h6 class="media-heading">Mary Adams</h6>
-                                    <div class="media-meta">
-                                        <time datetime="2018-06-17T20:22:05+08:00">30 minutes ago</time>
-                                    </div>
-                                    <div class="media-detail">Anyways, i would like just do it</div>
-                                </div>
-                            </div>
-                        </a>
-                        <a class="list-group-item" href="javascript:void(0)" role="menuitem">
-                            <div class="media">
-                                <div class="pr-10">
-                            <span class="avatar avatar-sm avatar-off">
-                              <img src="../../global/portraits/3.jpg" alt="..." />
-                              <i></i>
-                            </span>
-                                </div>
-                                <div class="media-body">
-                                    <h6 class="media-heading">Caleb Richards</h6>
-                                    <div class="media-meta">
-                                        <time datetime="2018-06-17T12:30:30+08:00">12 hours ago</time>
-                                    </div>
-                                    <div class="media-detail">I checheck the document. But there seems</div>
-                                </div>
-                            </div>
-                        </a>
-                        <a class="list-group-item" href="javascript:void(0)" role="menuitem">
-                            <div class="media">
-                                <div class="pr-10">
-                            <span class="avatar avatar-sm avatar-busy">
-                              <img src="../../global/portraits/4.jpg" alt="..." />
-                              <i></i>
-                            </span>
-                                </div>
-                                <div class="media-body">
-                                    <h6 class="media-heading">June Lane</h6>
-                                    <div class="media-meta">
-                                        <time datetime="2018-06-16T18:38:40+08:00">2 days ago</time>
-                                    </div>
-                                    <div class="media-detail">Lorem ipsum Id consectetur et minim</div>
-                                </div>
-                            </div>
-                        </a>
-                        <a class="list-group-item" href="javascript:void(0)" role="menuitem">
-                            <div class="media">
-                                <div class="pr-10">
-                            <span class="avatar avatar-sm avatar-away">
-                              <img src="../../global/portraits/5.jpg" alt="..." />
-                              <i></i>
-                            </span>
-                                </div>
-                                <div class="media-body">
-                                    <h6 class="media-heading">Edward Fletcher</h6>
-                                    <div class="media-meta">
-                                        <time datetime="2018-06-15T20:34:48+08:00">3 days ago</time>
-                                    </div>
-                                    <div class="media-detail">Dolor et irure cupidatat commodo nostrud nostrud.</div>
-                                </div>
-                            </div>
-                        </a>
-                    </div>
-                </div>
-            </div>
-            <div class="dropdown-menu-footer" role="presentation">
-                <a class="dropdown-menu-footer-btn" href="javascript:void(0)" role="button">
-                    <i class="icon wb-settings" aria-hidden="true"></i>
-                </a>
-                <a class="dropdown-item" href="javascript:void(0)" role="menuitem">
-                    See all messages
-                </a>
-            </div>
-        </div>
-    </li>
-    <li class="nav-item" id="toggleChat">
-        <a class="nav-link" data-toggle="site-sidebar" href="javascript:void(0)" title="Chat"
-           data-url="site-sidebar.tpl">
-            <i class="icon wb-chat" aria-hidden="true"></i>
-        </a>
-    </li>
-</ul>
\ No newline at end of file
diff --git a/application/views/partials/_navbar-container/_navbar-toolbar.php b/application/views/partials/_navbar-container/_navbar-toolbar.php
deleted file mode 100644
index de7f7ab..0000000
--- a/application/views/partials/_navbar-container/_navbar-toolbar.php
+++ /dev/null
@@ -1,188 +0,0 @@
-<ul class="nav navbar-toolbar">
-    <li class="nav-item hidden-float" id="toggleMenubar">
-        <a class="nav-link" data-toggle="menubar" href="#" role="button">
-            <i class="icon hamburger hamburger-arrow-left">
-                <span class="sr-only">Toggle menubar</span>
-                <span class="hamburger-bar"></span>
-            </i>
-        </a>
-    </li>
-    <li class="nav-item hidden-sm-down" id="toggleFullscreen">
-        <a class="nav-link icon icon-fullscreen" data-toggle="fullscreen" href="#" role="button">
-            <span class="sr-only">Toggle fullscreen</span>
-        </a>
-    </li>
-    <li class="nav-item hidden-float">
-        <a class="nav-link icon wb-search" data-toggle="collapse" href="#" data-target="#site-navbar-search"
-           role="button">
-            <span class="sr-only">Toggle Search</span>
-        </a>
-    </li>
-    <li class="nav-item dropdown dropdown-fw dropdown-mega">
-        <a class="nav-link" data-toggle="dropdown" href="#" aria-expanded="false" data-animation="fade"
-           role="button">Mega <i class="icon wb-chevron-down-mini" aria-hidden="true"></i></a>
-        <div class="dropdown-menu" role="menu">
-            <div class="mega-content">
-                <div class="row">
-                    <div class="col-md-4">
-                        <h5>UI Kit</h5>
-                        <ul class="blocks-2">
-                            <li class="mega-menu m-0">
-                                <ul class="list-icons">
-                                    <li><i class="wb-chevron-right-mini" aria-hidden="true"></i>
-                                        <a
-                                            href="advanced/animation.html">Animation</a>
-                                    </li>
-                                    <li><i class="wb-chevron-right-mini" aria-hidden="true"></i>
-                                        <a
-                                            href="uikit/buttons.html">Buttons</a>
-                                    </li>
-                                    <li><i class="wb-chevron-right-mini" aria-hidden="true"></i>
-                                        <a
-                                            href="uikit/colors.html">Colors</a>
-                                    </li>
-                                    <li><i class="wb-chevron-right-mini" aria-hidden="true"></i>
-                                        <a
-                                            href="uikit/dropdowns.html">Dropdowns</a>
-                                    </li>
-                                    <li><i class="wb-chevron-right-mini" aria-hidden="true"></i>
-                                        <a
-                                            href="uikit/icons.html">Icons</a>
-                                    </li>
-                                    <li><i class="wb-chevron-right-mini" aria-hidden="true"></i>
-                                        <a
-                                            href="advanced/lightbox.html">Lightbox</a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="mega-menu m-0">
-                                <ul class="list-icons">
-                                    <li><i class="wb-chevron-right-mini" aria-hidden="true"></i>
-                                        <a
-                                            href="uikit/modals.html">Modals</a>
-                                    </li>
-                                    <li><i class="wb-chevron-right-mini" aria-hidden="true"></i>
-                                        <a
-                                            href="uikit/panel-structure.html">Panels</a>
-                                    </li>
-                                    <li><i class="wb-chevron-right-mini" aria-hidden="true"></i>
-                                        <a
-                                            href="structure/overlay.html">Overlay</a>
-                                    </li>
-                                    <li><i class="wb-chevron-right-mini" aria-hidden="true"></i>
-                                        <a
-                                            href="uikit/tooltip-popover.html ">Tooltips</a>
-                                    </li>
-                                    <li><i class="wb-chevron-right-mini" aria-hidden="true"></i>
-                                        <a
-                                            href="advanced/scrollable.html">Scrollable</a>
-                                    </li>
-                                    <li><i class="wb-chevron-right-mini" aria-hidden="true"></i>
-                                        <a
-                                            href="uikit/typography.html">Typography</a>
-                                    </li>
-                                </ul>
-                            </li>
-                        </ul>
-                    </div>
-                    <div class="col-md-4">
-                        <h5>Media
-                            <span class="badge badge-pill badge-success">4</span>
-                        </h5>
-                        <ul class="blocks-3">
-                            <li>
-                                <a class="thumbnail m-0" href="javascript:void(0)">
-                                    <img class="w-full" src="../../global/photos/placeholder.png" alt="..." />
-                                </a>
-                            </li>
-                            <li>
-                                <a class="thumbnail m-0" href="javascript:void(0)">
-                                    <img class="w-full" src="../../global/photos/placeholder.png" alt="..." />
-                                </a>
-                            </li>
-                            <li>
-                                <a class="thumbnail m-0" href="javascript:void(0)">
-                                    <img class="w-full" src="../../global/photos/placeholder.png" alt="..." />
-                                </a>
-                            </li>
-                            <li>
-                                <a class="thumbnail m-0" href="javascript:void(0)">
-                                    <img class="w-full" src="../../global/photos/placeholder.png" alt="..." />
-                                </a>
-                            </li>
-                            <li>
-                                <a class="thumbnail m-0" href="javascript:void(0)">
-                                    <img class="w-full" src="../../global/photos/placeholder.png" alt="..." />
-                                </a>
-                            </li>
-                            <li>
-                                <a class="thumbnail m-0" href="javascript:void(0)">
-                                    <img class="w-full" src="../../global/photos/placeholder.png" alt="..." />
-                                </a>
-                            </li>
-                        </ul>
-                    </div>
-                    <div class="col-md-4">
-                        <h5 class="mb-0">Accordion</h5>
-                        <!-- Accordion -->
-                        <div class="panel-group panel-group-simple" id="siteMegaAccordion" aria-multiselectable="true"
-                             role="tablist">
-                            <div class="panel">
-                                <div class="panel-heading" id="siteMegaAccordionHeadingOne" role="tab">
-                                    <a class="panel-title" data-toggle="collapse" href="#siteMegaCollapseOne" data-parent="#siteMegaAccordion"
-                                       aria-expanded="false" aria-controls="siteMegaCollapseOne">
-                                        Collapsible Group Item #1
-                                    </a>
-                                </div>
-                                <div class="panel-collapse collapse" id="siteMegaCollapseOne" aria-labelledby="siteMegaAccordionHeadingOne"
-                                     role="tabpanel">
-                                    <div class="panel-body">
-                                        De moveat laudatur vestra parum doloribus labitur sentire partes, eripuit praesenti
-                                        congressus ostendit alienae, voluptati ornateque accusamus
-                                        clamat reperietur convicia albucius.
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="panel">
-                                <div class="panel-heading" id="siteMegaAccordionHeadingTwo" role="tab">
-                                    <a class="panel-title collapsed" data-toggle="collapse" href="#siteMegaCollapseTwo"
-                                       data-parent="#siteMegaAccordion" aria-expanded="false"
-                                       aria-controls="siteMegaCollapseTwo">
-                                        Collapsible Group Item #2
-                                    </a>
-                                </div>
-                                <div class="panel-collapse collapse" id="siteMegaCollapseTwo" aria-labelledby="siteMegaAccordionHeadingTwo"
-                                     role="tabpanel">
-                                    <div class="panel-body">
-                                        Praestabiliorem. Pellat excruciant legantur ullum leniter vacare foris voluptate
-                                        loco ignavi, credo videretur multoque choro fatemur mortis
-                                        animus adoptionem, bello statuat expediunt naturales.
-                                    </div>
-                                </div>
-                            </div>
-
-                            <div class="panel">
-                                <div class="panel-heading" id="siteMegaAccordionHeadingThree" role="tab">
-                                    <a class="panel-title collapsed" data-toggle="collapse" href="#siteMegaCollapseThree"
-                                       data-parent="#siteMegaAccordion" aria-expanded="false"
-                                       aria-controls="siteMegaCollapseThree">
-                                        Collapsible Group Item #3
-                                    </a>
-                                </div>
-                                <div class="panel-collapse collapse" id="siteMegaCollapseThree" aria-labelledby="siteMegaAccordionHeadingThree"
-                                     role="tabpanel">
-                                    <div class="panel-body">
-                                        Horum, antiquitate perciperet d conspectum locus obruamus animumque perspici probabis
-                                        suscipere. Desiderat magnum, contenta poena desiderant
-                                        concederetur menandri damna disputandum corporum.
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- End Accordion -->
-                    </div>
-                </div>
-            </div>
-        </div>
-    </li>
-</ul>
\ No newline at end of file
diff --git a/application/views/partials/_navbar-header.php b/application/views/partials/_navbar-header.php
deleted file mode 100644
index 6bb2097..0000000
--- a/application/views/partials/_navbar-header.php
+++ /dev/null
@@ -1,20 +0,0 @@
-<div class="navbar-header">
-    <button type="button" class="navbar-toggler hamburger hamburger-close navbar-toggler-left hided"
-            data-toggle="menubar">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="hamburger-bar"></span>
-    </button>
-    <button type="button" class="navbar-toggler collapsed" data-target="#site-navbar-collapse"
-            data-toggle="collapse">
-        <i class="icon wb-more-horizontal" aria-hidden="true"></i>
-    </button>
-    <div class="navbar-brand navbar-brand-center site-gridmenu-toggle" data-toggle="gridmenu">
-        <img class="navbar-brand-logo" src="../assets/images/logo.png" title="Remark">
-        <span class="navbar-brand-text hidden-xs-down"> Remark</span>
-    </div>
-    <button type="button" class="navbar-toggler collapsed" data-target="#site-navbar-search"
-            data-toggle="collapse">
-        <span class="sr-only">Toggle Search</span>
-        <i class="icon wb-search" aria-hidden="true"></i>
-    </button>
-</div>
\ No newline at end of file
diff --git a/application/views/partials/_navbar-left.php b/application/views/partials/_navbar-left.php
new file mode 100644
index 0000000..e170e7c
--- /dev/null
+++ b/application/views/partials/_navbar-left.php
@@ -0,0 +1,22 @@
+<div class="site-menubar">
+    <ul class="site-menu">
+        <!-- Menu Category-->
+        <li class="site-menu-category">Category</li>
+        <!-- End Menu Category-->
+
+        <!-- Site Menu Item-->
+        <li class="site-menu-item">
+            <a href="#">Item Name</a>
+        </li>
+        <!-- End Site Menu Item-->
+
+        <!-- Site Menu Item With Sub-->
+        <li class="site-menu-item has-sub">
+            <a href="#">Item Name</a>
+            <ul class="site-menu-sub">
+                <li>item - 1</li>
+                <li>item - 2</li>
+            </ul>
+        </li>
+    </ul>
+</div>
\ No newline at end of file
diff --git a/public/css/correction.css b/public/css/correction.css
new file mode 100644
index 0000000..c95986e
--- /dev/null
+++ b/public/css/correction.css
@@ -0,0 +1,6 @@
+body{
+    padding-top:0;
+}
+.site-menubar{
+    top:0;
+}
\ No newline at end of file