178 lines
11 KiB
HTML
178 lines
11 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><!-- End Required meta tags -->
|
|
<!-- Begin SEO tag -->
|
|
<title> Fullwidth Page Layout | Looper - Bootstrap 4 Admin Theme </title>
|
|
|
|
<link rel="apple-touch-icon" sizes="144x144" href="assets/apple-touch-icon.png">
|
|
<link rel="shortcut icon" href="assets/favicon.ico">
|
|
<meta name="theme-color" content="#3063A0"><!-- End FAVICONS -->
|
|
<!-- GOOGLE FONT -->
|
|
<link href="https://fonts.googleapis.com/css?family=Fira+Sans:400,500,600" rel="stylesheet">
|
|
<!-- End GOOGLE FONT -->
|
|
<!-- BEGIN PLUGINS STYLES -->
|
|
<link rel="stylesheet" href="assets/vendor/open-iconic/css/open-iconic-bootstrap.min.css">
|
|
<link rel="stylesheet" href="assets/vendor/fontawesome/css/all.css">
|
|
<link rel="stylesheet" href="assets/vendor/flatpickr/flatpickr.min.css">
|
|
<!-- END PLUGINS STYLES -->
|
|
<!-- BEGIN THEME STYLES -->
|
|
<link rel="stylesheet" href="assets/stylesheets/theme.min.css" data-skin="default">
|
|
<link rel="stylesheet" href="assets/stylesheets/theme-dark.min.css" data-skin="dark">
|
|
<link rel="stylesheet" href="assets/stylesheets/custom.css?v=1"><!-- Disable unused skin immediately -->
|
|
<script>
|
|
var skin = localStorage.getItem('skin') || 'default';
|
|
var unusedLink = document.querySelector('link[data-skin]:not([data-skin="' + skin + '"])');
|
|
unusedLink.setAttribute('rel', '');
|
|
unusedLink.setAttribute('disabled', true);
|
|
</script><!-- END THEME STYLES -->
|
|
</head>
|
|
<body>
|
|
<!-- .app -->
|
|
<div class="app has-fullwidth">
|
|
<!--[if lt IE 10]>
|
|
<div class="page-message" role="alert">You are using an <strong>outdated</strong> browser. Please <a class="alert-link" href="http://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</div>
|
|
<![endif]-->
|
|
<!-- .app-header -->
|
|
<header class="app-header app-header-dark">
|
|
<!-- .top-bar -->
|
|
<div class="top-bar">
|
|
<!-- .top-bar-brand -->
|
|
<div class="top-bar-brand bg-transparent">
|
|
<!-- toggle menu -->
|
|
<button class="hamburger hamburger-squeeze mr-2" type="button" data-toggle="aside" aria-label="toggle menu"><span class="hamburger-box"><span class="hamburger-inner"></span></span></button> <!-- /toggle menu -->
|
|
<a href="projects-management.aspx"><img src="assets/images/logo_white.png" alt="" style="height: 48px;width: auto;"></a>
|
|
</div><!-- /.top-bar-brand -->
|
|
<!-- .top-bar-list -->
|
|
<div class="top-bar-list">
|
|
<!-- .top-bar-item -->
|
|
<div class="top-bar-item px-2 d-md-none d-lg-none d-xl-none">
|
|
<!-- toggle menu -->
|
|
<button class="hamburger hamburger-squeeze" type="button" data-toggle="aside" aria-label="Menu"><span class="hamburger-box"><span class="hamburger-inner"></span></span></button> <!-- /toggle menu -->
|
|
</div><!-- /.top-bar-item -->
|
|
<!-- .top-bar-item 搜尋框-->
|
|
<!--<div class="top-bar-item top-bar-item-full">
|
|
<!-- .top-bar-search -->
|
|
<!--<form class="top-bar-search">
|
|
<div class="input-group input-group-search">
|
|
<div class="input-group-prepend">
|
|
<span class="input-group-text"><span class="oi oi-magnifying-glass"></span></span>
|
|
</div><input type="text" class="form-control" aria-label="Search" placeholder="Search">
|
|
</div>
|
|
</form>-->
|
|
<!-- /.top-bar-search -->
|
|
<!--</div>-->
|
|
<!-- /.top-bar-item 搜尋框-->
|
|
<!-- .top-bar-item -->
|
|
<div class="top-bar-item top-bar-item-right px-0 d-none d-sm-flex">
|
|
<!-- .btn-account -->
|
|
<div class="dropdown">
|
|
<button class="btn-account d-none d-md-flex" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="user-avatar user-avatar-md"><img src="assets/images/avatars/profile.jpg" alt="" id="profilePic1" runat="server"></span> <span class="account-summary pr-lg-4 d-none d-lg-block"><span class="account-name" id="accountName1" runat="server">Beni Arisandi</span></span></button>
|
|
<div class="dropdown-arrow dropdown-arrow-left"></div><!-- .dropdown-menu -->
|
|
<div class="dropdown-menu">
|
|
<h6 class="dropdown-header d-none d-md-block d-lg-none" id="accountName2" runat="server"> Beni Arisandi </h6><a class="dropdown-item" href="user-profile.html"><span class="dropdown-icon oi oi-person"></span> Profile</a> <a class="dropdown-item" href="auth-signin-v1.html" onclick="return confirm('確定要登出?');"><span class="dropdown-icon oi oi-account-logout"></span> Logout</a>
|
|
|
|
</div><!-- /.dropdown-menu -->
|
|
</div><!-- /.btn-account -->
|
|
</div><!-- /.top-bar-item -->
|
|
</div><!-- /.top-bar-list -->
|
|
</div><!-- /.top-bar -->
|
|
</header><!-- /.app-header -->
|
|
<!-- .app-aside -->
|
|
<aside class="app-aside app-aside-light">
|
|
<!-- .aside-content -->
|
|
<div class="aside-content">
|
|
<!-- .aside-header -->
|
|
<header class="aside-header">
|
|
<!-- toggle menu -->
|
|
<button class="hamburger hamburger-squeeze" type="button" data-toggle="aside" aria-label="Menu"><span class="hamburger-box"><span class="hamburger-inner"></span></span></button> <!-- /toggle menu -->
|
|
<!-- .btn-account -->
|
|
<button class="btn-account d-flex d-md-none" type="button" data-toggle="collapse" data-target="#dropdown-aside"><span class="user-avatar user-avatar-lg"><img src="assets/images/avatars/profile.jpg" alt="" id="profilePic2" runat="server"></span> <span class="account-icon"><span class="fa fa-caret-down fa-lg"></span></span> <span class="account-summary"><span class="account-name" id="accountName3" runat="server">Beni Arisandi</span></span></button> <!-- /.btn-account -->
|
|
<!-- .dropdown-aside -->
|
|
<div id="dropdown-aside" class="dropdown-aside d-md-none collapse">
|
|
<!-- dropdown-items -->
|
|
<div class="pb-3">
|
|
<a class="dropdown-item" href="user-profile.html"><span class="dropdown-icon oi oi-person"></span> Profile</a> <a class="dropdown-item" href="auth-signin-v1.html" onclick="return confirm('確定要登出?');"><span class="dropdown-icon oi oi-account-logout"></span> Logout</a>
|
|
|
|
</div><!-- /dropdown-items -->
|
|
</div><!-- /.dropdown-aside -->
|
|
<!-- .top-bar-brand -->
|
|
<div class="top-bar-brand bg-primary">
|
|
<a href="projects-management.aspx"><img src="assets/images/logo_white.png" height="48" alt=""></a>
|
|
</div><!-- /.top-bar-brand -->
|
|
</header><!-- /.aside-header -->
|
|
<!-- .aside-menu -->
|
|
<div class="aside-menu">
|
|
<!-- .stacked-menu -->
|
|
<nav id="stacked-menu" class="stacked-menu">
|
|
<!-- .menu -->
|
|
<ul class="menu">
|
|
|
|
<!-- .menu-header -->
|
|
<li class="menu-header" id="permission" runat="server">帳號與權限 </li><!-- /.menu-header -->
|
|
<!-- .menu-item -->
|
|
<li class="menu-item">
|
|
<a href="users-management.aspx" class="menu-link">
|
|
<span class="menu-icon oi oi-person"></span>
|
|
<span class="menu-text">帳號管理</span>
|
|
</a>
|
|
</li>
|
|
<!-- /.menu-item -->
|
|
</ul><!-- /.menu -->
|
|
</nav><!-- /.stacked-menu -->
|
|
</div><!-- /.aside-menu -->
|
|
<!-- Skin changer -->
|
|
<footer class="aside-footer border-top p-3">
|
|
<button class="btn btn-light btn-block text-primary" data-toggle="skin">Night mode <i class="fas fa-moon ml-1"></i></button>
|
|
</footer><!-- /Skin changer -->
|
|
</div><!-- /.aside-content -->
|
|
</aside><!-- /.app-aside -->
|
|
<!-- .app-main -->
|
|
<main class="app-main">
|
|
<!-- .wrapper -->
|
|
<div class="wrapper">
|
|
<!-- .page 主畫面-->
|
|
<div class="page">
|
|
|
|
</div>
|
|
<!-- /.page 主畫面-->
|
|
</div><!-- /.wrapper -->
|
|
<!-- .app-footer 頁尾-->
|
|
<footer class="app-footer">
|
|
<!--<ul class="list-inline">
|
|
<li class="list-inline-item">
|
|
<a class="text-muted" href="#">Support</a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a class="text-muted" href="#">Help Center</a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a class="text-muted" href="#">Privacy</a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a class="text-muted" href="#">Terms of Service</a>
|
|
</li>
|
|
</ul>-->
|
|
<div class="copyright"> Copyright © 2019. All right reserved. </div>
|
|
</footer>
|
|
<!-- /.app-footer 頁尾-->
|
|
</main><!-- /.app-main -->
|
|
</div><!-- /.app -->
|
|
<!-- BEGIN BASE JS -->
|
|
<script src="assets/vendor/jquery/jquery.min.js"></script>
|
|
<script src="assets/vendor/bootstrap/js/popper.min.js"></script>
|
|
<script src="assets/vendor/bootstrap/js/bootstrap.min.js"></script> <!-- END BASE JS -->
|
|
<!-- BEGIN PLUGINS JS -->
|
|
<script src="assets/vendor/pace/pace.min.js"></script>
|
|
<script src="assets/vendor/stacked-menu/stacked-menu.min.js"></script>
|
|
<script src="assets/vendor/perfect-scrollbar/perfect-scrollbar.min.js"></script>
|
|
<script src="assets/vendor/flatpickr/flatpickr.min.js"></script>
|
|
<script src="assets/vendor/easy-pie-chart/jquery.easypiechart.min.js"></script>
|
|
<script src="assets/vendor/chart.js/Chart.min.js"></script> <!-- END PLUGINS JS -->
|
|
<!-- BEGIN THEME JS -->
|
|
<script src="assets/javascript/theme.min.js"></script> <!-- END THEME JS -->
|
|
<!-- BEGIN PAGE LEVEL JS -->
|
|
<script src="assets/javascript/pages/dashboard-demo.js"></script> <!-- END PAGE LEVEL JS -->
|
|
</body>
|
|
</html> |