246 lines
12 KiB
HTML
246 lines
12 KiB
HTML
<!--
|
|
=========================================================
|
|
* Black Dashboard PRO - v1.1.1
|
|
=========================================================
|
|
|
|
* Product Page: https://themes.getbootstrap.com/product/black-dashboard-pro-premium-bootstrap-4-admin/
|
|
* Copyright 2019 Creative Tim (https://www.creative-tim.com)
|
|
|
|
* Coded by Creative Tim
|
|
|
|
=========================================================
|
|
|
|
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
|
-->
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<link rel="apple-touch-icon" sizes="76x76" href="./assets/img/apple-icon.png">
|
|
<link rel="icon" type="image/png" href="./assets/img/favicon.png">
|
|
<title>
|
|
Black Dashboard PRO by Creative Tim
|
|
</title>
|
|
<!-- Fonts and icons -->
|
|
<link href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,600,700,800" rel="stylesheet" />
|
|
<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">
|
|
<!-- Nucleo Icons -->
|
|
<link href="./assets/css/nucleo-icons.css" rel="stylesheet" />
|
|
<!-- CSS Files -->
|
|
<link href="./assets/css/black-dashboard.css?v=1.1.1" rel="stylesheet" />
|
|
<!-- CSS Just for demo purpose, don't include it in your project -->
|
|
<link href="./assets/demo/demo.css" rel="stylesheet" />
|
|
</head>
|
|
|
|
<body class="sidebar-mini ">
|
|
<div class="wrapper">
|
|
<div class="navbar-minimize-fixed">
|
|
<button class="minimize-sidebar btn btn-link btn-just-icon">
|
|
<i class="tim-icons icon-align-center visible-on-sidebar-regular text-muted"></i>
|
|
<i class="tim-icons icon-bullet-list-67 visible-on-sidebar-mini text-muted"></i>
|
|
</button>
|
|
</div>
|
|
<div class="sidebar">
|
|
<div class="sidebar-wrapper">
|
|
<div class="logo">
|
|
<a href="javascript:void(0)" class="simple-text logo-mini">
|
|
CT
|
|
</a>
|
|
<a href="javascript:void(0)" class="simple-text logo-normal">
|
|
Creative Tim
|
|
</a>
|
|
</div>
|
|
<ul class="nav">
|
|
<li class="active">
|
|
<a href="./template.html">
|
|
<i class="tim-icons icon-atom"></i>
|
|
<p>Template</p>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="main-panel">
|
|
<!-- Navbar -->
|
|
<nav class="navbar navbar-expand-lg navbar-absolute navbar-transparent">
|
|
<div class="container-fluid">
|
|
<div class="navbar-wrapper">
|
|
<div class="navbar-minimize d-inline">
|
|
<button class="minimize-sidebar btn btn-link btn-just-icon" rel="tooltip" data-original-title="Sidebar toggle" data-placement="right">
|
|
<i class="tim-icons icon-align-center visible-on-sidebar-regular"></i>
|
|
<i class="tim-icons icon-bullet-list-67 visible-on-sidebar-mini"></i>
|
|
</button>
|
|
</div>
|
|
<div class="navbar-toggle d-inline">
|
|
<button type="button" class="navbar-toggler">
|
|
<span class="navbar-toggler-bar bar1"></span>
|
|
<span class="navbar-toggler-bar bar2"></span>
|
|
<span class="navbar-toggler-bar bar3"></span>
|
|
</button>
|
|
</div>
|
|
<a class="navbar-brand" href="javascript:void(0)">Dashboard</a>
|
|
</div>
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navigation" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-bar navbar-kebab"></span>
|
|
<span class="navbar-toggler-bar navbar-kebab"></span>
|
|
<span class="navbar-toggler-bar navbar-kebab"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navigation">
|
|
<ul class="navbar-nav ml-auto">
|
|
<li class="search-bar input-group">
|
|
<button class="btn btn-link" id="search-button" data-toggle="modal" data-target="#searchModal"><i class="tim-icons icon-zoom-split"></i>
|
|
<span class="d-lg-none d-md-block">Search</span>
|
|
</button>
|
|
</li>
|
|
<li class="dropdown nav-item">
|
|
<a href="javascript:void(0)" class="dropdown-toggle nav-link" data-toggle="dropdown">
|
|
<div class="notification d-none d-lg-block d-xl-block"></div>
|
|
<i class="tim-icons icon-sound-wave"></i>
|
|
<p class="d-lg-none">
|
|
Notifications
|
|
</p>
|
|
</a>
|
|
<ul class="dropdown-menu dropdown-menu-right dropdown-navbar">
|
|
<li class="nav-link">
|
|
<a href="#" class="nav-item dropdown-item">Mike John responded to your email</a>
|
|
</li>
|
|
<li class="nav-link">
|
|
<a href="javascript:void(0)" class="nav-item dropdown-item">You have 5 more tasks</a>
|
|
</li>
|
|
<li class="nav-link">
|
|
<a href="javascript:void(0)" class="nav-item dropdown-item">Your friend Michael is in town</a>
|
|
</li>
|
|
<li class="nav-link">
|
|
<a href="javascript:void(0)" class="nav-item dropdown-item">Another notification</a>
|
|
</li>
|
|
<li class="nav-link">
|
|
<a href="javascript:void(0)" class="nav-item dropdown-item">Another one</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown nav-item">
|
|
<a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown">
|
|
<div class="photo">
|
|
<img src="./assets/img/mike.jpg" alt="Profile Photo">
|
|
</div>
|
|
<b class="caret d-none d-lg-block d-xl-block"></b>
|
|
<p class="d-lg-none">
|
|
Log out
|
|
</p>
|
|
</a>
|
|
<ul class="dropdown-menu dropdown-navbar">
|
|
<li class="nav-link">
|
|
<a href="javascript:void(0)" class="nav-item dropdown-item">Profile</a>
|
|
</li>
|
|
<li class="nav-link">
|
|
<a href="javascript:void(0)" class="nav-item dropdown-item">Settings</a>
|
|
</li>
|
|
<li class="dropdown-divider"></li>
|
|
<li class="nav-link">
|
|
<a href="javascript:void(0)" class="nav-item dropdown-item">Log out</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="separator d-lg-none"></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<div class="modal modal-search fade" id="searchModal" tabindex="-1" role="dialog" aria-labelledby="searchModal" aria-hidden="true">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<input type="text" class="form-control" id="inlineFormInputGroup" placeholder="SEARCH">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<i class="tim-icons icon-simple-remove"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End Navbar -->
|
|
<div class="content">
|
|
<!-- Your content here -->
|
|
</div>
|
|
<footer class="footer">
|
|
<div class="container-fluid">
|
|
<ul class="nav">
|
|
<li class="nav-item">
|
|
<a href="javascript:void(0)" class="nav-link">
|
|
Creative Tim
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="javascript:void(0)" class="nav-link">
|
|
About Us
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="javascript:void(0)" class="nav-link">
|
|
Blog
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<div class="copyright">
|
|
©
|
|
<script>
|
|
document.write(new Date().getFullYear())
|
|
</script> made with <i class="tim-icons icon-heart-2"></i> by
|
|
<a href="javascript:void(0)" target="_blank">Creative Tim</a> for a better web.
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
<!-- Core JS Files -->
|
|
<script src="./assets/js/core/jquery.min.js"></script>
|
|
<script src="./assets/js/core/popper.min.js"></script>
|
|
<script src="./assets/js/core/bootstrap.min.js"></script>
|
|
<script src="./assets/js/plugins/perfect-scrollbar.jquery.min.js"></script>
|
|
<script src="./assets/js/plugins/moment.min.js"></script>
|
|
<!-- Plugin for Switches, full documentation here: http://www.jque.re/plugins/version3/bootstrap.switch/ -->
|
|
<script src="./assets/js/plugins/bootstrap-switch.js"></script>
|
|
<!-- Plugin for Sweet Alert -->
|
|
<script src="./assets/js/plugins/sweetalert2.min.js"></script>
|
|
<!-- Plugin for Sorting Tables -->
|
|
<script src="./assets/js/plugins/jquery.tablesorter.js"></script>
|
|
<!-- Forms Validations Plugin -->
|
|
<script src="./assets/js/plugins/jquery.validate.min.js"></script>
|
|
<!-- Plugin for the Wizard, full documentation here: https://github.com/VinceG/twitter-bootstrap-wizard -->
|
|
<script src="./assets/js/plugins/jquery.bootstrap-wizard.js"></script>
|
|
<!-- Plugin for Select, full documentation here: http://silviomoreto.github.io/bootstrap-select -->
|
|
<script src="./assets/js/plugins/bootstrap-selectpicker.js"></script>
|
|
<!-- Plugin for the DateTimePicker, full documentation here: https://eonasdan.github.io/bootstrap-datetimepicker/ -->
|
|
<script src="./assets/js/plugins/bootstrap-datetimepicker.js"></script>
|
|
<!-- DataTables.net Plugin, full documentation here: https://datatables.net/ -->
|
|
<script src="./assets/js/plugins/jquery.dataTables.min.js"></script>
|
|
<!-- Plugin for Tags, full documentation here: https://github.com/bootstrap-tagsinput/bootstrap-tagsinputs -->
|
|
<script src="./assets/js/plugins/bootstrap-tagsinput.js"></script>
|
|
<!-- Plugin for Fileupload, full documentation here: http://www.jasny.net/bootstrap/javascript/#fileinput -->
|
|
<script src="./assets/js/plugins/jasny-bootstrap.min.js"></script>
|
|
<!-- Full Calendar Plugin, full documentation here: https://github.com/fullcalendar/fullcalendar -->
|
|
<script src="./assets/js/plugins/fullcalendar/fullcalendar.min.js"></script>
|
|
<script src="./assets/js/plugins/fullcalendar/daygrid.min.js"></script>
|
|
<script src="./assets/js/plugins/fullcalendar/timegrid.min.js"></script>
|
|
<script src="./assets/js/plugins/fullcalendar/interaction.min.js"></script>
|
|
<!-- Vector Map plugin, full documentation here: http://jvectormap.com/documentation/ -->
|
|
<script src="./assets/js/plugins/jquery-jvectormap.js"></script>
|
|
<!-- Plugin for the Sliders, full documentation here: http://refreshless.com/nouislider/ -->
|
|
<script src="./assets/js/plugins/nouislider.min.js"></script>
|
|
<!-- Google Maps Plugin -->
|
|
<!-- Place this tag in your head or just before your close body tag. -->
|
|
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE"></script>
|
|
<!-- Chart JS -->
|
|
<script src="./assets/js/plugins/chartjs.min.js"></script>
|
|
<!-- Notifications Plugin -->
|
|
<script src="./assets/js/plugins/bootstrap-notify.js"></script>
|
|
<!-- Control Center for Black Dashboard: parallax effects, scripts for the example pages etc -->
|
|
<script src="./assets/js/black-dashboard.min.js?v=1.1.1"></script>
|
|
<!-- Black Dashboard DEMO methods, don't include it in your project! -->
|
|
<script src="./assets/demo/demo.js"></script>
|
|
</body>
|
|
|
|
</html>
|