af58467db4
New design with breaking changes, gulp 4, all dependencies updated, dev environment changed, and many more changes
537 lines
24 KiB
HTML
537 lines
24 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||
<meta name="description" content="">
|
||
<meta name="author" content="">
|
||
|
||
<title>SB Admin 2 - Dashboard</title>
|
||
|
||
<!-- Custom fonts for this template-->
|
||
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
|
||
<link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
|
||
|
||
<!-- Custom styles for this template-->
|
||
<link href="css/sb-admin-2.min.css" rel="stylesheet">
|
||
|
||
</head>
|
||
|
||
<body id="page-top">
|
||
|
||
<!-- Page Wrapper -->
|
||
<div id="wrapper">
|
||
|
||
<!-- Sidebar -->
|
||
<ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark accordion" id="accordionSidebar">
|
||
|
||
<!-- Sidebar - Brand -->
|
||
<a class="sidebar-brand d-flex align-items-center justify-content-center" href="index.html">
|
||
<div class="sidebar-brand-icon">
|
||
<i class="fas fa-laugh-wink"></i>
|
||
</div>
|
||
<div class="sidebar-brand-text mx-3">SB Admin <sup>2</sup></div>
|
||
</a>
|
||
|
||
<!-- Divider -->
|
||
<hr class="sidebar-divider my-0">
|
||
|
||
<!-- Dashboards Accordion Menu -->
|
||
<li class="nav-item active">
|
||
<a class="nav-link" href="#" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
|
||
<i class="fas fa-fw fa-tachometer-alt"></i>
|
||
<span>Dashboards</span>
|
||
</a>
|
||
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionSidebar">
|
||
<div class="bg-white py-2 collapse-inner rounded">
|
||
<h6 class="collapse-header">Dashboard Examples:</h6>
|
||
<a class="collapse-item" href="index.html">Default Dashboard</a>
|
||
<a class="collapse-item" href="#">Social Dashboard</a>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<!-- Divider -->
|
||
<hr class="sidebar-divider">
|
||
|
||
<!-- Heading -->
|
||
<div class="sidebar-heading">
|
||
Components
|
||
</div>
|
||
|
||
<!-- Nav Item - Pages Collapse Menu -->
|
||
<li class="nav-item">
|
||
<a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
|
||
<i class="fas fa-fw fa-folder"></i>
|
||
<span>Pages</span>
|
||
</a>
|
||
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
|
||
<div class="bg-white py-2 collapse-inner rounded">
|
||
<h6 class="collapse-header">Login Screens:</h6>
|
||
<a class="collapse-item" href="login.html">Login</a>
|
||
<a class="collapse-item" href="register.html">Register</a>
|
||
<a class="collapse-item" href="forgot-password.html">Forgot Password</a>
|
||
<div class="collapse-divider"></div>
|
||
<h6 class="collapse-header">Other Pages:</h6>
|
||
<a class="collapse-item" href="404.html">404 Page</a>
|
||
<a class="collapse-item" href="blank.html">Blank Page</a>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<!-- Divider -->
|
||
<hr class="sidebar-divider">
|
||
|
||
<!-- Heading -->
|
||
<div class="sidebar-heading">
|
||
Addons
|
||
</div>
|
||
|
||
<!-- Nav Item - Charts -->
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="charts.html">
|
||
<i class="fas fa-fw fa-chart-area"></i>
|
||
<span>Charts</span></a>
|
||
</li>
|
||
|
||
<!-- Nav Item - Tables -->
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="tables.html">
|
||
<i class="fas fa-fw fa-table"></i>
|
||
<span>Tables</span></a>
|
||
</li>
|
||
|
||
<!-- Divider -->
|
||
<hr class="sidebar-divider d-none d-md-block">
|
||
|
||
<!-- Sidebar Toggler (Sidebar) -->
|
||
<div class="text-center d-none d-md-inline">
|
||
<button class="rounded-circle border-0" id="sidebarToggle"></button>
|
||
</div>
|
||
|
||
</ul>
|
||
<!-- End of Sidebar -->
|
||
|
||
<!-- Content Wrapper -->
|
||
<div id="content-wrapper" class="d-flex flex-column">
|
||
|
||
<!-- Main Content -->
|
||
<div id="content">
|
||
|
||
<!-- Topbar -->
|
||
<nav class="navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow">
|
||
|
||
<!-- Topbar Search -->
|
||
<form class="d-none d-md-inline-block form-inline mr-auto ml-md-3 my-2 my-md-0 w-100">
|
||
<div class="input-group">
|
||
<input type="text" class="form-control border-0 bg-light" placeholder="Search for..." aria-label="Search" aria-describedby="basic-addon2" style="font-size: 0.85rem;">
|
||
<div class="input-group-append">
|
||
<button class="btn btn-primary" type="button">
|
||
<i class="fas fa-search fa-sm"></i>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
|
||
<!-- Topbar Navbar -->
|
||
<ul class="navbar-nav mr-auto ml-md-auto">
|
||
|
||
<!-- Nav Item - Alerts -->
|
||
<li class="nav-item dropdown no-arrow mx-1">
|
||
<a class="nav-link dropdown-toggle" href="#" id="alertsDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||
<i class="fas fa-bell fa-fw"></i>
|
||
<!-- Counter - Alerts -->
|
||
<span class="badge badge-danger badge-counter">9+</span>
|
||
</a>
|
||
<!-- Dropdown - Alerts -->
|
||
<div class="dropdown-menu dropdown-menu-right border-0 shadow animated--grow-in" aria-labelledby="alertsDropdown">
|
||
<a class="dropdown-item" href="#">Action</a>
|
||
<a class="dropdown-item" href="#">Another action</a>
|
||
<div class="dropdown-divider"></div>
|
||
<a class="dropdown-item" href="#">Something else here</a>
|
||
</div>
|
||
</li>
|
||
|
||
<!-- Nav Item - Messages -->
|
||
<li class="nav-item dropdown no-arrow mx-1">
|
||
<a class="nav-link dropdown-toggle" href="#" id="messagesDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||
<i class="fas fa-envelope fa-fw"></i>
|
||
<!-- Counter - Messages -->
|
||
<span class="badge badge-danger badge-counter">7</span>
|
||
</a>
|
||
<!-- Dropdown - Messages -->
|
||
<div class="dropdown-menu dropdown-menu-right border-0 shadow animated--grow-in" aria-labelledby="messagesDropdown">
|
||
<a class="dropdown-item" href="#">Action</a>
|
||
<a class="dropdown-item" href="#">Another action</a>
|
||
<div class="dropdown-divider"></div>
|
||
<a class="dropdown-item" href="#">Something else here</a>
|
||
</div>
|
||
</li>
|
||
|
||
<!-- Nav Item - User Information -->
|
||
<li class="nav-item dropdown no-arrow">
|
||
<a class="nav-link dropdown-toggle" href="#" id="userDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||
<img class="img-profile rounded-circle" src="https://source.unsplash.com/QAB-WJcbgJk/60x60">
|
||
</a>
|
||
<!-- Dropdown - User Information -->
|
||
<div class="dropdown-menu dropdown-menu-right border-0 shadow animated--grow-in" aria-labelledby="userDropdown">
|
||
<a class="dropdown-item" href="#">
|
||
<i class="fas fa-cogs fa-sm fa-fw mr-2 text-gray-400"></i>
|
||
Settings
|
||
</a>
|
||
<a class="dropdown-item" href="#">
|
||
<i class="fas fa-list fa-sm fa-fw mr-2 text-gray-400"></i>
|
||
Activity Log
|
||
</a>
|
||
<div class="dropdown-divider"></div>
|
||
<a class="dropdown-item" href="#" data-toggle="modal" data-target="#logoutModal">
|
||
<i class="fas fa-sign-out-alt fa-sm fa-fw mr-2 text-gray-400"></i>
|
||
Logout
|
||
</a>
|
||
</div>
|
||
</li>
|
||
|
||
</ul>
|
||
|
||
<!-- Sidebar Toggle (Topbar) -->
|
||
<button id="sidebarToggleTop" class="btn btn-link d-md-none">
|
||
<i class="fa fa-bars"></i>
|
||
</button>
|
||
|
||
</nav>
|
||
<!-- End of Topbar -->
|
||
|
||
<div class="container-fluid">
|
||
|
||
<!-- Area Chart -->
|
||
<div class="card border-0 shadow mb-4">
|
||
<div class="card-header border-0 py-3 d-flex flex-row align-items-center justify-content-between">
|
||
<h6 class="m-0 font-weight-bold text-primary">Earnings Overview</h6>
|
||
<!-- Card Header Dropdown -->
|
||
<div class="dropdown no-arrow">
|
||
<a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||
<i class="fas fa-ellipsis-v fa-sm fa-fw mx-1 text-gray-400"></i>
|
||
</a>
|
||
|
||
<div class="dropdown-menu dropdown-menu-right border-0 shadow animated--fade-in" aria-labelledby="dropdownMenuLink">
|
||
<div class="dropdown-header">Dropdown Header:</div>
|
||
<a class="dropdown-item" href="#">Action</a>
|
||
<a class="dropdown-item" href="#">Another action</a>
|
||
<div class="dropdown-divider"></div>
|
||
<a class="dropdown-item" href="#">Something else here</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="chart-area">
|
||
<canvas id="myAreaChart"></canvas>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row align-items-stretch">
|
||
<div class="col-lg-6 mb-4">
|
||
|
||
<!-- Approach -->
|
||
<div class="card border-0 shadow mb-4">
|
||
<div class="card-header border-0 py-3">
|
||
<h6 class="m-0 font-weight-bold text-primary">Development Approach</h6>
|
||
</div>
|
||
<div class="card-body">
|
||
<p>SB Admin 2 makes extensive use of Bootstrap 4 utility classes in order to reduce CSS bloat and poor page performance. Custom CSS classes are used to create custom components and custom utility classes.</p>
|
||
<p>Before working with this theme, you should become familiar with the Bootstrap framework, especially the utility classes. Custom utility classes and components within this theme are explained in the documentation.</p>
|
||
<a href="#" class="btn btn-primary">View Documentation</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Default Card Example -->
|
||
<div class="card mb-4">
|
||
<div class="card-header">
|
||
Default Card Example
|
||
</div>
|
||
<div class="card-body">
|
||
This card uses Bootstrap's default styling with no utility classes added. Global styles are the only things modifying the look and feel of this default card example.
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Basic Card Example -->
|
||
<div class="card border-0 shadow mb-4">
|
||
<div class="card-header border-0 py-3">
|
||
<h6 class="m-0 font-weight-bold text-primary">Basic Card Example</h6>
|
||
</div>
|
||
<div class="card-body">
|
||
The styling for this basic card example is determined by default Bootstrap utility classes. By using utility classes, the style of the card component can be easily modified with no need for any custom CSS!
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Dropdown Card Example -->
|
||
<div class="card border-0 shadow mb-4">
|
||
<div class="card-header border-0 py-3 d-flex flex-row align-items-center justify-content-between">
|
||
<h6 class="m-0 font-weight-bold text-primary">Dropdown Card Example</h6>
|
||
<!-- Card Header Dropdown -->
|
||
<div class="dropdown no-arrow">
|
||
<a class="dropdown-toggle" href="#" role="button" id="dropdownCardExample" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||
<i class="fas fa-ellipsis-v fa-sm fa-fw ml-1 text-gray-400"></i>
|
||
</a>
|
||
|
||
<div class="dropdown-menu dropdown-menu-right border-0 shadow animated--fade-in" aria-labelledby="dropdownCardExample">
|
||
<div class="dropdown-header">Dropdown Header:</div>
|
||
<a class="dropdown-item" href="#">Action</a>
|
||
<a class="dropdown-item" href="#">Another action</a>
|
||
<div class="dropdown-divider"></div>
|
||
<a class="dropdown-item" href="#">Something else here</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card-body">
|
||
Dropdown menus can be placed in the card header in order to extend the functionality of a basic card. In this dropdown card example, the Font Awesome vertical ellipsis icon in the card header can be clicked on in order to toggle a dropdown menu.
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Collapsable Card Example -->
|
||
<div class="card border-0 shadow mb-4">
|
||
<a href="#collapseCardExample" class="d-block card-header border-0 py-3" data-toggle="collapse" role="button" aria-expanded="true" aria-controls="collapseCardExample">
|
||
<h6 class="m-0 font-weight-bold text-primary">Collapsable Card Example</h6>
|
||
</a>
|
||
<div class="collapse show" id="collapseCardExample">
|
||
<div class="card-body">
|
||
This is a collapsable card example using Bootstrap's built in collapse functionality. Click on the card header to see the card body collapse and expand!
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Dropdown Card Example -->
|
||
<div class="card border-0 shadow mb-4">
|
||
<div class="card-header border-0 py-3 d-flex flex-row align-items-center justify-content-between">
|
||
<h6 class="m-0 font-weight-bold text-primary">Dropdown Card Example</h6>
|
||
<!-- Card Header Dropdown -->
|
||
<div class="dropdown no-arrow">
|
||
<a class="dropdown-toggle" href="#" role="button" id="dropdownCardExample" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||
<i class="fas fa-angle-right fa-fw ml-1 text-gray-400"></i>
|
||
</a>
|
||
|
||
<div class="dropdown-menu dropdown-menu-right border-0 shadow animated--fade-in" aria-labelledby="dropdownCardExample">
|
||
<div class="dropdown-header">Dropdown Header:</div>
|
||
<a class="dropdown-item" href="#">Action</a>
|
||
<a class="dropdown-item" href="#">Another action</a>
|
||
<div class="dropdown-divider"></div>
|
||
<a class="dropdown-item" href="#">Something else here</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card-body">
|
||
Dropdown menus can be placed in the card header in order to extend the functionality of a basic card. In this dropdown card example, the Font Awesome vertical ellipsis icon in the card header can be clicked on in order to toggle a dropdown menu.
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Grayscale -->
|
||
<div class="card border-0 shadow mb-4">
|
||
<div class="card-header border-0 py-3">
|
||
<h6 class="m-0 font-weight-bold text-primary">Grayscale</h6>
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="card bg-gray-100 border-0 rounded-0">
|
||
<div class="card-body">
|
||
Gray 100
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card bg-gray-200 border-0 rounded-0">
|
||
<div class="card-body">
|
||
Gray 200
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card bg-gray-300 border-0 rounded-0">
|
||
<div class="card-body">
|
||
Gray 300
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card bg-gray-400 border-0 rounded-0">
|
||
<div class="card-body">
|
||
Gray 400
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card bg-gray-500 border-0 rounded-0 text-white">
|
||
<div class="card-body">
|
||
Gray 500
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card bg-gray-600 border-0 rounded-0 text-white">
|
||
<div class="card-body">
|
||
Gray 600
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card bg-gray-700 border-0 rounded-0 text-white">
|
||
<div class="card-body">
|
||
Gray 700
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card bg-gray-800 border-0 rounded-0 text-white">
|
||
<div class="card-body">
|
||
Gray 800
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card bg-gray-900 border-0 rounded-0 text-white">
|
||
<div class="card-body">
|
||
Gray 900
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="col-lg-6 mb-4">
|
||
|
||
<div class="row">
|
||
<div class="col-lg-6 mb-4">
|
||
<div class="card border-0 bg-primary text-white shadow">
|
||
<div class="card-body">
|
||
Primary
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6 mb-4">
|
||
<div class="card border-0 bg-success text-white shadow">
|
||
<div class="card-body">
|
||
Success
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6 mb-4">
|
||
<div class="card border-0 bg-info text-white shadow">
|
||
<div class="card-body">
|
||
Info
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6 mb-4">
|
||
<div class="card border-0 bg-warning text-white shadow">
|
||
<div class="card-body">
|
||
Warning
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6 mb-4">
|
||
<div class="card border-0 bg-danger text-white shadow">
|
||
<div class="card-body">
|
||
Danger
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6 mb-4">
|
||
<div class="card border-0 bg-secondary text-white shadow">
|
||
<div class="card-body">
|
||
Secondary
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<!-- <div class="accordion" id="accordionExample">
|
||
<h5 class="mb-0">
|
||
<button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
|
||
Collapsible Group Item #1
|
||
</button>
|
||
</h5>
|
||
|
||
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
|
||
1 Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
|
||
</div>
|
||
<h5 class="mb-0">
|
||
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
|
||
Collapsible Group Item #2
|
||
</button>
|
||
</h5>
|
||
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
|
||
2 Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
|
||
</div>
|
||
<h5 class="mb-0">
|
||
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
|
||
Collapsible Group Item #3
|
||
</button>
|
||
</h5>
|
||
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
|
||
3 Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
|
||
</div>
|
||
</div> -->
|
||
|
||
</div>
|
||
<!-- /.container-fluid -->
|
||
|
||
</div>
|
||
<!-- End of Main Content -->
|
||
|
||
<!-- Footer -->
|
||
<footer class="sticky-footer bg-white">
|
||
<div class="container my-auto">
|
||
<div class="copyright text-center my-auto">
|
||
<span>Copyright © Your Website 2018</span>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
<!-- End of Footer -->
|
||
|
||
</div>
|
||
<!-- End of Content Wrapper -->
|
||
|
||
</div>
|
||
<!-- End of Page Wrapper -->
|
||
|
||
<!-- Scroll to Top Button-->
|
||
<a class="scroll-to-top rounded" href="#page-top">
|
||
<i class="fas fa-angle-up"></i>
|
||
</a>
|
||
|
||
<!-- Logout Modal-->
|
||
<div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h5 class="modal-title" id="exampleModalLabel">Ready to Leave?</h5>
|
||
<button class="close" type="button" data-dismiss="modal" aria-label="Close">
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</div>
|
||
<div class="modal-body">Select "Logout" below if you are ready to end your current session.</div>
|
||
<div class="modal-footer">
|
||
<button class="btn btn-secondary" type="button" data-dismiss="modal">Cancel</button>
|
||
<a class="btn btn-primary" href="login.html">Logout</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Bootstrap core JavaScript-->
|
||
<script src="vendor/jquery/jquery.min.js"></script>
|
||
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||
|
||
<!-- Core plugin JavaScript-->
|
||
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
|
||
|
||
<!-- Custom scripts for all pages-->
|
||
<script src="js/sb-admin-2.min.js"></script>
|
||
|
||
<!-- Page level plugins -->
|
||
<script src="vendor/chart.js/Chart.min.js"></script>
|
||
|
||
<!-- Page level custom scripts -->
|
||
<script src="js/demo/chart-area-demo.js"></script>
|
||
|
||
</body>
|
||
|
||
</html>
|