diff --git a/admin/templates/css/own.css b/admin/templates/css/own.css
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/admin/templates/css/own.css
@@ -0,0 +1 @@
+
diff --git a/admin/templates/footer.php b/admin/templates/footer.php
index 665045d..46d6005 100644
--- a/admin/templates/footer.php
+++ b/admin/templates/footer.php
@@ -11,58 +11,6 @@ $lang_json_admin_js_time = filemtime(PATH_WEB.'cache/lang_json_admin_'.$_M['lang
 <script src="{$url.static_new}js/basic_admin.js?{$basic_admin_js_time}"></script>
 <script src="{$url.site}cache/lang_json_admin_{$_M['langset']}.js?{$lang_json_admin_js_time}"></script>
 
-
-<!-- Core  -->
-<!--  <script src="http://ui.iqzhe.com/new/classic/global/vendor/babel-external-helpers/babel-external-helpers.js"></script>
-  <script src="http://ui.iqzhe.com/new/classic/global/vendor/jquery/jquery.js"></script>
-  <script src="http://ui.iqzhe.com/new/classic/global/vendor/popper-js/umd/popper.min.js"></script>
-  <script src="http://ui.iqzhe.com/new/classic/global/vendor/bootstrap/bootstrap.js"></script>
-  <script src="http://ui.iqzhe.com/new/classic/global/vendor/animsition/animsition.js"></script>
-  <script src="http://ui.iqzhe.com/new/classic/global/vendor/mousewheel/jquery.mousewheel.js"></script>
-  <script src="http://ui.iqzhe.com/new/classic/global/vendor/asscrollbar/jquery-asScrollbar.js"></script>
-  <script src="http://ui.iqzhe.com/new/classic/global/vendor/asscrollable/jquery-asScrollable.js"></script>
-  <script src="http://ui.iqzhe.com/new/classic/global/vendor/ashoverscroll/jquery-asHoverScroll.js"></script>
-
-   Plugins 
-  <script src="http://ui.iqzhe.com/new/classic/global/vendor/switchery/switchery.js"></script>
-  <script src="http://ui.iqzhe.com/new/classic/global/vendor/intro-js/intro.js"></script>
-  <script src="http://ui.iqzhe.com/new/classic/global/vendor/screenfull/screenfull.js"></script>
-  <script src="http://ui.iqzhe.com/new/classic/global/vendor/slidepanel/jquery-slidePanel.js"></script>
-
-   Scripts 
-  <script src="http://ui.iqzhe.com/new/classic/global/js/Component.js"></script>
-  <script src="http://ui.iqzhe.com/new/classic/global/js/Plugin.js"></script>
-  <script src="http://ui.iqzhe.com/new/classic/global/js/Base.js"></script>
-  <script src="http://ui.iqzhe.com/new/classic/global/js/Config.js"></script>
-
-  <script src="http://ui.iqzhe.com/new/classic/base/assets/js/Section/Menubar.js"></script>
-  <script src="http://ui.iqzhe.com/new/classic/base/assets/js/Section/GridMenu.js"></script>
-  <script src="http://ui.iqzhe.com/new/classic/base/assets/js/Section/Sidebar.js"></script>
-  <script src="http://ui.iqzhe.com/new/classic/base/assets/js/Section/PageAside.js"></script>
-  <script src="http://ui.iqzhe.com/new/classic/base/assets/js/Plugin/menu.js"></script>
-
-  <script src="http://ui.iqzhe.com/new/classic/global/js/config/colors.js"></script>
-  <script src="http://ui.iqzhe.com/new/classic/base/assets/js/config/tour.js"></script>
-  <script>Config.set('assets', '../assets');</script>
-
-   Page 
-  <script src="http://ui.iqzhe.com/new/classic/base/assets/js/Site.js"></script>
-  <script src="http://ui.iqzhe.com/new/classic/global/js/Plugin/asscrollable.js"></script>
-  <script src="http://ui.iqzhe.com/new/classic/global/js/Plugin/slidepanel.js"></script>
-  <script src="http://ui.iqzhe.com/new/classic/global/js/Plugin/switchery.js"></script>
-
-  <script>
-    (function (document, window, $) {
-      'use strict';
-
-      var Site = window.Site;
-      $(document).ready(function () {
-        Site.run();
-      });
-    })(document, window, jQuery);
-  </script>-->
-
-
-
+<script src="{$url.own_tem}js/own.js?{$timefilecache}"></script>
 
 </html>
\ No newline at end of file
diff --git a/admin/templates/header.php b/admin/templates/header.php
index c7eb0ba..74ca9df 100644
--- a/admin/templates/header.php
+++ b/admin/templates/header.php
@@ -7,9 +7,9 @@ $basic_admin_css_filemtime = filemtime(PATH_STATIC.'css/basic_admin.css');
 $met_title.='-'.$word['metinfo'];
 $synchronous=$_M['langlist']['admin'][$_M['langset']]['synchronous'];
 
-$html_class=$body_class='h-100';
-$html_class.=' met-admin';
-
+//$html_class=$body_class='h-100';
+//$html_class.=' met-admin';
+$timefilecache  = time();
 ?>
 <!DOCTYPE HTML>
 <html class="{$html_class}">
@@ -24,6 +24,8 @@ $html_class.=' met-admin';
 <meta name="generator" content="MetInfo {$c.metcms_v}" data-variable="{$url.site}|{$_M['lang']}|{$synchronous}|{$c.met_skin_user}||||">
 <link href="{$url.site}favicon.ico" rel="shortcut icon" type="image/x-icon">
 <link href="{$url.static_new}css/basic_admin.css?{$basic_admin_css_filemtime}" rel='stylesheet' type='text/css'>
+
+<link href="{$url.own_tem}css/own.css?{$timefilecache}" rel='stylesheet' type='text/css'>
 <!--['if lte IE 9']>
 <script src="{$url.static_new}js/lteie9.js"></script>
 <!['endif']-->
@@ -36,26 +38,4 @@ $html_class.=' met-admin';
     {$word.browserupdatetips}
 </div>
 <!['endif']-->
-
-  <!-- Stylesheets -->
-  <!--<link rel="stylesheet" href="http://ui.iqzhe.com/new/classic/global/css/bootstrap.min.css">-->
-<!--  <link rel="stylesheet" href="http://ui.iqzhe.com/new/classic/global/css/bootstrap-extend.min.css">
-  <link rel="stylesheet" href="http://ui.iqzhe.com/new/classic/base/assets/css/site.min.css">
-
-   Plugins 
-  <link rel="stylesheet" href="http://ui.iqzhe.com/new/classic/global/vendor/animsition/animsition.css">
-  <link rel="stylesheet" href="http://ui.iqzhe.com/new/classic/global/vendor/asscrollable/asScrollable.css">
-  <link rel="stylesheet" href="http://ui.iqzhe.com/new/classic/global/vendor/switchery/switchery.css">
-  <link rel="stylesheet" href="http://ui.iqzhe.com/new/classic/global/vendor/intro-js/introjs.css">
-  <link rel="stylesheet" href="http://ui.iqzhe.com/new/classic/global/vendor/slidepanel/slidePanel.css">
-  <link rel="stylesheet" href="http://ui.iqzhe.com/new/classic/global/vendor/flag-icon-css/flag-icon.css">
-
-   Fonts 
-  <link rel="stylesheet" href="http://ui.iqzhe.com/new/classic/global/fonts/web-icons/web-icons.min.css">
-  <link rel="stylesheet" href="http://ui.iqzhe.com/new/classic/global/fonts/brand-icons/brand-icons.min.css">
-  <link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Roboto:300,400,500,300italic'>
-<script src="http://ui.iqzhe.com/new/classic/global/vendor/breakpoints/breakpoints.js"></script>
-  <script>
-    Breakpoints();
-  </script>-->
 <body class="{$body_class}">
\ No newline at end of file
diff --git a/admin/templates/index--.php b/admin/templates/index--.php
deleted file mode 100644
index f975f9d..0000000
--- a/admin/templates/index--.php
+++ /dev/null
@@ -1,1490 +0,0 @@
-<?php
-defined('IN_MET') or exit('No permission');
-$met_title = $data['nav']['title'];
-?>
-<include file='app/header'/>
-
- <nav class="site-navbar navbar navbar-default navbar-fixed-top navbar-mega" role="navigation">
-
-    <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>
-
-    <div class="navbar-container container-fluid">
-      <!-- Navbar Collapse -->
-      <div class="collapse navbar-collapse navbar-collapse-toolbar" id="site-navbar-collapse">
-        <!-- Navbar Toolbar -->
-        <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>
-        <!-- End Navbar Toolbar -->
-
-        <!-- Navbar Toolbar Right -->
-        <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>
-        <!-- End Navbar Toolbar Right -->
-      </div>
-      <!-- End Navbar Collapse -->
-
-      <!-- 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>
-  <div class="site-menubar">
-    <ul class="site-menu">
-      <li class="site-menu-item has-sub">
-        <a href="javascript:void(0)">
-          <i class="site-menu-icon wb-dashboard" aria-hidden="true"></i>
-          <span class="site-menu-title">Dashboard</span>
-          <span class="site-menu-arrow"></span>
-        </a>
-        <ul class="site-menu-sub">
-          <li class="site-menu-item active">
-            <a class="animsition-link" href="index.html">
-              <span class="site-menu-title">Dashboard v1</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="dashboard/v2.html">
-              <span class="site-menu-title">Dashboard v2</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="dashboard/ecommerce.html">
-              <span class="site-menu-title">Ecommerce</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="dashboard/analytics.html">
-              <span class="site-menu-title">Analytics</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="dashboard/team.html">
-              <span class="site-menu-title">Team</span>
-            </a>
-          </li>
-        </ul>
-      </li>
-      <li class="site-menu-item has-sub">
-        <a href="javascript:void(0)">
-          <i class="site-menu-icon wb-layout" aria-hidden="true"></i>
-          <span class="site-menu-title">Layouts</span>
-          <span class="site-menu-arrow"></span>
-        </a>
-        <ul class="site-menu-sub">
-          <li class="site-menu-item">
-            <a class="animsition-link" href="layouts/menu-collapsed.html">
-              <span class="site-menu-title">Menu Collapsed</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="layouts/menu-expended.html">
-              <span class="site-menu-title">Menu Expended</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="layouts/grids.html">
-              <span class="site-menu-title">Grid Scaffolding</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="layouts/layout-grid.html">
-              <span class="site-menu-title">Layout Grid</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="layouts/headers.html">
-              <span class="site-menu-title">Different Headers</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="layouts/panel-transition.html">
-              <span class="site-menu-title">Panel Transition</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="layouts/boxed.html">
-              <span class="site-menu-title">Boxed Layout</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="layouts/two-columns.html">
-              <span class="site-menu-title">Two Columns</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="layouts/bordered-header.html">
-              <span class="site-menu-title">Bordered Header</span>
-            </a>
-          </li>
-          <li class="site-menu-item has-sub">
-            <a href="javascript:void(0)">
-              <span class="site-menu-title">Page Aside</span>
-              <div class="site-menu-label">
-                <span class="badge badge-danger badge-round mr-25">new</span>
-              </div>
-              <span class="site-menu-arrow"></span>
-            </a>
-            <ul class="site-menu-sub">
-              <li class="site-menu-item">
-                <a class="animsition-link" href="layouts/aside-left-static.html">
-                  <span class="site-menu-title">Left Static</span>
-                </a>
-              </li>
-              <li class="site-menu-item">
-                <a class="animsition-link" href="layouts/aside-right-static.html">
-                  <span class="site-menu-title">Right Static</span>
-                </a>
-              </li>
-              <li class="site-menu-item">
-                <a class="animsition-link" href="layouts/aside-left-fixed.html">
-                  <span class="site-menu-title">Left Fixed</span>
-                </a>
-              </li>
-              <li class="site-menu-item">
-                <a class="animsition-link" href="layouts/aside-right-fixed.html">
-                  <span class="site-menu-title">Right Fixed</span>
-                </a>
-              </li>
-            </ul>
-          </li>
-        </ul>
-      </li>
-      <li class="site-menu-item has-sub">
-        <a href="javascript:void(0)">
-          <i class="site-menu-icon wb-file" aria-hidden="true"></i>
-          <span class="site-menu-title">Pages</span>
-          <span class="site-menu-arrow"></span>
-        </a>
-        <ul class="site-menu-sub">
-          <li class="site-menu-item has-sub">
-            <a href="javascript:void(0)">
-              <span class="site-menu-title">Errors</span>
-              <span class="site-menu-arrow"></span>
-            </a>
-            <ul class="site-menu-sub">
-              <li class="site-menu-item">
-                <a class="animsition-link" href="pages/error-400.html">
-                  <span class="site-menu-title">400 Bad Request</span>
-                </a>
-              </li>
-              <li class="site-menu-item">
-                <a class="animsition-link" href="pages/error-403.html">
-                  <span class="site-menu-title">403 Forbidden</span>
-                </a>
-              </li>
-              <li class="site-menu-item">
-                <a class="animsition-link" href="pages/error-404.html">
-                  <span class="site-menu-title">404 Not Found</span>
-                </a>
-              </li>
-              <li class="site-menu-item">
-                <a class="animsition-link" href="pages/error-500.html">
-                  <span class="site-menu-title">500 Internal Server Error</span>
-                </a>
-              </li>
-              <li class="site-menu-item">
-                <a class="animsition-link" href="pages/error-503.html">
-                  <span class="site-menu-title">503 Service Unavailable</span>
-                </a>
-              </li>
-            </ul>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="pages/faq.html">
-              <span class="site-menu-title">FAQ</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="pages/gallery.html">
-              <span class="site-menu-title">Gallery</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="pages/gallery-grid.html">
-              <span class="site-menu-title">Gallery Grid</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="pages/search-result.html">
-              <span class="site-menu-title">Search Result</span>
-            </a>
-          </li>
-          <li class="site-menu-item has-sub">
-            <a href="javascript:void(0)">
-              <span class="site-menu-title">Maps</span>
-              <span class="site-menu-arrow"></span>
-            </a>
-            <ul class="site-menu-sub">
-              <li class="site-menu-item">
-                <a class="animsition-link" href="pages/map-google.html">
-                  <span class="site-menu-title">Google Maps</span>
-                </a>
-              </li>
-              <li class="site-menu-item">
-                <a class="animsition-link" href="pages/map-vector.html">
-                  <span class="site-menu-title">Vector Maps</span>
-                </a>
-              </li>
-            </ul>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="pages/maintenance.html">
-              <span class="site-menu-title">Maintenance</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="pages/forgot-password.html">
-              <span class="site-menu-title">Forgot Password</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="pages/lockscreen.html">
-              <span class="site-menu-title">Lockscreen</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="pages/login.html">
-              <span class="site-menu-title">Login</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="pages/register.html">
-              <span class="site-menu-title">Register</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="pages/login-v2.html">
-              <span class="site-menu-title">Login V2</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="pages/register-v2.html">
-              <span class="site-menu-title">Register V2</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="pages/login-v3.html">
-              <span class="site-menu-title">Login V3</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="pages/register-v3.html">
-              <span class="site-menu-title">Register V3</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="pages/user.html">
-              <span class="site-menu-title">User List</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="pages/invoice.html">
-              <span class="site-menu-title">Invoice</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="pages/blank.html">
-              <span class="site-menu-title">Blank Page</span>
-            </a>
-          </li>
-          <li class="site-menu-item has-sub">
-            <a href="javascript:void(0)">
-              <span class="site-menu-title">Email</span>
-              <span class="site-menu-arrow"></span>
-            </a>
-            <ul class="site-menu-sub">
-              <li class="site-menu-item">
-                <a class="animsition-link" href="pages/email-articles.html">
-                  <span class="site-menu-title">Articles</span>
-                </a>
-              </li>
-              <li class="site-menu-item">
-                <a class="animsition-link" href="pages/email-welcome.html">
-                  <span class="site-menu-title">Welcome</span>
-                </a>
-              </li>
-              <li class="site-menu-item">
-                <a class="animsition-link" href="pages/email-post.html">
-                  <span class="site-menu-title">Post</span>
-                </a>
-              </li>
-              <li class="site-menu-item">
-                <a class="animsition-link" href="pages/email-thumbnail.html">
-                  <span class="site-menu-title">Thumbnail</span>
-                </a>
-              </li>
-              <li class="site-menu-item">
-                <a class="animsition-link" href="pages/email-news.html">
-                  <span class="site-menu-title">News</span>
-                </a>
-              </li>
-            </ul>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="pages/code-editor.html">
-              <span class="site-menu-title">Code Editor</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="pages/profile.html">
-              <span class="site-menu-title">Profile</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="pages/profile-v2.html">
-              <span class="site-menu-title">Profile V2</span>
-              <div class="site-menu-label">
-                <span class="badge badge-info badge-round">new</span>
-              </div>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="pages/profile-v3.html">
-              <span class="site-menu-title">Profile V3</span>
-              <div class="site-menu-label">
-                <span class="badge badge-info badge-round">new</span>
-              </div>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="pages/site-map.html">
-              <span class="site-menu-title">Sitemap</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="pages/project.html">
-              <span class="site-menu-title">Project</span>
-              <div class="site-menu-label">
-                <span class="badge badge-info badge-round">new</span>
-              </div>
-            </a>
-          </li>
-        </ul>
-      </li>
-      <li class="site-menu-item has-sub">
-        <a href="javascript:void(0)">
-          <i class="site-menu-icon wb-bookmark" aria-hidden="true"></i>
-          <span class="site-menu-title">Basic UI</span>
-          <span class="site-menu-arrow"></span>
-        </a>
-        <ul class="site-menu-sub">
-          <li class="site-menu-item has-sub">
-            <a href="javascript:void(0)">
-              <span class="site-menu-title">Panel</span>
-              <span class="site-menu-arrow"></span>
-            </a>
-            <ul class="site-menu-sub">
-              <li class="site-menu-item">
-                <a class="animsition-link" href="uikit/panel-structure.html">
-                  <span class="site-menu-title">Panel Structure</span>
-                </a>
-              </li>
-              <li class="site-menu-item">
-                <a class="animsition-link" href="uikit/panel-actions.html">
-                  <span class="site-menu-title">Panel Actions</span>
-                </a>
-              </li>
-              <li class="site-menu-item">
-                <a class="animsition-link" href="uikit/panel-portlets.html">
-                  <span class="site-menu-title">Panel Portlets</span>
-                </a>
-              </li>
-            </ul>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="uikit/buttons.html">
-              <span class="site-menu-title">Buttons</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="uikit/cards.html">
-              <span class="site-menu-title">Cards</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="uikit/dropdowns.html">
-              <span class="site-menu-title">Dropdowns</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="uikit/icons.html">
-              <span class="site-menu-title">Icons</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="uikit/list.html">
-              <span class="site-menu-title">List</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="uikit/tooltip-popover.html">
-              <span class="site-menu-title">Tooltip &amp; Popover</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="uikit/modals.html">
-              <span class="site-menu-title">Modals</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="uikit/tabs-accordions.html">
-              <span class="site-menu-title">Tabs &amp; Accordions</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="uikit/images.html">
-              <span class="site-menu-title">Images</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="uikit/badges.html">
-              <span class="site-menu-title">Badges</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="uikit/progress-bars.html">
-              <span class="site-menu-title">Progress Bars</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="uikit/carousel.html">
-              <span class="site-menu-title">Carousel</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="uikit/typography.html">
-              <span class="site-menu-title">Typography</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="uikit/colors.html">
-              <span class="site-menu-title">Colors</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="uikit/utilities.html">
-              <span class="site-menu-title">Utilties</span>
-            </a>
-          </li>
-        </ul>
-      </li>
-      <li class="site-menu-item has-sub">
-        <a href="javascript:void(0)">
-          <i class="site-menu-icon wb-hammer" aria-hidden="true"></i>
-          <span class="site-menu-title">Advanced UI</span>
-          <span class="site-menu-arrow"></span>
-        </a>
-        <ul class="site-menu-sub">
-          <li class="site-menu-item hidden-sm-down site-tour-trigger">
-            <a href="javascript:void(0)">
-              <span class="site-menu-title">Tour</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="advanced/animation.html">
-              <span class="site-menu-title">Animation</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="advanced/highlight.html">
-              <span class="site-menu-title">Highlight</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="advanced/lightbox.html">
-              <span class="site-menu-title">Lightbox</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="advanced/scrollable.html">
-              <span class="site-menu-title">Scrollable</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="advanced/rating.html">
-              <span class="site-menu-title">Rating</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="advanced/context-menu.html">
-              <span class="site-menu-title">Context Menu</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="advanced/alertify.html">
-              <span class="site-menu-title">Alertify</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="advanced/masonry.html">
-              <span class="site-menu-title">Masonry</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="advanced/treeview.html">
-              <span class="site-menu-title">Treeview</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="advanced/toastr.html">
-              <span class="site-menu-title">Toastr</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="advanced/maps-vector.html">
-              <span class="site-menu-title">Vector Maps</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="advanced/maps-google.html">
-              <span class="site-menu-title">Google Maps</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="advanced/sortable-nestable.html">
-              <span class="site-menu-title">Sortable &amp; Nestable</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="advanced/bootbox-sweetalert.html">
-              <span class="site-menu-title">Bootbox &amp; Sweetalert</span>
-            </a>
-          </li>
-        </ul>
-      </li>
-      <li class="site-menu-item has-sub">
-        <a href="javascript:void(0)">
-          <i class="site-menu-icon wb-plugin" aria-hidden="true"></i>
-          <span class="site-menu-title">Structure</span>
-          <span class="site-menu-arrow"></span>
-        </a>
-        <ul class="site-menu-sub">
-          <li class="site-menu-item">
-            <a class="animsition-link" href="structure/alerts.html">
-              <span class="site-menu-title">Alerts</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="structure/ribbon.html">
-              <span class="site-menu-title">Ribbon</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="structure/pricing-tables.html">
-              <span class="site-menu-title">Pricing Tables</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="structure/overlay.html">
-              <span class="site-menu-title">Overlay</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="structure/cover.html">
-              <span class="site-menu-title">Cover</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="structure/timeline-simple.html">
-              <span class="site-menu-title">Simple Timeline</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="structure/timeline.html">
-              <span class="site-menu-title">Timeline</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="structure/step.html">
-              <span class="site-menu-title">Step</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="structure/comments.html">
-              <span class="site-menu-title">Comments</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="structure/media.html">
-              <span class="site-menu-title">Media</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="structure/chat.html">
-              <span class="site-menu-title">Chat</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="structure/testimonials.html">
-              <span class="site-menu-title">Testimonials</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="structure/nav.html">
-              <span class="site-menu-title">Nav</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="structure/navbars.html">
-              <span class="site-menu-title">Navbars</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="structure/blockquotes.html">
-              <span class="site-menu-title">Blockquotes</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="structure/pagination.html">
-              <span class="site-menu-title">Pagination</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="structure/breadcrumbs.html">
-              <span class="site-menu-title">Breadcrumbs</span>
-            </a>
-          </li>
-        </ul>
-      </li>
-      <li class="site-menu-item has-sub">
-        <a href="javascript:void(0)">
-          <i class="site-menu-icon wb-extension" aria-hidden="true"></i>
-          <span class="site-menu-title">Widgets</span>
-          <span class="site-menu-arrow"></span>
-        </a>
-        <ul class="site-menu-sub">
-          <li class="site-menu-item">
-            <a class="animsition-link" href="widgets/statistics.html">
-              <span class="site-menu-title">Statistics Widgets</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="widgets/data.html">
-              <span class="site-menu-title">Data Widgets</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="widgets/blog.html">
-              <span class="site-menu-title">Blog Widgets</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="widgets/chart.html">
-              <span class="site-menu-title">Chart Widgets</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="widgets/social.html">
-              <span class="site-menu-title">Social Widgets</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="widgets/weather.html">
-              <span class="site-menu-title">Weather Widgets</span>
-            </a>
-          </li>
-        </ul>
-      </li>
-      <li class="site-menu-item has-sub">
-        <a href="javascript:void(0)">
-          <i class="site-menu-icon wb-library" aria-hidden="true"></i>
-          <span class="site-menu-title">Forms</span>
-          <span class="site-menu-arrow"></span>
-        </a>
-        <ul class="site-menu-sub">
-          <li class="site-menu-item">
-            <a class="animsition-link" href="forms/general.html">
-              <span class="site-menu-title">General Elements</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="forms/material.html">
-              <span class="site-menu-title">Material Elements</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="forms/advanced.html">
-              <span class="site-menu-title">Advanced Elements</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="forms/layouts.html">
-              <span class="site-menu-title">Form Layouts</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="forms/wizard.html">
-              <span class="site-menu-title">Form Wizard</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="forms/validation.html">
-              <span class="site-menu-title">Form Validation</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="forms/masks.html">
-              <span class="site-menu-title">Form Masks</span>
-            </a>
-          </li>
-          <li class="site-menu-item has-sub">
-            <a href="javascript:void(0)">
-              <span class="site-menu-title">Editors</span>
-              <span class="site-menu-arrow"></span>
-            </a>
-            <ul class="site-menu-sub">
-              <li class="site-menu-item">
-                <a class="animsition-link" href="forms/editor-summernote.html">
-                  <span class="site-menu-title">Summernote</span>
-                </a>
-              </li>
-              <li class="site-menu-item">
-                <a class="animsition-link" href="forms/editor-markdown.html">
-                  <span class="site-menu-title">Markdown</span>
-                </a>
-              </li>
-              <li class="site-menu-item">
-                <a class="animsition-link" href="forms/editor-ace.html">
-                  <span class="site-menu-title">Ace Editor</span>
-                </a>
-              </li>
-            </ul>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="forms/image-cropping.html">
-              <span class="site-menu-title">Image Cropping</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="forms/file-uploads.html">
-              <span class="site-menu-title">File Uploads</span>
-            </a>
-          </li>
-        </ul>
-      </li>
-      <li class="site-menu-item has-sub">
-        <a href="javascript:void(0)">
-          <i class="site-menu-icon wb-table" aria-hidden="true"></i>
-          <span class="site-menu-title">Tables</span>
-          <span class="site-menu-arrow"></span>
-        </a>
-        <ul class="site-menu-sub">
-          <li class="site-menu-item">
-            <a class="animsition-link" href="tables/basic.html">
-              <span class="site-menu-title">Basic Tables</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="tables/bootstrap.html">
-              <span class="site-menu-title">Bootstrap Tables</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="tables/floatthead.html">
-              <span class="site-menu-title">floatThead</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="tables/responsive.html">
-              <span class="site-menu-title">Responsive Tables</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="tables/editable.html">
-              <span class="site-menu-title">Editable Tables</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="tables/jsgrid.html">
-              <span class="site-menu-title">jsGrid</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="tables/footable.html">
-              <span class="site-menu-title">FooTable</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="tables/datatable.html">
-              <span class="site-menu-title">DataTables</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="tables/jqtabledit.html">
-              <span class="site-menu-title">Jquery Tabledit</span>
-              <div class="site-menu-label">
-                <span class="badge badge badge-info badge-round">new</span>
-              </div>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="tables/table-dragger.html">
-              <span class="site-menu-title">Table Dragger</span>
-              <div class="site-menu-label">
-                <span class="badge badge badge-warning badge-round">new</span>
-              </div>
-            </a>
-          </li>
-        </ul>
-      </li>
-      <li class="site-menu-item has-sub">
-        <a href="javascript:void(0)">
-          <i class="site-menu-icon wb-pie-chart" aria-hidden="true"></i>
-          <span class="site-menu-title">Chart</span>
-          <span class="site-menu-arrow"></span>
-        </a>
-        <ul class="site-menu-sub">
-          <li class="site-menu-item">
-            <a class="animsition-link" href="charts/chartjs.html">
-              <span class="site-menu-title">Chart.js</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="charts/gauges.html">
-              <span class="site-menu-title">Gauges</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="charts/flot.html">
-              <span class="site-menu-title">Flot</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="charts/peity.html">
-              <span class="site-menu-title">Peity</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="charts/sparkline.html">
-              <span class="site-menu-title">Sparkline</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="charts/morris.html">
-              <span class="site-menu-title">Morris</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="charts/chartist.html">
-              <span class="site-menu-title">Chartist.js</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="charts/rickshaw.html">
-              <span class="site-menu-title">Rickshaw</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="charts/pie-progress.html">
-              <span class="site-menu-title">Pie Progress</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="charts/c3.html">
-              <span class="site-menu-title">C3</span>
-            </a>
-          </li>
-        </ul>
-      </li>
-      <li class="site-menu-item has-sub">
-        <a href="javascript:void(0)">
-          <i class="site-menu-icon wb-grid-4" aria-hidden="true"></i>
-          <span class="site-menu-title">Apps</span>
-          <span class="site-menu-arrow"></span>
-        </a>
-        <ul class="site-menu-sub">
-          <li class="site-menu-item">
-            <a class="animsition-link" href="apps/contacts/contacts.html">
-              <span class="site-menu-title">Contacts</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="apps/calendar/calendar.html">
-              <span class="site-menu-title">Calendar</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="apps/notebook/notebook.html">
-              <span class="site-menu-title">Notebook</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="apps/taskboard/taskboard.html">
-              <span class="site-menu-title">Taskboard</span>
-            </a>
-          </li>
-          <li class="site-menu-item has-sub">
-            <a href="javascript:void(0)">
-              <span class="site-menu-title">Documents</span>
-              <span class="site-menu-arrow"></span>
-            </a>
-            <ul class="site-menu-sub">
-              <li class="site-menu-item">
-                <a class="animsition-link" href="apps/documents/articles.html">
-                  <span class="site-menu-title">Articles</span>
-                </a>
-              </li>
-              <li class="site-menu-item">
-                <a class="animsition-link" href="apps/documents/categories.html">
-                  <span class="site-menu-title">Categories</span>
-                </a>
-              </li>
-              <li class="site-menu-item">
-                <a class="animsition-link" href="apps/documents/article.html">
-                  <span class="site-menu-title">Article</span>
-                </a>
-              </li>
-            </ul>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="apps/forum/forum.html">
-              <span class="site-menu-title">Forum</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="apps/message/message.html">
-              <span class="site-menu-title">Message</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="apps/projects/projects.html">
-              <span class="site-menu-title">Projects</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="apps/mailbox/mailbox.html">
-              <span class="site-menu-title">Mailbox</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="apps/media/overview.html">
-              <span class="site-menu-title">Media</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="apps/work/work.html">
-              <span class="site-menu-title">Work</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="apps/location/location.html">
-              <span class="site-menu-title">Location</span>
-            </a>
-          </li>
-          <li class="site-menu-item">
-            <a class="animsition-link" href="apps/travel/travel.html">
-              <span class="site-menu-title">Travel</span>
-              <div class="site-menu-label">
-                <span class="badge badge-info badge-round">new</span>
-              </div>
-            </a>
-          </li>
-        </ul>
-      </li>
-    </ul>
-  </div>
-  <div class="site-gridmenu">
-    <div>
-      <div>
-        <ul>
-          <li>
-            <a href="apps/mailbox/mailbox.html">
-              <i class="icon wb-envelope"></i>
-              <span>Mailbox</span>
-            </a>
-          </li>
-          <li>
-            <a href="apps/calendar/calendar.html">
-              <i class="icon wb-calendar"></i>
-              <span>Calendar</span>
-            </a>
-          </li>
-          <li>
-            <a href="apps/contacts/contacts.html">
-              <i class="icon wb-user"></i>
-              <span>Contacts</span>
-            </a>
-          </li>
-          <li>
-            <a href="apps/media/overview.html">
-              <i class="icon wb-camera"></i>
-              <span>Media</span>
-            </a>
-          </li>
-          <li>
-            <a href="apps/documents/categories.html">
-              <i class="icon wb-order"></i>
-              <span>Documents</span>
-            </a>
-          </li>
-          <li>
-            <a href="apps/projects/projects.html">
-              <i class="icon wb-image"></i>
-              <span>Project</span>
-            </a>
-          </li>
-          <li>
-            <a href="apps/forum/forum.html">
-              <i class="icon wb-chat-group"></i>
-              <span>Forum</span>
-            </a>
-          </li>
-          <li>
-            <a href="index.html">
-              <i class="icon wb-dashboard"></i>
-              <span>Dashboard</span>
-            </a>
-          </li>
-        </ul>
-      </div>
-    </div>
-  </div>
-
-
-<div class="page">
-    <div class="page-content container-fluid">
-      
-    </div>
-</div>
-
-
-<footer class="site-footer">
-    <div class="site-footer-legal">© 2018 <a
-        href="http://themeforest.net/item/remark-responsive-bootstrap-admin-template/11989202">Remark</a></div>
-    <div class="site-footer-right">
-      Crafted with <i class="red-600 wb wb-heart"></i> by <a
-        href="https://themeforest.net/user/creation-studio">Creation Studio</a>
-    </div>
-  </footer>
-
-<include file='app/footer'/>
-
-<?PHP
-// 查看执行过程
-//var_dump(debug_backtrace());
-// 查看文件加载过程
-//var_dump(get_included_files());
\ No newline at end of file
diff --git a/admin/templates/index--0.php b/admin/templates/index--0.php
new file mode 100644
index 0000000..393359e
--- /dev/null
+++ b/admin/templates/index--0.php
@@ -0,0 +1,13 @@
+<?php
+defined('IN_MET') or exit('No permission');
+$met_title = $data['nav']['title'];
+?>
+<include file='app/header'/>
+1212
+<include file='app/footer'/>
+
+<?PHP
+// 查看执行过程
+//var_dump(debug_backtrace());
+// 查看文件加载过程
+//var_dump(get_included_files());
\ No newline at end of file
diff --git a/admin/templates/index.php b/admin/templates/index.php
index 393359e..f975f9d 100644
--- a/admin/templates/index.php
+++ b/admin/templates/index.php
@@ -3,7 +3,1484 @@ defined('IN_MET') or exit('No permission');
 $met_title = $data['nav']['title'];
 ?>
 <include file='app/header'/>
-1212
+
+ <nav class="site-navbar navbar navbar-default navbar-fixed-top navbar-mega" role="navigation">
+
+    <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>
+
+    <div class="navbar-container container-fluid">
+      <!-- Navbar Collapse -->
+      <div class="collapse navbar-collapse navbar-collapse-toolbar" id="site-navbar-collapse">
+        <!-- Navbar Toolbar -->
+        <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>
+        <!-- End Navbar Toolbar -->
+
+        <!-- Navbar Toolbar Right -->
+        <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>
+        <!-- End Navbar Toolbar Right -->
+      </div>
+      <!-- End Navbar Collapse -->
+
+      <!-- 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>
+  <div class="site-menubar">
+    <ul class="site-menu">
+      <li class="site-menu-item has-sub">
+        <a href="javascript:void(0)">
+          <i class="site-menu-icon wb-dashboard" aria-hidden="true"></i>
+          <span class="site-menu-title">Dashboard</span>
+          <span class="site-menu-arrow"></span>
+        </a>
+        <ul class="site-menu-sub">
+          <li class="site-menu-item active">
+            <a class="animsition-link" href="index.html">
+              <span class="site-menu-title">Dashboard v1</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="dashboard/v2.html">
+              <span class="site-menu-title">Dashboard v2</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="dashboard/ecommerce.html">
+              <span class="site-menu-title">Ecommerce</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="dashboard/analytics.html">
+              <span class="site-menu-title">Analytics</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="dashboard/team.html">
+              <span class="site-menu-title">Team</span>
+            </a>
+          </li>
+        </ul>
+      </li>
+      <li class="site-menu-item has-sub">
+        <a href="javascript:void(0)">
+          <i class="site-menu-icon wb-layout" aria-hidden="true"></i>
+          <span class="site-menu-title">Layouts</span>
+          <span class="site-menu-arrow"></span>
+        </a>
+        <ul class="site-menu-sub">
+          <li class="site-menu-item">
+            <a class="animsition-link" href="layouts/menu-collapsed.html">
+              <span class="site-menu-title">Menu Collapsed</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="layouts/menu-expended.html">
+              <span class="site-menu-title">Menu Expended</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="layouts/grids.html">
+              <span class="site-menu-title">Grid Scaffolding</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="layouts/layout-grid.html">
+              <span class="site-menu-title">Layout Grid</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="layouts/headers.html">
+              <span class="site-menu-title">Different Headers</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="layouts/panel-transition.html">
+              <span class="site-menu-title">Panel Transition</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="layouts/boxed.html">
+              <span class="site-menu-title">Boxed Layout</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="layouts/two-columns.html">
+              <span class="site-menu-title">Two Columns</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="layouts/bordered-header.html">
+              <span class="site-menu-title">Bordered Header</span>
+            </a>
+          </li>
+          <li class="site-menu-item has-sub">
+            <a href="javascript:void(0)">
+              <span class="site-menu-title">Page Aside</span>
+              <div class="site-menu-label">
+                <span class="badge badge-danger badge-round mr-25">new</span>
+              </div>
+              <span class="site-menu-arrow"></span>
+            </a>
+            <ul class="site-menu-sub">
+              <li class="site-menu-item">
+                <a class="animsition-link" href="layouts/aside-left-static.html">
+                  <span class="site-menu-title">Left Static</span>
+                </a>
+              </li>
+              <li class="site-menu-item">
+                <a class="animsition-link" href="layouts/aside-right-static.html">
+                  <span class="site-menu-title">Right Static</span>
+                </a>
+              </li>
+              <li class="site-menu-item">
+                <a class="animsition-link" href="layouts/aside-left-fixed.html">
+                  <span class="site-menu-title">Left Fixed</span>
+                </a>
+              </li>
+              <li class="site-menu-item">
+                <a class="animsition-link" href="layouts/aside-right-fixed.html">
+                  <span class="site-menu-title">Right Fixed</span>
+                </a>
+              </li>
+            </ul>
+          </li>
+        </ul>
+      </li>
+      <li class="site-menu-item has-sub">
+        <a href="javascript:void(0)">
+          <i class="site-menu-icon wb-file" aria-hidden="true"></i>
+          <span class="site-menu-title">Pages</span>
+          <span class="site-menu-arrow"></span>
+        </a>
+        <ul class="site-menu-sub">
+          <li class="site-menu-item has-sub">
+            <a href="javascript:void(0)">
+              <span class="site-menu-title">Errors</span>
+              <span class="site-menu-arrow"></span>
+            </a>
+            <ul class="site-menu-sub">
+              <li class="site-menu-item">
+                <a class="animsition-link" href="pages/error-400.html">
+                  <span class="site-menu-title">400 Bad Request</span>
+                </a>
+              </li>
+              <li class="site-menu-item">
+                <a class="animsition-link" href="pages/error-403.html">
+                  <span class="site-menu-title">403 Forbidden</span>
+                </a>
+              </li>
+              <li class="site-menu-item">
+                <a class="animsition-link" href="pages/error-404.html">
+                  <span class="site-menu-title">404 Not Found</span>
+                </a>
+              </li>
+              <li class="site-menu-item">
+                <a class="animsition-link" href="pages/error-500.html">
+                  <span class="site-menu-title">500 Internal Server Error</span>
+                </a>
+              </li>
+              <li class="site-menu-item">
+                <a class="animsition-link" href="pages/error-503.html">
+                  <span class="site-menu-title">503 Service Unavailable</span>
+                </a>
+              </li>
+            </ul>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="pages/faq.html">
+              <span class="site-menu-title">FAQ</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="pages/gallery.html">
+              <span class="site-menu-title">Gallery</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="pages/gallery-grid.html">
+              <span class="site-menu-title">Gallery Grid</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="pages/search-result.html">
+              <span class="site-menu-title">Search Result</span>
+            </a>
+          </li>
+          <li class="site-menu-item has-sub">
+            <a href="javascript:void(0)">
+              <span class="site-menu-title">Maps</span>
+              <span class="site-menu-arrow"></span>
+            </a>
+            <ul class="site-menu-sub">
+              <li class="site-menu-item">
+                <a class="animsition-link" href="pages/map-google.html">
+                  <span class="site-menu-title">Google Maps</span>
+                </a>
+              </li>
+              <li class="site-menu-item">
+                <a class="animsition-link" href="pages/map-vector.html">
+                  <span class="site-menu-title">Vector Maps</span>
+                </a>
+              </li>
+            </ul>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="pages/maintenance.html">
+              <span class="site-menu-title">Maintenance</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="pages/forgot-password.html">
+              <span class="site-menu-title">Forgot Password</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="pages/lockscreen.html">
+              <span class="site-menu-title">Lockscreen</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="pages/login.html">
+              <span class="site-menu-title">Login</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="pages/register.html">
+              <span class="site-menu-title">Register</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="pages/login-v2.html">
+              <span class="site-menu-title">Login V2</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="pages/register-v2.html">
+              <span class="site-menu-title">Register V2</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="pages/login-v3.html">
+              <span class="site-menu-title">Login V3</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="pages/register-v3.html">
+              <span class="site-menu-title">Register V3</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="pages/user.html">
+              <span class="site-menu-title">User List</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="pages/invoice.html">
+              <span class="site-menu-title">Invoice</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="pages/blank.html">
+              <span class="site-menu-title">Blank Page</span>
+            </a>
+          </li>
+          <li class="site-menu-item has-sub">
+            <a href="javascript:void(0)">
+              <span class="site-menu-title">Email</span>
+              <span class="site-menu-arrow"></span>
+            </a>
+            <ul class="site-menu-sub">
+              <li class="site-menu-item">
+                <a class="animsition-link" href="pages/email-articles.html">
+                  <span class="site-menu-title">Articles</span>
+                </a>
+              </li>
+              <li class="site-menu-item">
+                <a class="animsition-link" href="pages/email-welcome.html">
+                  <span class="site-menu-title">Welcome</span>
+                </a>
+              </li>
+              <li class="site-menu-item">
+                <a class="animsition-link" href="pages/email-post.html">
+                  <span class="site-menu-title">Post</span>
+                </a>
+              </li>
+              <li class="site-menu-item">
+                <a class="animsition-link" href="pages/email-thumbnail.html">
+                  <span class="site-menu-title">Thumbnail</span>
+                </a>
+              </li>
+              <li class="site-menu-item">
+                <a class="animsition-link" href="pages/email-news.html">
+                  <span class="site-menu-title">News</span>
+                </a>
+              </li>
+            </ul>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="pages/code-editor.html">
+              <span class="site-menu-title">Code Editor</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="pages/profile.html">
+              <span class="site-menu-title">Profile</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="pages/profile-v2.html">
+              <span class="site-menu-title">Profile V2</span>
+              <div class="site-menu-label">
+                <span class="badge badge-info badge-round">new</span>
+              </div>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="pages/profile-v3.html">
+              <span class="site-menu-title">Profile V3</span>
+              <div class="site-menu-label">
+                <span class="badge badge-info badge-round">new</span>
+              </div>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="pages/site-map.html">
+              <span class="site-menu-title">Sitemap</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="pages/project.html">
+              <span class="site-menu-title">Project</span>
+              <div class="site-menu-label">
+                <span class="badge badge-info badge-round">new</span>
+              </div>
+            </a>
+          </li>
+        </ul>
+      </li>
+      <li class="site-menu-item has-sub">
+        <a href="javascript:void(0)">
+          <i class="site-menu-icon wb-bookmark" aria-hidden="true"></i>
+          <span class="site-menu-title">Basic UI</span>
+          <span class="site-menu-arrow"></span>
+        </a>
+        <ul class="site-menu-sub">
+          <li class="site-menu-item has-sub">
+            <a href="javascript:void(0)">
+              <span class="site-menu-title">Panel</span>
+              <span class="site-menu-arrow"></span>
+            </a>
+            <ul class="site-menu-sub">
+              <li class="site-menu-item">
+                <a class="animsition-link" href="uikit/panel-structure.html">
+                  <span class="site-menu-title">Panel Structure</span>
+                </a>
+              </li>
+              <li class="site-menu-item">
+                <a class="animsition-link" href="uikit/panel-actions.html">
+                  <span class="site-menu-title">Panel Actions</span>
+                </a>
+              </li>
+              <li class="site-menu-item">
+                <a class="animsition-link" href="uikit/panel-portlets.html">
+                  <span class="site-menu-title">Panel Portlets</span>
+                </a>
+              </li>
+            </ul>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="uikit/buttons.html">
+              <span class="site-menu-title">Buttons</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="uikit/cards.html">
+              <span class="site-menu-title">Cards</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="uikit/dropdowns.html">
+              <span class="site-menu-title">Dropdowns</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="uikit/icons.html">
+              <span class="site-menu-title">Icons</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="uikit/list.html">
+              <span class="site-menu-title">List</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="uikit/tooltip-popover.html">
+              <span class="site-menu-title">Tooltip &amp; Popover</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="uikit/modals.html">
+              <span class="site-menu-title">Modals</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="uikit/tabs-accordions.html">
+              <span class="site-menu-title">Tabs &amp; Accordions</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="uikit/images.html">
+              <span class="site-menu-title">Images</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="uikit/badges.html">
+              <span class="site-menu-title">Badges</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="uikit/progress-bars.html">
+              <span class="site-menu-title">Progress Bars</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="uikit/carousel.html">
+              <span class="site-menu-title">Carousel</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="uikit/typography.html">
+              <span class="site-menu-title">Typography</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="uikit/colors.html">
+              <span class="site-menu-title">Colors</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="uikit/utilities.html">
+              <span class="site-menu-title">Utilties</span>
+            </a>
+          </li>
+        </ul>
+      </li>
+      <li class="site-menu-item has-sub">
+        <a href="javascript:void(0)">
+          <i class="site-menu-icon wb-hammer" aria-hidden="true"></i>
+          <span class="site-menu-title">Advanced UI</span>
+          <span class="site-menu-arrow"></span>
+        </a>
+        <ul class="site-menu-sub">
+          <li class="site-menu-item hidden-sm-down site-tour-trigger">
+            <a href="javascript:void(0)">
+              <span class="site-menu-title">Tour</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="advanced/animation.html">
+              <span class="site-menu-title">Animation</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="advanced/highlight.html">
+              <span class="site-menu-title">Highlight</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="advanced/lightbox.html">
+              <span class="site-menu-title">Lightbox</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="advanced/scrollable.html">
+              <span class="site-menu-title">Scrollable</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="advanced/rating.html">
+              <span class="site-menu-title">Rating</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="advanced/context-menu.html">
+              <span class="site-menu-title">Context Menu</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="advanced/alertify.html">
+              <span class="site-menu-title">Alertify</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="advanced/masonry.html">
+              <span class="site-menu-title">Masonry</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="advanced/treeview.html">
+              <span class="site-menu-title">Treeview</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="advanced/toastr.html">
+              <span class="site-menu-title">Toastr</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="advanced/maps-vector.html">
+              <span class="site-menu-title">Vector Maps</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="advanced/maps-google.html">
+              <span class="site-menu-title">Google Maps</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="advanced/sortable-nestable.html">
+              <span class="site-menu-title">Sortable &amp; Nestable</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="advanced/bootbox-sweetalert.html">
+              <span class="site-menu-title">Bootbox &amp; Sweetalert</span>
+            </a>
+          </li>
+        </ul>
+      </li>
+      <li class="site-menu-item has-sub">
+        <a href="javascript:void(0)">
+          <i class="site-menu-icon wb-plugin" aria-hidden="true"></i>
+          <span class="site-menu-title">Structure</span>
+          <span class="site-menu-arrow"></span>
+        </a>
+        <ul class="site-menu-sub">
+          <li class="site-menu-item">
+            <a class="animsition-link" href="structure/alerts.html">
+              <span class="site-menu-title">Alerts</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="structure/ribbon.html">
+              <span class="site-menu-title">Ribbon</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="structure/pricing-tables.html">
+              <span class="site-menu-title">Pricing Tables</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="structure/overlay.html">
+              <span class="site-menu-title">Overlay</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="structure/cover.html">
+              <span class="site-menu-title">Cover</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="structure/timeline-simple.html">
+              <span class="site-menu-title">Simple Timeline</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="structure/timeline.html">
+              <span class="site-menu-title">Timeline</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="structure/step.html">
+              <span class="site-menu-title">Step</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="structure/comments.html">
+              <span class="site-menu-title">Comments</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="structure/media.html">
+              <span class="site-menu-title">Media</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="structure/chat.html">
+              <span class="site-menu-title">Chat</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="structure/testimonials.html">
+              <span class="site-menu-title">Testimonials</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="structure/nav.html">
+              <span class="site-menu-title">Nav</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="structure/navbars.html">
+              <span class="site-menu-title">Navbars</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="structure/blockquotes.html">
+              <span class="site-menu-title">Blockquotes</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="structure/pagination.html">
+              <span class="site-menu-title">Pagination</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="structure/breadcrumbs.html">
+              <span class="site-menu-title">Breadcrumbs</span>
+            </a>
+          </li>
+        </ul>
+      </li>
+      <li class="site-menu-item has-sub">
+        <a href="javascript:void(0)">
+          <i class="site-menu-icon wb-extension" aria-hidden="true"></i>
+          <span class="site-menu-title">Widgets</span>
+          <span class="site-menu-arrow"></span>
+        </a>
+        <ul class="site-menu-sub">
+          <li class="site-menu-item">
+            <a class="animsition-link" href="widgets/statistics.html">
+              <span class="site-menu-title">Statistics Widgets</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="widgets/data.html">
+              <span class="site-menu-title">Data Widgets</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="widgets/blog.html">
+              <span class="site-menu-title">Blog Widgets</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="widgets/chart.html">
+              <span class="site-menu-title">Chart Widgets</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="widgets/social.html">
+              <span class="site-menu-title">Social Widgets</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="widgets/weather.html">
+              <span class="site-menu-title">Weather Widgets</span>
+            </a>
+          </li>
+        </ul>
+      </li>
+      <li class="site-menu-item has-sub">
+        <a href="javascript:void(0)">
+          <i class="site-menu-icon wb-library" aria-hidden="true"></i>
+          <span class="site-menu-title">Forms</span>
+          <span class="site-menu-arrow"></span>
+        </a>
+        <ul class="site-menu-sub">
+          <li class="site-menu-item">
+            <a class="animsition-link" href="forms/general.html">
+              <span class="site-menu-title">General Elements</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="forms/material.html">
+              <span class="site-menu-title">Material Elements</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="forms/advanced.html">
+              <span class="site-menu-title">Advanced Elements</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="forms/layouts.html">
+              <span class="site-menu-title">Form Layouts</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="forms/wizard.html">
+              <span class="site-menu-title">Form Wizard</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="forms/validation.html">
+              <span class="site-menu-title">Form Validation</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="forms/masks.html">
+              <span class="site-menu-title">Form Masks</span>
+            </a>
+          </li>
+          <li class="site-menu-item has-sub">
+            <a href="javascript:void(0)">
+              <span class="site-menu-title">Editors</span>
+              <span class="site-menu-arrow"></span>
+            </a>
+            <ul class="site-menu-sub">
+              <li class="site-menu-item">
+                <a class="animsition-link" href="forms/editor-summernote.html">
+                  <span class="site-menu-title">Summernote</span>
+                </a>
+              </li>
+              <li class="site-menu-item">
+                <a class="animsition-link" href="forms/editor-markdown.html">
+                  <span class="site-menu-title">Markdown</span>
+                </a>
+              </li>
+              <li class="site-menu-item">
+                <a class="animsition-link" href="forms/editor-ace.html">
+                  <span class="site-menu-title">Ace Editor</span>
+                </a>
+              </li>
+            </ul>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="forms/image-cropping.html">
+              <span class="site-menu-title">Image Cropping</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="forms/file-uploads.html">
+              <span class="site-menu-title">File Uploads</span>
+            </a>
+          </li>
+        </ul>
+      </li>
+      <li class="site-menu-item has-sub">
+        <a href="javascript:void(0)">
+          <i class="site-menu-icon wb-table" aria-hidden="true"></i>
+          <span class="site-menu-title">Tables</span>
+          <span class="site-menu-arrow"></span>
+        </a>
+        <ul class="site-menu-sub">
+          <li class="site-menu-item">
+            <a class="animsition-link" href="tables/basic.html">
+              <span class="site-menu-title">Basic Tables</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="tables/bootstrap.html">
+              <span class="site-menu-title">Bootstrap Tables</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="tables/floatthead.html">
+              <span class="site-menu-title">floatThead</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="tables/responsive.html">
+              <span class="site-menu-title">Responsive Tables</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="tables/editable.html">
+              <span class="site-menu-title">Editable Tables</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="tables/jsgrid.html">
+              <span class="site-menu-title">jsGrid</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="tables/footable.html">
+              <span class="site-menu-title">FooTable</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="tables/datatable.html">
+              <span class="site-menu-title">DataTables</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="tables/jqtabledit.html">
+              <span class="site-menu-title">Jquery Tabledit</span>
+              <div class="site-menu-label">
+                <span class="badge badge badge-info badge-round">new</span>
+              </div>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="tables/table-dragger.html">
+              <span class="site-menu-title">Table Dragger</span>
+              <div class="site-menu-label">
+                <span class="badge badge badge-warning badge-round">new</span>
+              </div>
+            </a>
+          </li>
+        </ul>
+      </li>
+      <li class="site-menu-item has-sub">
+        <a href="javascript:void(0)">
+          <i class="site-menu-icon wb-pie-chart" aria-hidden="true"></i>
+          <span class="site-menu-title">Chart</span>
+          <span class="site-menu-arrow"></span>
+        </a>
+        <ul class="site-menu-sub">
+          <li class="site-menu-item">
+            <a class="animsition-link" href="charts/chartjs.html">
+              <span class="site-menu-title">Chart.js</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="charts/gauges.html">
+              <span class="site-menu-title">Gauges</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="charts/flot.html">
+              <span class="site-menu-title">Flot</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="charts/peity.html">
+              <span class="site-menu-title">Peity</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="charts/sparkline.html">
+              <span class="site-menu-title">Sparkline</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="charts/morris.html">
+              <span class="site-menu-title">Morris</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="charts/chartist.html">
+              <span class="site-menu-title">Chartist.js</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="charts/rickshaw.html">
+              <span class="site-menu-title">Rickshaw</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="charts/pie-progress.html">
+              <span class="site-menu-title">Pie Progress</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="charts/c3.html">
+              <span class="site-menu-title">C3</span>
+            </a>
+          </li>
+        </ul>
+      </li>
+      <li class="site-menu-item has-sub">
+        <a href="javascript:void(0)">
+          <i class="site-menu-icon wb-grid-4" aria-hidden="true"></i>
+          <span class="site-menu-title">Apps</span>
+          <span class="site-menu-arrow"></span>
+        </a>
+        <ul class="site-menu-sub">
+          <li class="site-menu-item">
+            <a class="animsition-link" href="apps/contacts/contacts.html">
+              <span class="site-menu-title">Contacts</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="apps/calendar/calendar.html">
+              <span class="site-menu-title">Calendar</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="apps/notebook/notebook.html">
+              <span class="site-menu-title">Notebook</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="apps/taskboard/taskboard.html">
+              <span class="site-menu-title">Taskboard</span>
+            </a>
+          </li>
+          <li class="site-menu-item has-sub">
+            <a href="javascript:void(0)">
+              <span class="site-menu-title">Documents</span>
+              <span class="site-menu-arrow"></span>
+            </a>
+            <ul class="site-menu-sub">
+              <li class="site-menu-item">
+                <a class="animsition-link" href="apps/documents/articles.html">
+                  <span class="site-menu-title">Articles</span>
+                </a>
+              </li>
+              <li class="site-menu-item">
+                <a class="animsition-link" href="apps/documents/categories.html">
+                  <span class="site-menu-title">Categories</span>
+                </a>
+              </li>
+              <li class="site-menu-item">
+                <a class="animsition-link" href="apps/documents/article.html">
+                  <span class="site-menu-title">Article</span>
+                </a>
+              </li>
+            </ul>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="apps/forum/forum.html">
+              <span class="site-menu-title">Forum</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="apps/message/message.html">
+              <span class="site-menu-title">Message</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="apps/projects/projects.html">
+              <span class="site-menu-title">Projects</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="apps/mailbox/mailbox.html">
+              <span class="site-menu-title">Mailbox</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="apps/media/overview.html">
+              <span class="site-menu-title">Media</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="apps/work/work.html">
+              <span class="site-menu-title">Work</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="apps/location/location.html">
+              <span class="site-menu-title">Location</span>
+            </a>
+          </li>
+          <li class="site-menu-item">
+            <a class="animsition-link" href="apps/travel/travel.html">
+              <span class="site-menu-title">Travel</span>
+              <div class="site-menu-label">
+                <span class="badge badge-info badge-round">new</span>
+              </div>
+            </a>
+          </li>
+        </ul>
+      </li>
+    </ul>
+  </div>
+  <div class="site-gridmenu">
+    <div>
+      <div>
+        <ul>
+          <li>
+            <a href="apps/mailbox/mailbox.html">
+              <i class="icon wb-envelope"></i>
+              <span>Mailbox</span>
+            </a>
+          </li>
+          <li>
+            <a href="apps/calendar/calendar.html">
+              <i class="icon wb-calendar"></i>
+              <span>Calendar</span>
+            </a>
+          </li>
+          <li>
+            <a href="apps/contacts/contacts.html">
+              <i class="icon wb-user"></i>
+              <span>Contacts</span>
+            </a>
+          </li>
+          <li>
+            <a href="apps/media/overview.html">
+              <i class="icon wb-camera"></i>
+              <span>Media</span>
+            </a>
+          </li>
+          <li>
+            <a href="apps/documents/categories.html">
+              <i class="icon wb-order"></i>
+              <span>Documents</span>
+            </a>
+          </li>
+          <li>
+            <a href="apps/projects/projects.html">
+              <i class="icon wb-image"></i>
+              <span>Project</span>
+            </a>
+          </li>
+          <li>
+            <a href="apps/forum/forum.html">
+              <i class="icon wb-chat-group"></i>
+              <span>Forum</span>
+            </a>
+          </li>
+          <li>
+            <a href="index.html">
+              <i class="icon wb-dashboard"></i>
+              <span>Dashboard</span>
+            </a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+
+<div class="page">
+    <div class="page-content container-fluid">
+      
+    </div>
+</div>
+
+
+<footer class="site-footer">
+    <div class="site-footer-legal">© 2018 <a
+        href="http://themeforest.net/item/remark-responsive-bootstrap-admin-template/11989202">Remark</a></div>
+    <div class="site-footer-right">
+      Crafted with <i class="red-600 wb wb-heart"></i> by <a
+        href="https://themeforest.net/user/creation-studio">Creation Studio</a>
+    </div>
+  </footer>
+
 <include file='app/footer'/>
 
 <?PHP
diff --git a/admin/templates/js/home.js b/admin/templates/js/home.js
deleted file mode 100644
index 9230779..0000000
--- a/admin/templates/js/home.js
+++ /dev/null
@@ -1,5 +0,0 @@
-;(function() {
-  var that = $.extend(true, {}, admin_module)
-    console.log('metRemark');
-    alert('FFF');
-})()
\ No newline at end of file
diff --git a/admin/templates/js/metremark.js b/admin/templates/js/metremark.js
index 9230779..e57386f 100644
--- a/admin/templates/js/metremark.js
+++ b/admin/templates/js/metremark.js
@@ -1,5 +1,4 @@
 ;(function() {
-  var that = $.extend(true, {}, admin_module)
     console.log('metRemark');
     alert('FFF');
 })()
\ No newline at end of file
diff --git a/admin/templates/js/own.js b/admin/templates/js/own.js
new file mode 100644
index 0000000..c3a9525
--- /dev/null
+++ b/admin/templates/js/own.js
@@ -0,0 +1,3 @@
+(function() {
+    console.log('metRemark');
+})()
\ No newline at end of file
diff --git a/admin/templates/js/routers.js b/admin/templates/js/routers.js
deleted file mode 100644
index 324af14..0000000
--- a/admin/templates/js/routers.js
+++ /dev/null
@@ -1,14 +0,0 @@
-/*
-后台路由
- */
-window.ROUTERS = {
-    metremark: {
-        module: 'index',
-        path: 'metremark',
-        data: {
-            c: 'index',
-            a: 'doindex'
-        },
-        js: 'metremark'
-    }
-};
\ No newline at end of file
diff --git a/config--.json b/config--.json
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/config--.json
@@ -0,0 +1 @@
+