88 lines
3.0 KiB
HTML
88 lines
3.0 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
|
|
<title>Title</title>
|
|
<link rel="stylesheet" href="plugins3/fontawesome-free/css/all.min.css" />
|
|
<link rel="stylesheet" href="dist3/css/adminlte.min.css" />
|
|
</head>
|
|
<body>
|
|
<!-- Wraps whole page -->
|
|
<div class="wrapper">
|
|
<!-- Wraps left header -->
|
|
<nav class="main-header navbar navbar-expand navbar-white navbar-light">Header to fix</nav>
|
|
<!-- Wraps left menu -->
|
|
<aside class="main-sidebar sidebar-dark-primary">
|
|
<!-- Brand Logo -->
|
|
<a href="index3.html" class="brand-link">
|
|
<img src="images/favicon.png" alt="AdminLTE Logo" class="brand-image" style="opacity: 0.8" />
|
|
<span class="brand-text font-weight-light">Koozali SME</span>
|
|
</a>
|
|
|
|
<div class="sidebar sidebar-dark-green">
|
|
<!-- Sidebar -->
|
|
<nav class="mt-2">
|
|
<ul class="nav nav-pills nav-sidebar flex-column">
|
|
<li class="nav-header">Important</li>
|
|
<li class="nav-item">
|
|
<a href="../index.html" class="nav-link">
|
|
<i class="nav-icon far fa-image"></i>
|
|
Page 1</a
|
|
>
|
|
</li>
|
|
<li class="nav-header">MISCELLANEOUS</li>
|
|
<li class="nav-item">
|
|
<a href="../index.html" class="nav-link">
|
|
<i class="nav-icon far fa-envelope"></i>
|
|
Page 2</a
|
|
>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../index.html" class="nav-link">
|
|
<i class="nav-icon far fa-columns"></i>
|
|
Page 3</a
|
|
>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</aside>
|
|
<!-- Wraps content -->
|
|
<div class="content-wrapper">
|
|
<div class="content-header">
|
|
<h1>Main Content header</h1>
|
|
</div>
|
|
<br />
|
|
<!-- /.card-header -->
|
|
<div class="card-body">
|
|
<p>All the following are put in class="card-body" to get the margins</p>
|
|
<br>
|
|
|
|
</div>
|
|
<!-- /.card-body -->
|
|
<div class="card-footer clearfix">
|
|
<ul class="pagination pagination-sm m-0 float-right">
|
|
<li class="page-item"><a class="page-link" href="#">«</a></li>
|
|
<li class="page-item"><a class="page-link" href="#">1</a></li>
|
|
<li class="page-item"><a class="page-link" href="#">2</a></li>
|
|
<li class="page-item"><a class="page-link" href="#">3</a></li>
|
|
<li class="page-item"><a class="page-link" href="#">»</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!-- /.card -->
|
|
</div>
|
|
|
|
<!-- REQUIRED SCRIPTS -->
|
|
|
|
<!-- jQuery -->
|
|
<script src="plugins/jquery/jquery.min.js"></script>
|
|
<!-- Bootstrap 4 -->
|
|
<script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
<!-- AdminLTE App -->
|
|
<script src="dist/js/adminlte.min.js"></script>
|
|
</body>
|
|
</html>
|