initial commit
This commit is contained in:
@@ -0,0 +1,62 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Modernize Free</title>
|
||||
<link rel="shortcut icon" type="image/png" href="../assets/images/logos/favicon.png" />
|
||||
<link rel="stylesheet" href="../assets/css/styles.min.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Body Wrapper -->
|
||||
<div class="page-wrapper" id="main-wrapper" data-layout="vertical" data-navbarbg="skin6" data-sidebartype="full"
|
||||
data-sidebar-position="fixed" data-header-position="fixed">
|
||||
<div
|
||||
class="position-relative overflow-hidden radial-gradient min-vh-100 d-flex align-items-center justify-content-center">
|
||||
<div class="d-flex align-items-center justify-content-center w-100">
|
||||
<div class="row justify-content-center w-100">
|
||||
<div class="col-md-8 col-lg-6 col-xxl-3">
|
||||
<div class="card mb-0">
|
||||
<div class="card-body">
|
||||
<a href="./index.html" class="text-nowrap logo-img text-center d-block py-3 w-100">
|
||||
<img src="../assets/images/logos/dark-logo.svg" width="180" alt="">
|
||||
</a>
|
||||
<p class="text-center">Your Social Campaigns</p>
|
||||
<form>
|
||||
<div class="mb-3">
|
||||
<label for="exampleInputEmail1" class="form-label">Username</label>
|
||||
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
|
||||
</div>
|
||||
<div class="mb-4">
|
||||
<label for="exampleInputPassword1" class="form-label">Password</label>
|
||||
<input type="password" class="form-control" id="exampleInputPassword1">
|
||||
</div>
|
||||
<div class="d-flex align-items-center justify-content-between mb-4">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input primary" type="checkbox" value="" id="flexCheckChecked" checked>
|
||||
<label class="form-check-label text-dark" for="flexCheckChecked">
|
||||
Remeber this Device
|
||||
</label>
|
||||
</div>
|
||||
<a class="text-primary fw-bold" href="./index.html">Forgot Password ?</a>
|
||||
</div>
|
||||
<a href="./index.html" class="btn btn-primary w-100 py-8 fs-4 mb-4 rounded-2">Sign In</a>
|
||||
<div class="d-flex align-items-center justify-content-center">
|
||||
<p class="fs-4 mb-0 fw-bold">New to Modernize?</p>
|
||||
<a class="text-primary fw-bold ms-2" href="./authentication-register.html">Create an account</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="../assets/libs/jquery/dist/jquery.min.js"></script>
|
||||
<script src="../assets/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,57 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Modernize Free</title>
|
||||
<link rel="shortcut icon" type="image/png" href="../assets/images/logos/favicon.png" />
|
||||
<link rel="stylesheet" href="../assets/css/styles.min.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Body Wrapper -->
|
||||
<div class="page-wrapper" id="main-wrapper" data-layout="vertical" data-navbarbg="skin6" data-sidebartype="full"
|
||||
data-sidebar-position="fixed" data-header-position="fixed">
|
||||
<div
|
||||
class="position-relative overflow-hidden radial-gradient min-vh-100 d-flex align-items-center justify-content-center">
|
||||
<div class="d-flex align-items-center justify-content-center w-100">
|
||||
<div class="row justify-content-center w-100">
|
||||
<div class="col-md-8 col-lg-6 col-xxl-3">
|
||||
<div class="card mb-0">
|
||||
<div class="card-body">
|
||||
<a href="./index.html" class="text-nowrap logo-img text-center d-block py-3 w-100">
|
||||
<img src="../assets/images/logos/dark-logo.svg" width="180" alt="">
|
||||
</a>
|
||||
<p class="text-center">Your Social Campaigns</p>
|
||||
<form>
|
||||
<div class="mb-3">
|
||||
<label for="exampleInputtext1" class="form-label">Name</label>
|
||||
<input type="text" class="form-control" id="exampleInputtext1" aria-describedby="textHelp">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="exampleInputEmail1" class="form-label">Email Address</label>
|
||||
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
|
||||
</div>
|
||||
<div class="mb-4">
|
||||
<label for="exampleInputPassword1" class="form-label">Password</label>
|
||||
<input type="password" class="form-control" id="exampleInputPassword1">
|
||||
</div>
|
||||
<a href="./index.html" class="btn btn-primary w-100 py-8 fs-4 mb-4 rounded-2">Sign Up</a>
|
||||
<div class="d-flex align-items-center justify-content-center">
|
||||
<p class="fs-4 mb-0 fw-bold">Already have an Account?</p>
|
||||
<a class="text-primary fw-bold ms-2" href="./authentication-login.html">Sign In</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="../assets/libs/jquery/dist/jquery.min.js"></script>
|
||||
<script src="../assets/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,212 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Modernize Free</title>
|
||||
<link rel="shortcut icon" type="image/png" href="../assets/images/logos/favicon.png" />
|
||||
<link rel="stylesheet" href="../assets/css/styles.min.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Body Wrapper -->
|
||||
<div class="page-wrapper" id="main-wrapper" data-layout="vertical" data-navbarbg="skin6" data-sidebartype="full"
|
||||
data-sidebar-position="fixed" data-header-position="fixed">
|
||||
<!-- Sidebar Start -->
|
||||
<aside class="left-sidebar">
|
||||
<!-- Sidebar scroll-->
|
||||
<div>
|
||||
<div class="brand-logo d-flex align-items-center justify-content-between">
|
||||
<a href="./index.html" class="text-nowrap logo-img">
|
||||
<img src="../assets/images/logos/dark-logo.svg" width="180" alt="" />
|
||||
</a>
|
||||
<div class="close-btn d-xl-none d-block sidebartoggler cursor-pointer" id="sidebarCollapse">
|
||||
<i class="ti ti-x fs-8"></i>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Sidebar navigation-->
|
||||
<nav class="sidebar-nav scroll-sidebar" data-simplebar="">
|
||||
<ul id="sidebarnav">
|
||||
<li class="nav-small-cap">
|
||||
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
|
||||
<span class="hide-menu">Home</span>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./index.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-layout-dashboard"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Dashboard</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-small-cap">
|
||||
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
|
||||
<span class="hide-menu">UI COMPONENTS</span>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-buttons.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-article"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Buttons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-alerts.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-alert-circle"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Alerts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-card.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-cards"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Card</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-forms.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-file-description"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Forms</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-typography.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-typography"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Typography</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-small-cap">
|
||||
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
|
||||
<span class="hide-menu">AUTH</span>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./authentication-login.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-login"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Login</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./authentication-register.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-user-plus"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Register</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-small-cap">
|
||||
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
|
||||
<span class="hide-menu">EXTRA</span>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./icon-tabler.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-mood-happy"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Icons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./sample-page.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-aperture"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Sample Page</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="unlimited-access hide-menu bg-light-primary position-relative mb-7 mt-5 rounded">
|
||||
<div class="d-flex">
|
||||
<div class="unlimited-access-title me-3">
|
||||
<h6 class="fw-semibold fs-4 mb-6 text-dark w-85">Upgrade to pro</h6>
|
||||
<a href="https://adminmart.com/product/modernize-bootstrap-5-admin-template/" target="_blank" class="btn btn-primary fs-2 fw-semibold lh-sm">Buy Pro</a>
|
||||
</div>
|
||||
<div class="unlimited-access-img">
|
||||
<img src="../assets/images/backgrounds/rocket.png" alt="" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- End Sidebar navigation -->
|
||||
</div>
|
||||
<!-- End Sidebar scroll-->
|
||||
</aside>
|
||||
<!-- Sidebar End -->
|
||||
<!-- Main wrapper -->
|
||||
<div class="body-wrapper">
|
||||
<!-- Header Start -->
|
||||
<header class="app-header">
|
||||
<nav class="navbar navbar-expand-lg navbar-light">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item d-block d-xl-none">
|
||||
<a class="nav-link sidebartoggler nav-icon-hover" id="headerCollapse" href="javascript:void(0)">
|
||||
<i class="ti ti-menu-2"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link nav-icon-hover" href="javascript:void(0)">
|
||||
<i class="ti ti-bell-ringing"></i>
|
||||
<div class="notification bg-primary rounded-circle"></div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="navbar-collapse justify-content-end px-0" id="navbarNav">
|
||||
<ul class="navbar-nav flex-row ms-auto align-items-center justify-content-end">
|
||||
<a href="https://adminmart.com/product/modernize-free-bootstrap-admin-dashboard/" target="_blank" class="btn btn-primary">Download Free</a>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link nav-icon-hover" href="javascript:void(0)" id="drop2" data-bs-toggle="dropdown"
|
||||
aria-expanded="false">
|
||||
<img src="../assets/images/profile/user-1.jpg" alt="" width="35" height="35" class="rounded-circle">
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-end dropdown-menu-animate-up" aria-labelledby="drop2">
|
||||
<div class="message-body">
|
||||
<a href="javascript:void(0)" class="d-flex align-items-center gap-2 dropdown-item">
|
||||
<i class="ti ti-user fs-6"></i>
|
||||
<p class="mb-0 fs-3">My Profile</p>
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="d-flex align-items-center gap-2 dropdown-item">
|
||||
<i class="ti ti-mail fs-6"></i>
|
||||
<p class="mb-0 fs-3">My Account</p>
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="d-flex align-items-center gap-2 dropdown-item">
|
||||
<i class="ti ti-list-check fs-6"></i>
|
||||
<p class="mb-0 fs-3">My Task</p>
|
||||
</a>
|
||||
<a href="./authentication-login.html" class="btn btn-outline-primary mx-3 mt-2 d-block">Logout</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<!-- Header End -->
|
||||
<div class="container-fluid">
|
||||
<div class="card w-100 h-100 position-relative overflow-hidden">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title fw-semibold mb-4">Icons</h5>
|
||||
<iframe src="https://tabler-icons.io/" frameborder="0" style="height: calc(100vh - 250px); width: 100%;"
|
||||
data-simplebar=""></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="../assets/libs/jquery/dist/jquery.min.js"></script>
|
||||
<script src="../assets/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="../assets/js/sidebarmenu.js"></script>
|
||||
<script src="../assets/js/app.min.js"></script>
|
||||
<script src="../assets/libs/simplebar/dist/simplebar.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,554 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Modernize Free</title>
|
||||
<link rel="shortcut icon" type="image/png" href="../assets/images/logos/favicon.png" />
|
||||
<link rel="stylesheet" href="../assets/css/styles.min.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Body Wrapper -->
|
||||
<div class="page-wrapper" id="main-wrapper" data-layout="vertical" data-navbarbg="skin6" data-sidebartype="full"
|
||||
data-sidebar-position="fixed" data-header-position="fixed">
|
||||
<!-- Sidebar Start -->
|
||||
<aside class="left-sidebar">
|
||||
<!-- Sidebar scroll-->
|
||||
<div>
|
||||
<div class="brand-logo d-flex align-items-center justify-content-between">
|
||||
<a href="./index.html" class="text-nowrap logo-img">
|
||||
<img src="../assets/images/logos/dark-logo.svg" width="180" alt="" />
|
||||
</a>
|
||||
<div class="close-btn d-xl-none d-block sidebartoggler cursor-pointer" id="sidebarCollapse">
|
||||
<i class="ti ti-x fs-8"></i>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Sidebar navigation-->
|
||||
<nav class="sidebar-nav scroll-sidebar" data-simplebar="">
|
||||
<ul id="sidebarnav">
|
||||
<li class="nav-small-cap">
|
||||
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
|
||||
<span class="hide-menu">Home</span>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./index.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-layout-dashboard"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Dashboard</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-small-cap">
|
||||
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
|
||||
<span class="hide-menu">UI COMPONENTS</span>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-buttons.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-article"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Buttons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-alerts.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-alert-circle"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Alerts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-card.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-cards"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Card</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-forms.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-file-description"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Forms</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-typography.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-typography"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Typography</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-small-cap">
|
||||
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
|
||||
<span class="hide-menu">AUTH</span>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./authentication-login.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-login"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Login</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./authentication-register.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-user-plus"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Register</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-small-cap">
|
||||
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
|
||||
<span class="hide-menu">EXTRA</span>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./icon-tabler.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-mood-happy"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Icons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./sample-page.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-aperture"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Sample Page</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="unlimited-access hide-menu bg-light-primary position-relative mb-7 mt-5 rounded">
|
||||
<div class="d-flex">
|
||||
<div class="unlimited-access-title me-3">
|
||||
<h6 class="fw-semibold fs-4 mb-6 text-dark w-85">Upgrade to pro</h6>
|
||||
<a href="https://adminmart.com/product/modernize-bootstrap-5-admin-template/" target="_blank" class="btn btn-primary fs-2 fw-semibold lh-sm">Buy Pro</a>
|
||||
</div>
|
||||
<div class="unlimited-access-img">
|
||||
<img src="../assets/images/backgrounds/rocket.png" alt="" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- End Sidebar navigation -->
|
||||
</div>
|
||||
<!-- End Sidebar scroll-->
|
||||
</aside>
|
||||
<!-- Sidebar End -->
|
||||
<!-- Main wrapper -->
|
||||
<div class="body-wrapper">
|
||||
<!-- Header Start -->
|
||||
<header class="app-header">
|
||||
<nav class="navbar navbar-expand-lg navbar-light">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item d-block d-xl-none">
|
||||
<a class="nav-link sidebartoggler nav-icon-hover" id="headerCollapse" href="javascript:void(0)">
|
||||
<i class="ti ti-menu-2"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link nav-icon-hover" href="javascript:void(0)">
|
||||
<i class="ti ti-bell-ringing"></i>
|
||||
<div class="notification bg-primary rounded-circle"></div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="navbar-collapse justify-content-end px-0" id="navbarNav">
|
||||
<ul class="navbar-nav flex-row ms-auto align-items-center justify-content-end">
|
||||
<a href="https://adminmart.com/product/modernize-free-bootstrap-admin-dashboard/" target="_blank" class="btn btn-primary">Download Free</a>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link nav-icon-hover" href="javascript:void(0)" id="drop2" data-bs-toggle="dropdown"
|
||||
aria-expanded="false">
|
||||
<img src="../assets/images/profile/user-1.jpg" alt="" width="35" height="35" class="rounded-circle">
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-end dropdown-menu-animate-up" aria-labelledby="drop2">
|
||||
<div class="message-body">
|
||||
<a href="javascript:void(0)" class="d-flex align-items-center gap-2 dropdown-item">
|
||||
<i class="ti ti-user fs-6"></i>
|
||||
<p class="mb-0 fs-3">My Profile</p>
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="d-flex align-items-center gap-2 dropdown-item">
|
||||
<i class="ti ti-mail fs-6"></i>
|
||||
<p class="mb-0 fs-3">My Account</p>
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="d-flex align-items-center gap-2 dropdown-item">
|
||||
<i class="ti ti-list-check fs-6"></i>
|
||||
<p class="mb-0 fs-3">My Task</p>
|
||||
</a>
|
||||
<a href="./authentication-login.html" class="btn btn-outline-primary mx-3 mt-2 d-block">Logout</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<!-- Header End -->
|
||||
<div class="container-fluid">
|
||||
<!-- Row 1 -->
|
||||
<div class="row">
|
||||
<div class="col-lg-8 d-flex align-items-strech">
|
||||
<div class="card w-100">
|
||||
<div class="card-body">
|
||||
<div class="d-sm-flex d-block align-items-center justify-content-between mb-9">
|
||||
<div class="mb-3 mb-sm-0">
|
||||
<h5 class="card-title fw-semibold">Sales Overview</h5>
|
||||
</div>
|
||||
<div>
|
||||
<select class="form-select">
|
||||
<option value="1">March 2023</option>
|
||||
<option value="2">April 2023</option>
|
||||
<option value="3">May 2023</option>
|
||||
<option value="4">June 2023</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div id="chart"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<!-- Yearly Breakup -->
|
||||
<div class="card overflow-hidden">
|
||||
<div class="card-body p-4">
|
||||
<h5 class="card-title mb-9 fw-semibold">Yearly Breakup</h5>
|
||||
<div class="row align-items-center">
|
||||
<div class="col-8">
|
||||
<h4 class="fw-semibold mb-3">$36,358</h4>
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<span
|
||||
class="me-1 rounded-circle bg-light-success round-20 d-flex align-items-center justify-content-center">
|
||||
<i class="ti ti-arrow-up-left text-success"></i>
|
||||
</span>
|
||||
<p class="text-dark me-1 fs-3 mb-0">+9%</p>
|
||||
<p class="fs-3 mb-0">last year</p>
|
||||
</div>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="me-4">
|
||||
<span class="round-8 bg-primary rounded-circle me-2 d-inline-block"></span>
|
||||
<span class="fs-2">2023</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="round-8 bg-light-primary rounded-circle me-2 d-inline-block"></span>
|
||||
<span class="fs-2">2023</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="d-flex justify-content-center">
|
||||
<div id="breakup"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<!-- Monthly Earnings -->
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="row alig n-items-start">
|
||||
<div class="col-8">
|
||||
<h5 class="card-title mb-9 fw-semibold"> Monthly Earnings </h5>
|
||||
<h4 class="fw-semibold mb-3">$6,820</h4>
|
||||
<div class="d-flex align-items-center pb-1">
|
||||
<span
|
||||
class="me-2 rounded-circle bg-light-danger round-20 d-flex align-items-center justify-content-center">
|
||||
<i class="ti ti-arrow-down-right text-danger"></i>
|
||||
</span>
|
||||
<p class="text-dark me-1 fs-3 mb-0">+9%</p>
|
||||
<p class="fs-3 mb-0">last year</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="d-flex justify-content-end">
|
||||
<div
|
||||
class="text-white bg-secondary rounded-circle p-6 d-flex align-items-center justify-content-center">
|
||||
<i class="ti ti-currency-dollar fs-6"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="earning"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-4 d-flex align-items-stretch">
|
||||
<div class="card w-100">
|
||||
<div class="card-body p-4">
|
||||
<div class="mb-4">
|
||||
<h5 class="card-title fw-semibold">Recent Transactions</h5>
|
||||
</div>
|
||||
<ul class="timeline-widget mb-0 position-relative mb-n5">
|
||||
<li class="timeline-item d-flex position-relative overflow-hidden">
|
||||
<div class="timeline-time text-dark flex-shrink-0 text-end">09:30</div>
|
||||
<div class="timeline-badge-wrap d-flex flex-column align-items-center">
|
||||
<span class="timeline-badge border-2 border border-primary flex-shrink-0 my-8"></span>
|
||||
<span class="timeline-badge-border d-block flex-shrink-0"></span>
|
||||
</div>
|
||||
<div class="timeline-desc fs-3 text-dark mt-n1">Payment received from John Doe of $385.90</div>
|
||||
</li>
|
||||
<li class="timeline-item d-flex position-relative overflow-hidden">
|
||||
<div class="timeline-time text-dark flex-shrink-0 text-end">10:00 am</div>
|
||||
<div class="timeline-badge-wrap d-flex flex-column align-items-center">
|
||||
<span class="timeline-badge border-2 border border-info flex-shrink-0 my-8"></span>
|
||||
<span class="timeline-badge-border d-block flex-shrink-0"></span>
|
||||
</div>
|
||||
<div class="timeline-desc fs-3 text-dark mt-n1 fw-semibold">New sale recorded <a
|
||||
href="javascript:void(0)" class="text-primary d-block fw-normal">#ML-3467</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="timeline-item d-flex position-relative overflow-hidden">
|
||||
<div class="timeline-time text-dark flex-shrink-0 text-end">12:00 am</div>
|
||||
<div class="timeline-badge-wrap d-flex flex-column align-items-center">
|
||||
<span class="timeline-badge border-2 border border-success flex-shrink-0 my-8"></span>
|
||||
<span class="timeline-badge-border d-block flex-shrink-0"></span>
|
||||
</div>
|
||||
<div class="timeline-desc fs-3 text-dark mt-n1">Payment was made of $64.95 to Michael</div>
|
||||
</li>
|
||||
<li class="timeline-item d-flex position-relative overflow-hidden">
|
||||
<div class="timeline-time text-dark flex-shrink-0 text-end">09:30 am</div>
|
||||
<div class="timeline-badge-wrap d-flex flex-column align-items-center">
|
||||
<span class="timeline-badge border-2 border border-warning flex-shrink-0 my-8"></span>
|
||||
<span class="timeline-badge-border d-block flex-shrink-0"></span>
|
||||
</div>
|
||||
<div class="timeline-desc fs-3 text-dark mt-n1 fw-semibold">New sale recorded <a
|
||||
href="javascript:void(0)" class="text-primary d-block fw-normal">#ML-3467</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="timeline-item d-flex position-relative overflow-hidden">
|
||||
<div class="timeline-time text-dark flex-shrink-0 text-end">09:30 am</div>
|
||||
<div class="timeline-badge-wrap d-flex flex-column align-items-center">
|
||||
<span class="timeline-badge border-2 border border-danger flex-shrink-0 my-8"></span>
|
||||
<span class="timeline-badge-border d-block flex-shrink-0"></span>
|
||||
</div>
|
||||
<div class="timeline-desc fs-3 text-dark mt-n1 fw-semibold">New arrival recorded
|
||||
</div>
|
||||
</li>
|
||||
<li class="timeline-item d-flex position-relative overflow-hidden">
|
||||
<div class="timeline-time text-dark flex-shrink-0 text-end">12:00 am</div>
|
||||
<div class="timeline-badge-wrap d-flex flex-column align-items-center">
|
||||
<span class="timeline-badge border-2 border border-success flex-shrink-0 my-8"></span>
|
||||
</div>
|
||||
<div class="timeline-desc fs-3 text-dark mt-n1">Payment Done</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 d-flex align-items-stretch">
|
||||
<div class="card w-100">
|
||||
<div class="card-body p-4">
|
||||
<h5 class="card-title fw-semibold mb-4">Recent Transactions</h5>
|
||||
<div class="table-responsive">
|
||||
<table class="table text-nowrap mb-0 align-middle">
|
||||
<thead class="text-dark fs-4">
|
||||
<tr>
|
||||
<th class="border-bottom-0">
|
||||
<h6 class="fw-semibold mb-0">Id</h6>
|
||||
</th>
|
||||
<th class="border-bottom-0">
|
||||
<h6 class="fw-semibold mb-0">Assigned</h6>
|
||||
</th>
|
||||
<th class="border-bottom-0">
|
||||
<h6 class="fw-semibold mb-0">Name</h6>
|
||||
</th>
|
||||
<th class="border-bottom-0">
|
||||
<h6 class="fw-semibold mb-0">Priority</h6>
|
||||
</th>
|
||||
<th class="border-bottom-0">
|
||||
<h6 class="fw-semibold mb-0">Budget</h6>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="border-bottom-0"><h6 class="fw-semibold mb-0">1</h6></td>
|
||||
<td class="border-bottom-0">
|
||||
<h6 class="fw-semibold mb-1">Sunil Joshi</h6>
|
||||
<span class="fw-normal">Web Designer</span>
|
||||
</td>
|
||||
<td class="border-bottom-0">
|
||||
<p class="mb-0 fw-normal">Elite Admin</p>
|
||||
</td>
|
||||
<td class="border-bottom-0">
|
||||
<div class="d-flex align-items-center gap-2">
|
||||
<span class="badge bg-primary rounded-3 fw-semibold">Low</span>
|
||||
</div>
|
||||
</td>
|
||||
<td class="border-bottom-0">
|
||||
<h6 class="fw-semibold mb-0 fs-4">$3.9</h6>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="border-bottom-0"><h6 class="fw-semibold mb-0">2</h6></td>
|
||||
<td class="border-bottom-0">
|
||||
<h6 class="fw-semibold mb-1">Andrew McDownland</h6>
|
||||
<span class="fw-normal">Project Manager</span>
|
||||
</td>
|
||||
<td class="border-bottom-0">
|
||||
<p class="mb-0 fw-normal">Real Homes WP Theme</p>
|
||||
</td>
|
||||
<td class="border-bottom-0">
|
||||
<div class="d-flex align-items-center gap-2">
|
||||
<span class="badge bg-secondary rounded-3 fw-semibold">Medium</span>
|
||||
</div>
|
||||
</td>
|
||||
<td class="border-bottom-0">
|
||||
<h6 class="fw-semibold mb-0 fs-4">$24.5k</h6>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="border-bottom-0"><h6 class="fw-semibold mb-0">3</h6></td>
|
||||
<td class="border-bottom-0">
|
||||
<h6 class="fw-semibold mb-1">Christopher Jamil</h6>
|
||||
<span class="fw-normal">Project Manager</span>
|
||||
</td>
|
||||
<td class="border-bottom-0">
|
||||
<p class="mb-0 fw-normal">MedicalPro WP Theme</p>
|
||||
</td>
|
||||
<td class="border-bottom-0">
|
||||
<div class="d-flex align-items-center gap-2">
|
||||
<span class="badge bg-danger rounded-3 fw-semibold">High</span>
|
||||
</div>
|
||||
</td>
|
||||
<td class="border-bottom-0">
|
||||
<h6 class="fw-semibold mb-0 fs-4">$12.8k</h6>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="border-bottom-0"><h6 class="fw-semibold mb-0">4</h6></td>
|
||||
<td class="border-bottom-0">
|
||||
<h6 class="fw-semibold mb-1">Nirav Joshi</h6>
|
||||
<span class="fw-normal">Frontend Engineer</span>
|
||||
</td>
|
||||
<td class="border-bottom-0">
|
||||
<p class="mb-0 fw-normal">Hosting Press HTML</p>
|
||||
</td>
|
||||
<td class="border-bottom-0">
|
||||
<div class="d-flex align-items-center gap-2">
|
||||
<span class="badge bg-success rounded-3 fw-semibold">Critical</span>
|
||||
</div>
|
||||
</td>
|
||||
<td class="border-bottom-0">
|
||||
<h6 class="fw-semibold mb-0 fs-4">$2.4k</h6>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-xl-3">
|
||||
<div class="card overflow-hidden rounded-2">
|
||||
<div class="position-relative">
|
||||
<a href="javascript:void(0)"><img src="../assets/images/products/s4.jpg" class="card-img-top rounded-0" alt="..."></a>
|
||||
<a href="javascript:void(0)" class="bg-primary rounded-circle p-2 text-white d-inline-flex position-absolute bottom-0 end-0 mb-n3 me-3" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Add To Cart"><i class="ti ti-basket fs-4"></i></a> </div>
|
||||
<div class="card-body pt-3 p-4">
|
||||
<h6 class="fw-semibold fs-4">Boat Headphone</h6>
|
||||
<div class="d-flex align-items-center justify-content-between">
|
||||
<h6 class="fw-semibold fs-4 mb-0">$50 <span class="ms-2 fw-normal text-muted fs-3"><del>$65</del></span></h6>
|
||||
<ul class="list-unstyled d-flex align-items-center mb-0">
|
||||
<li><a class="me-1" href="javascript:void(0)"><i class="ti ti-star text-warning"></i></a></li>
|
||||
<li><a class="me-1" href="javascript:void(0)"><i class="ti ti-star text-warning"></i></a></li>
|
||||
<li><a class="me-1" href="javascript:void(0)"><i class="ti ti-star text-warning"></i></a></li>
|
||||
<li><a class="me-1" href="javascript:void(0)"><i class="ti ti-star text-warning"></i></a></li>
|
||||
<li><a class="" href="javascript:void(0)"><i class="ti ti-star text-warning"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-xl-3">
|
||||
<div class="card overflow-hidden rounded-2">
|
||||
<div class="position-relative">
|
||||
<a href="javascript:void(0)"><img src="../assets/images/products/s5.jpg" class="card-img-top rounded-0" alt="..."></a>
|
||||
<a href="javascript:void(0)" class="bg-primary rounded-circle p-2 text-white d-inline-flex position-absolute bottom-0 end-0 mb-n3 me-3" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Add To Cart"><i class="ti ti-basket fs-4"></i></a> </div>
|
||||
<div class="card-body pt-3 p-4">
|
||||
<h6 class="fw-semibold fs-4">MacBook Air Pro</h6>
|
||||
<div class="d-flex align-items-center justify-content-between">
|
||||
<h6 class="fw-semibold fs-4 mb-0">$650 <span class="ms-2 fw-normal text-muted fs-3"><del>$900</del></span></h6>
|
||||
<ul class="list-unstyled d-flex align-items-center mb-0">
|
||||
<li><a class="me-1" href="javascript:void(0)"><i class="ti ti-star text-warning"></i></a></li>
|
||||
<li><a class="me-1" href="javascript:void(0)"><i class="ti ti-star text-warning"></i></a></li>
|
||||
<li><a class="me-1" href="javascript:void(0)"><i class="ti ti-star text-warning"></i></a></li>
|
||||
<li><a class="me-1" href="javascript:void(0)"><i class="ti ti-star text-warning"></i></a></li>
|
||||
<li><a class="" href="javascript:void(0)"><i class="ti ti-star text-warning"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-xl-3">
|
||||
<div class="card overflow-hidden rounded-2">
|
||||
<div class="position-relative">
|
||||
<a href="javascript:void(0)"><img src="../assets/images/products/s7.jpg" class="card-img-top rounded-0" alt="..."></a>
|
||||
<a href="javascript:void(0)" class="bg-primary rounded-circle p-2 text-white d-inline-flex position-absolute bottom-0 end-0 mb-n3 me-3" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Add To Cart"><i class="ti ti-basket fs-4"></i></a> </div>
|
||||
<div class="card-body pt-3 p-4">
|
||||
<h6 class="fw-semibold fs-4">Red Valvet Dress</h6>
|
||||
<div class="d-flex align-items-center justify-content-between">
|
||||
<h6 class="fw-semibold fs-4 mb-0">$150 <span class="ms-2 fw-normal text-muted fs-3"><del>$200</del></span></h6>
|
||||
<ul class="list-unstyled d-flex align-items-center mb-0">
|
||||
<li><a class="me-1" href="javascript:void(0)"><i class="ti ti-star text-warning"></i></a></li>
|
||||
<li><a class="me-1" href="javascript:void(0)"><i class="ti ti-star text-warning"></i></a></li>
|
||||
<li><a class="me-1" href="javascript:void(0)"><i class="ti ti-star text-warning"></i></a></li>
|
||||
<li><a class="me-1" href="javascript:void(0)"><i class="ti ti-star text-warning"></i></a></li>
|
||||
<li><a class="" href="javascript:void(0)"><i class="ti ti-star text-warning"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-xl-3">
|
||||
<div class="card overflow-hidden rounded-2">
|
||||
<div class="position-relative">
|
||||
<a href="javascript:void(0)"><img src="../assets/images/products/s11.jpg" class="card-img-top rounded-0" alt="..."></a>
|
||||
<a href="javascript:void(0)" class="bg-primary rounded-circle p-2 text-white d-inline-flex position-absolute bottom-0 end-0 mb-n3 me-3" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Add To Cart"><i class="ti ti-basket fs-4"></i></a> </div>
|
||||
<div class="card-body pt-3 p-4">
|
||||
<h6 class="fw-semibold fs-4">Cute Soft Teddybear</h6>
|
||||
<div class="d-flex align-items-center justify-content-between">
|
||||
<h6 class="fw-semibold fs-4 mb-0">$285 <span class="ms-2 fw-normal text-muted fs-3"><del>$345</del></span></h6>
|
||||
<ul class="list-unstyled d-flex align-items-center mb-0">
|
||||
<li><a class="me-1" href="javascript:void(0)"><i class="ti ti-star text-warning"></i></a></li>
|
||||
<li><a class="me-1" href="javascript:void(0)"><i class="ti ti-star text-warning"></i></a></li>
|
||||
<li><a class="me-1" href="javascript:void(0)"><i class="ti ti-star text-warning"></i></a></li>
|
||||
<li><a class="me-1" href="javascript:void(0)"><i class="ti ti-star text-warning"></i></a></li>
|
||||
<li><a class="" href="javascript:void(0)"><i class="ti ti-star text-warning"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="py-6 px-6 text-center">
|
||||
<p class="mb-0 fs-4">Design and Developed by <a href="https://adminmart.com/" target="_blank" class="pe-1 text-primary text-decoration-underline">AdminMart.com</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="../assets/libs/jquery/dist/jquery.min.js"></script>
|
||||
<script src="../assets/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="../assets/js/sidebarmenu.js"></script>
|
||||
<script src="../assets/js/app.min.js"></script>
|
||||
<script src="../assets/libs/apexcharts/dist/apexcharts.min.js"></script>
|
||||
<script src="../assets/libs/simplebar/dist/simplebar.js"></script>
|
||||
<script src="../assets/js/dashboard.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,211 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Modernize Free</title>
|
||||
<link rel="shortcut icon" type="image/png" href="../assets/images/logos/favicon.png" />
|
||||
<link rel="stylesheet" href="../assets/css/styles.min.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Body Wrapper -->
|
||||
<div class="page-wrapper" id="main-wrapper" data-layout="vertical" data-navbarbg="skin6" data-sidebartype="full"
|
||||
data-sidebar-position="fixed" data-header-position="fixed">
|
||||
<!-- Sidebar Start -->
|
||||
<aside class="left-sidebar">
|
||||
<!-- Sidebar scroll-->
|
||||
<div>
|
||||
<div class="brand-logo d-flex align-items-center justify-content-between">
|
||||
<a href="./index.html" class="text-nowrap logo-img">
|
||||
<img src="../assets/images/logos/dark-logo.svg" width="180" alt="" />
|
||||
</a>
|
||||
<div class="close-btn d-xl-none d-block sidebartoggler cursor-pointer" id="sidebarCollapse">
|
||||
<i class="ti ti-x fs-8"></i>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Sidebar navigation-->
|
||||
<nav class="sidebar-nav scroll-sidebar" data-simplebar="">
|
||||
<ul id="sidebarnav">
|
||||
<li class="nav-small-cap">
|
||||
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
|
||||
<span class="hide-menu">Home</span>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./index.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-layout-dashboard"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Dashboard</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-small-cap">
|
||||
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
|
||||
<span class="hide-menu">UI COMPONENTS</span>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-buttons.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-article"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Buttons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-alerts.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-alert-circle"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Alerts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-card.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-cards"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Card</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-forms.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-file-description"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Forms</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-typography.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-typography"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Typography</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-small-cap">
|
||||
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
|
||||
<span class="hide-menu">AUTH</span>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./authentication-login.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-login"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Login</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./authentication-register.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-user-plus"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Register</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-small-cap">
|
||||
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
|
||||
<span class="hide-menu">EXTRA</span>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./icon-tabler.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-mood-happy"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Icons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./sample-page.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-aperture"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Sample Page</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="unlimited-access hide-menu bg-light-primary position-relative mb-7 mt-5 rounded">
|
||||
<div class="d-flex">
|
||||
<div class="unlimited-access-title me-3">
|
||||
<h6 class="fw-semibold fs-4 mb-6 text-dark w-85">Upgrade to pro</h6>
|
||||
<a href="https://adminmart.com/product/modernize-bootstrap-5-admin-template/" target="_blank" class="btn btn-primary fs-2 fw-semibold lh-sm">Buy Pro</a>
|
||||
</div>
|
||||
<div class="unlimited-access-img">
|
||||
<img src="../assets/images/backgrounds/rocket.png" alt="" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- End Sidebar navigation -->
|
||||
</div>
|
||||
<!-- End Sidebar scroll-->
|
||||
</aside>
|
||||
<!-- Sidebar End -->
|
||||
<!-- Main wrapper -->
|
||||
<div class="body-wrapper">
|
||||
<!-- Header Start -->
|
||||
<header class="app-header">
|
||||
<nav class="navbar navbar-expand-lg navbar-light">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item d-block d-xl-none">
|
||||
<a class="nav-link sidebartoggler nav-icon-hover" id="headerCollapse" href="javascript:void(0)">
|
||||
<i class="ti ti-menu-2"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link nav-icon-hover" href="javascript:void(0)">
|
||||
<i class="ti ti-bell-ringing"></i>
|
||||
<div class="notification bg-primary rounded-circle"></div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="navbar-collapse justify-content-end px-0" id="navbarNav">
|
||||
<ul class="navbar-nav flex-row ms-auto align-items-center justify-content-end">
|
||||
<a href="https://adminmart.com/product/modernize-free-bootstrap-admin-dashboard/" target="_blank" class="btn btn-primary">Download Free</a>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link nav-icon-hover" href="javascript:void(0)" id="drop2" data-bs-toggle="dropdown"
|
||||
aria-expanded="false">
|
||||
<img src="../assets/images/profile/user-1.jpg" alt="" width="35" height="35" class="rounded-circle">
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-end dropdown-menu-animate-up" aria-labelledby="drop2">
|
||||
<div class="message-body">
|
||||
<a href="javascript:void(0)" class="d-flex align-items-center gap-2 dropdown-item">
|
||||
<i class="ti ti-user fs-6"></i>
|
||||
<p class="mb-0 fs-3">My Profile</p>
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="d-flex align-items-center gap-2 dropdown-item">
|
||||
<i class="ti ti-mail fs-6"></i>
|
||||
<p class="mb-0 fs-3">My Account</p>
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="d-flex align-items-center gap-2 dropdown-item">
|
||||
<i class="ti ti-list-check fs-6"></i>
|
||||
<p class="mb-0 fs-3">My Task</p>
|
||||
</a>
|
||||
<a href="./authentication-login.html" class="btn btn-outline-primary mx-3 mt-2 d-block">Logout</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<!-- Header End -->
|
||||
<div class="container-fluid">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title fw-semibold mb-4">Sample Page</h5>
|
||||
<p class="mb-0">This is a sample page </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="../assets/libs/jquery/dist/jquery.min.js"></script>
|
||||
<script src="../assets/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="../assets/js/sidebarmenu.js"></script>
|
||||
<script src="../assets/js/app.min.js"></script>
|
||||
<script src="../assets/libs/simplebar/dist/simplebar.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,240 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Modernize Free</title>
|
||||
<link rel="shortcut icon" type="image/png" href="../assets/images/logos/favicon.png" />
|
||||
<link rel="stylesheet" href="../assets/css/styles.min.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Body Wrapper -->
|
||||
<div class="page-wrapper" id="main-wrapper" data-layout="vertical" data-navbarbg="skin6" data-sidebartype="full"
|
||||
data-sidebar-position="fixed" data-header-position="fixed">
|
||||
<!-- Sidebar Start -->
|
||||
<aside class="left-sidebar">
|
||||
<!-- Sidebar scroll-->
|
||||
<div>
|
||||
<div class="brand-logo d-flex align-items-center justify-content-between">
|
||||
<a href="./index.html" class="text-nowrap logo-img">
|
||||
<img src="../assets/images/logos/dark-logo.svg" width="180" alt="" />
|
||||
</a>
|
||||
<div class="close-btn d-xl-none d-block sidebartoggler cursor-pointer" id="sidebarCollapse">
|
||||
<i class="ti ti-x fs-8"></i>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Sidebar navigation-->
|
||||
<nav class="sidebar-nav scroll-sidebar" data-simplebar="">
|
||||
<ul id="sidebarnav">
|
||||
<li class="nav-small-cap">
|
||||
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
|
||||
<span class="hide-menu">Home</span>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./index.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-layout-dashboard"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Dashboard</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-small-cap">
|
||||
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
|
||||
<span class="hide-menu">UI COMPONENTS</span>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-buttons.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-article"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Buttons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-alerts.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-alert-circle"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Alerts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-card.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-cards"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Card</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-forms.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-file-description"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Forms</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-typography.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-typography"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Typography</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-small-cap">
|
||||
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
|
||||
<span class="hide-menu">AUTH</span>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./authentication-login.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-login"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Login</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./authentication-register.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-user-plus"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Register</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-small-cap">
|
||||
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
|
||||
<span class="hide-menu">EXTRA</span>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./icon-tabler.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-mood-happy"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Icons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./sample-page.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-aperture"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Sample Page</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="unlimited-access hide-menu bg-light-primary position-relative mb-7 mt-5 rounded">
|
||||
<div class="d-flex">
|
||||
<div class="unlimited-access-title me-3">
|
||||
<h6 class="fw-semibold fs-4 mb-6 text-dark w-85">Upgrade to pro</h6>
|
||||
<a href="https://adminmart.com/product/modernize-bootstrap-5-admin-template/" target="_blank" class="btn btn-primary fs-2 fw-semibold lh-sm">Buy Pro</a>
|
||||
</div>
|
||||
<div class="unlimited-access-img">
|
||||
<img src="../assets/images/backgrounds/rocket.png" alt="" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- End Sidebar navigation -->
|
||||
</div>
|
||||
<!-- End Sidebar scroll-->
|
||||
</aside>
|
||||
<!-- Sidebar End -->
|
||||
<!-- Main wrapper -->
|
||||
<div class="body-wrapper">
|
||||
<!-- Header Start -->
|
||||
<header class="app-header">
|
||||
<nav class="navbar navbar-expand-lg navbar-light">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item d-block d-xl-none">
|
||||
<a class="nav-link sidebartoggler nav-icon-hover" id="headerCollapse" href="javascript:void(0)">
|
||||
<i class="ti ti-menu-2"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link nav-icon-hover" href="javascript:void(0)">
|
||||
<i class="ti ti-bell-ringing"></i>
|
||||
<div class="notification bg-primary rounded-circle"></div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="navbar-collapse justify-content-end px-0" id="navbarNav">
|
||||
<ul class="navbar-nav flex-row ms-auto align-items-center justify-content-end">
|
||||
<a href="https://adminmart.com/product/modernize-free-bootstrap-admin-dashboard/" target="_blank" class="btn btn-primary">Download Free</a>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link nav-icon-hover" href="javascript:void(0)" id="drop2" data-bs-toggle="dropdown"
|
||||
aria-expanded="false">
|
||||
<img src="../assets/images/profile/user-1.jpg" alt="" width="35" height="35" class="rounded-circle">
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-end dropdown-menu-animate-up" aria-labelledby="drop2">
|
||||
<div class="message-body">
|
||||
<a href="javascript:void(0)" class="d-flex align-items-center gap-2 dropdown-item">
|
||||
<i class="ti ti-user fs-6"></i>
|
||||
<p class="mb-0 fs-3">My Profile</p>
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="d-flex align-items-center gap-2 dropdown-item">
|
||||
<i class="ti ti-mail fs-6"></i>
|
||||
<p class="mb-0 fs-3">My Account</p>
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="d-flex align-items-center gap-2 dropdown-item">
|
||||
<i class="ti ti-list-check fs-6"></i>
|
||||
<p class="mb-0 fs-3">My Task</p>
|
||||
</a>
|
||||
<a href="./authentication-login.html" class="btn btn-outline-primary mx-3 mt-2 d-block">Logout</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<!-- Header End -->
|
||||
<div class="container-fluid">
|
||||
<div class="container-fluid">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title fw-semibold mb-4">Alerts</h5>
|
||||
<div class="card mb-0">
|
||||
<div class="card-body p-4">
|
||||
<div class="alert alert-primary" role="alert">
|
||||
A simple primary alert—check it out!
|
||||
</div>
|
||||
<div class="alert alert-secondary" role="alert">
|
||||
A simple secondary alert—check it out!
|
||||
</div>
|
||||
<div class="alert alert-success" role="alert">
|
||||
A simple success alert—check it out!
|
||||
</div>
|
||||
<div class="alert alert-danger" role="alert">
|
||||
A simple danger alert—check it out!
|
||||
</div>
|
||||
<div class="alert alert-warning" role="alert">
|
||||
A simple warning alert—check it out!
|
||||
</div>
|
||||
<div class="alert alert-info" role="alert">
|
||||
A simple info alert—check it out!
|
||||
</div>
|
||||
<div class="alert alert-light" role="alert">
|
||||
A simple light alert—check it out!
|
||||
</div>
|
||||
<div class="alert alert-dark" role="alert">
|
||||
A simple dark alert—check it out!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="../assets/libs/jquery/dist/jquery.min.js"></script>
|
||||
<script src="../assets/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="../assets/js/sidebarmenu.js"></script>
|
||||
<script src="../assets/js/app.min.js"></script>
|
||||
<script src="../assets/libs/simplebar/dist/simplebar.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,239 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Modernize Free</title>
|
||||
<link rel="shortcut icon" type="image/png" href="../assets/images/logos/favicon.png" />
|
||||
<link rel="stylesheet" href="../assets/css/styles.min.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Body Wrapper -->
|
||||
<div class="page-wrapper" id="main-wrapper" data-layout="vertical" data-navbarbg="skin6" data-sidebartype="full"
|
||||
data-sidebar-position="fixed" data-header-position="fixed">
|
||||
<!-- Sidebar Start -->
|
||||
<aside class="left-sidebar">
|
||||
<!-- Sidebar scroll-->
|
||||
<div>
|
||||
<div class="brand-logo d-flex align-items-center justify-content-between">
|
||||
<a href="./index.html" class="text-nowrap logo-img">
|
||||
<img src="../assets/images/logos/dark-logo.svg" width="180" alt="" />
|
||||
</a>
|
||||
<div class="close-btn d-xl-none d-block sidebartoggler cursor-pointer" id="sidebarCollapse">
|
||||
<i class="ti ti-x fs-8"></i>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Sidebar navigation-->
|
||||
<nav class="sidebar-nav scroll-sidebar" data-simplebar="">
|
||||
<ul id="sidebarnav">
|
||||
<li class="nav-small-cap">
|
||||
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
|
||||
<span class="hide-menu">Home</span>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./index.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-layout-dashboard"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Dashboard</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-small-cap">
|
||||
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
|
||||
<span class="hide-menu">UI COMPONENTS</span>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-buttons.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-article"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Buttons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-alerts.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-alert-circle"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Alerts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-card.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-cards"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Card</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-forms.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-file-description"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Forms</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-typography.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-typography"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Typography</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-small-cap">
|
||||
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
|
||||
<span class="hide-menu">AUTH</span>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./authentication-login.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-login"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Login</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./authentication-register.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-user-plus"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Register</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-small-cap">
|
||||
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
|
||||
<span class="hide-menu">EXTRA</span>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./icon-tabler.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-mood-happy"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Icons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./sample-page.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-aperture"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Sample Page</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="unlimited-access hide-menu bg-light-primary position-relative mb-7 mt-5 rounded">
|
||||
<div class="d-flex">
|
||||
<div class="unlimited-access-title me-3">
|
||||
<h6 class="fw-semibold fs-4 mb-6 text-dark w-85">Upgrade to pro</h6>
|
||||
<a href="https://adminmart.com/product/modernize-bootstrap-5-admin-template/" target="_blank" class="btn btn-primary fs-2 fw-semibold lh-sm">Buy Pro</a>
|
||||
</div>
|
||||
<div class="unlimited-access-img">
|
||||
<img src="../assets/images/backgrounds/rocket.png" alt="" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- End Sidebar navigation -->
|
||||
</div>
|
||||
<!-- End Sidebar scroll-->
|
||||
</aside>
|
||||
<!-- Sidebar End -->
|
||||
<!-- Main wrapper -->
|
||||
<div class="body-wrapper">
|
||||
<!-- Header Start -->
|
||||
<header class="app-header">
|
||||
<nav class="navbar navbar-expand-lg navbar-light">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item d-block d-xl-none">
|
||||
<a class="nav-link sidebartoggler nav-icon-hover" id="headerCollapse" href="javascript:void(0)">
|
||||
<i class="ti ti-menu-2"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link nav-icon-hover" href="javascript:void(0)">
|
||||
<i class="ti ti-bell-ringing"></i>
|
||||
<div class="notification bg-primary rounded-circle"></div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="navbar-collapse justify-content-end px-0" id="navbarNav">
|
||||
<ul class="navbar-nav flex-row ms-auto align-items-center justify-content-end">
|
||||
<a href="https://adminmart.com/product/modernize-free-bootstrap-admin-dashboard/" target="_blank" class="btn btn-primary">Download Free</a>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link nav-icon-hover" href="javascript:void(0)" id="drop2" data-bs-toggle="dropdown"
|
||||
aria-expanded="false">
|
||||
<img src="../assets/images/profile/user-1.jpg" alt="" width="35" height="35" class="rounded-circle">
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-end dropdown-menu-animate-up" aria-labelledby="drop2">
|
||||
<div class="message-body">
|
||||
<a href="javascript:void(0)" class="d-flex align-items-center gap-2 dropdown-item">
|
||||
<i class="ti ti-user fs-6"></i>
|
||||
<p class="mb-0 fs-3">My Profile</p>
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="d-flex align-items-center gap-2 dropdown-item">
|
||||
<i class="ti ti-mail fs-6"></i>
|
||||
<p class="mb-0 fs-3">My Account</p>
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="d-flex align-items-center gap-2 dropdown-item">
|
||||
<i class="ti ti-list-check fs-6"></i>
|
||||
<p class="mb-0 fs-3">My Task</p>
|
||||
</a>
|
||||
<a href="./authentication-login.html" class="btn btn-outline-primary mx-3 mt-2 d-block">Logout</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<!-- Header End -->
|
||||
<div class="container-fluid">
|
||||
<div class="container-fluid">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title fw-semibold mb-4">Buttons</h5>
|
||||
<div class="card">
|
||||
<div class="card-body p-4">
|
||||
<button type="button" class="btn btn-primary m-1">Primary</button>
|
||||
<button type="button" class="btn btn-secondary m-1">Secondary</button>
|
||||
<button type="button" class="btn btn-success m-1">Success</button>
|
||||
<button type="button" class="btn btn-danger m-1">Danger</button>
|
||||
<button type="button" class="btn btn-warning m-1">Warning</button>
|
||||
<button type="button" class="btn btn-info m-1">Info</button>
|
||||
<button type="button" class="btn btn-light m-1">Light</button>
|
||||
<button type="button" class="btn btn-dark m-1">Dark</button>
|
||||
<button type="button" class="btn btn-link m-1">Link</button>
|
||||
</div>
|
||||
</div>
|
||||
<h5 class="card-title fw-semibold mb-4">Outline buttons</h5>
|
||||
<div class="card mb-0">
|
||||
<div class="card-body p-4">
|
||||
<button type="button" class="btn btn-outline-primary m-1">Primary</button>
|
||||
<button type="button" class="btn btn-outline-secondary m-1">Secondary</button>
|
||||
<button type="button" class="btn btn-outline-success m-1">Success</button>
|
||||
<button type="button" class="btn btn-outline-danger m-1">Danger</button>
|
||||
<button type="button" class="btn btn-outline-warning m-1">Warning</button>
|
||||
<button type="button" class="btn btn-outline-info m-1">Info</button>
|
||||
<button type="button" class="btn btn-outline-light m-1">Light</button>
|
||||
<button type="button" class="btn btn-outline-dark m-1">Dark</button>
|
||||
<button type="button" class="btn btn-outline-link m-1">Link</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="../assets/libs/jquery/dist/jquery.min.js"></script>
|
||||
<script src="../assets/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="../assets/js/sidebarmenu.js"></script>
|
||||
<script src="../assets/js/app.min.js"></script>
|
||||
<script src="../assets/libs/simplebar/dist/simplebar.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,253 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Modernize Free</title>
|
||||
<link rel="shortcut icon" type="image/png" href="../assets/images/logos/favicon.png" />
|
||||
<link rel="stylesheet" href="../assets/css/styles.min.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Body Wrapper -->
|
||||
<div class="page-wrapper" id="main-wrapper" data-layout="vertical" data-navbarbg="skin6" data-sidebartype="full"
|
||||
data-sidebar-position="fixed" data-header-position="fixed">
|
||||
<!-- Sidebar Start -->
|
||||
<aside class="left-sidebar">
|
||||
<!-- Sidebar scroll-->
|
||||
<div>
|
||||
<div class="brand-logo d-flex align-items-center justify-content-between">
|
||||
<a href="./index.html" class="text-nowrap logo-img">
|
||||
<img src="../assets/images/logos/dark-logo.svg" width="180" alt="" />
|
||||
</a>
|
||||
<div class="close-btn d-xl-none d-block sidebartoggler cursor-pointer" id="sidebarCollapse">
|
||||
<i class="ti ti-x fs-8"></i>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Sidebar navigation-->
|
||||
<nav class="sidebar-nav scroll-sidebar" data-simplebar="">
|
||||
<ul id="sidebarnav">
|
||||
<li class="nav-small-cap">
|
||||
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
|
||||
<span class="hide-menu">Home</span>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./index.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-layout-dashboard"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Dashboard</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-small-cap">
|
||||
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
|
||||
<span class="hide-menu">UI COMPONENTS</span>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-buttons.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-article"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Buttons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-alerts.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-alert-circle"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Alerts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-card.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-cards"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Card</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-forms.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-file-description"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Forms</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-typography.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-typography"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Typography</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-small-cap">
|
||||
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
|
||||
<span class="hide-menu">AUTH</span>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./authentication-login.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-login"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Login</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./authentication-register.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-user-plus"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Register</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-small-cap">
|
||||
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
|
||||
<span class="hide-menu">EXTRA</span>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./icon-tabler.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-mood-happy"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Icons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./sample-page.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-aperture"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Sample Page</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="unlimited-access hide-menu bg-light-primary position-relative mb-7 mt-5 rounded">
|
||||
<div class="d-flex">
|
||||
<div class="unlimited-access-title me-3">
|
||||
<h6 class="fw-semibold fs-4 mb-6 text-dark w-85">Upgrade to pro</h6>
|
||||
<a href="https://adminmart.com/product/modernize-bootstrap-5-admin-template/" target="_blank" class="btn btn-primary fs-2 fw-semibold lh-sm">Buy Pro</a>
|
||||
</div>
|
||||
<div class="unlimited-access-img">
|
||||
<img src="../assets/images/backgrounds/rocket.png" alt="" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- End Sidebar navigation -->
|
||||
</div>
|
||||
<!-- End Sidebar scroll-->
|
||||
</aside>
|
||||
<!-- Sidebar End -->
|
||||
<!-- Main wrapper -->
|
||||
<div class="body-wrapper">
|
||||
<!-- Header Start -->
|
||||
<header class="app-header">
|
||||
<nav class="navbar navbar-expand-lg navbar-light">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item d-block d-xl-none">
|
||||
<a class="nav-link sidebartoggler nav-icon-hover" id="headerCollapse" href="javascript:void(0)">
|
||||
<i class="ti ti-menu-2"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link nav-icon-hover" href="javascript:void(0)">
|
||||
<i class="ti ti-bell-ringing"></i>
|
||||
<div class="notification bg-primary rounded-circle"></div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="navbar-collapse justify-content-end px-0" id="navbarNav">
|
||||
<ul class="navbar-nav flex-row ms-auto align-items-center justify-content-end">
|
||||
<a href="https://adminmart.com/product/modernize-free-bootstrap-admin-dashboard/" target="_blank" class="btn btn-primary">Download Free</a>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link nav-icon-hover" href="javascript:void(0)" id="drop2" data-bs-toggle="dropdown"
|
||||
aria-expanded="false">
|
||||
<img src="../assets/images/profile/user-1.jpg" alt="" width="35" height="35" class="rounded-circle">
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-end dropdown-menu-animate-up" aria-labelledby="drop2">
|
||||
<div class="message-body">
|
||||
<a href="javascript:void(0)" class="d-flex align-items-center gap-2 dropdown-item">
|
||||
<i class="ti ti-user fs-6"></i>
|
||||
<p class="mb-0 fs-3">My Profile</p>
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="d-flex align-items-center gap-2 dropdown-item">
|
||||
<i class="ti ti-mail fs-6"></i>
|
||||
<p class="mb-0 fs-3">My Account</p>
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="d-flex align-items-center gap-2 dropdown-item">
|
||||
<i class="ti ti-list-check fs-6"></i>
|
||||
<p class="mb-0 fs-3">My Task</p>
|
||||
</a>
|
||||
<a href="./authentication-login.html" class="btn btn-outline-primary mx-3 mt-2 d-block">Logout</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<!-- Header End -->
|
||||
<div class="container-fluid">
|
||||
<div class="container-fluid">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<h5 class="card-title fw-semibold mb-4">Card</h5>
|
||||
<div class="card">
|
||||
<img src="../assets/images/products/s4.jpg" class="card-img-top" alt="...">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Card title</h5>
|
||||
<p class="card-text">Some quick example text to build on the card title and make up the bulk of
|
||||
the
|
||||
card's content.</p>
|
||||
<a href="#" class="btn btn-primary">Go somewhere</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h5 class="card-title fw-semibold mb-4">Header and footer</h5>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
Featured
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Special title treatment</h5>
|
||||
<p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
|
||||
<a href="#" class="btn btn-primary">Go somewhere</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h5 class="card-title fw-semibold mb-4">Titles, text, and links</h5>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Card title</h5>
|
||||
<h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
|
||||
<p class="card-text">Some quick example text to build on the card title and make up the bulk of
|
||||
the
|
||||
card's content.</p>
|
||||
<a href="#" class="card-link">Card link</a>
|
||||
<a href="#" class="card-link">Another link</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="../assets/libs/jquery/dist/jquery.min.js"></script>
|
||||
<script src="../assets/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="../assets/js/sidebarmenu.js"></script>
|
||||
<script src="../assets/js/app.min.js"></script>
|
||||
<script src="../assets/libs/simplebar/dist/simplebar.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,261 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Modernize Free</title>
|
||||
<link rel="shortcut icon" type="image/png" href="../assets/images/logos/favicon.png" />
|
||||
<link rel="stylesheet" href="../assets/css/styles.min.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Body Wrapper -->
|
||||
<div class="page-wrapper" id="main-wrapper" data-layout="vertical" data-navbarbg="skin6" data-sidebartype="full"
|
||||
data-sidebar-position="fixed" data-header-position="fixed">
|
||||
<!-- Sidebar Start -->
|
||||
<aside class="left-sidebar">
|
||||
<!-- Sidebar scroll-->
|
||||
<div>
|
||||
<div class="brand-logo d-flex align-items-center justify-content-between">
|
||||
<a href="./index.html" class="text-nowrap logo-img">
|
||||
<img src="../assets/images/logos/dark-logo.svg" width="180" alt="" />
|
||||
</a>
|
||||
<div class="close-btn d-xl-none d-block sidebartoggler cursor-pointer" id="sidebarCollapse">
|
||||
<i class="ti ti-x fs-8"></i>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Sidebar navigation-->
|
||||
<nav class="sidebar-nav scroll-sidebar" data-simplebar="">
|
||||
<ul id="sidebarnav">
|
||||
<li class="nav-small-cap">
|
||||
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
|
||||
<span class="hide-menu">Home</span>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./index.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-layout-dashboard"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Dashboard</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-small-cap">
|
||||
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
|
||||
<span class="hide-menu">UI COMPONENTS</span>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-buttons.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-article"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Buttons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-alerts.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-alert-circle"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Alerts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-card.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-cards"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Card</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-forms.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-file-description"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Forms</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-typography.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-typography"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Typography</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-small-cap">
|
||||
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
|
||||
<span class="hide-menu">AUTH</span>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./authentication-login.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-login"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Login</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./authentication-register.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-user-plus"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Register</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-small-cap">
|
||||
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
|
||||
<span class="hide-menu">EXTRA</span>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./icon-tabler.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-mood-happy"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Icons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./sample-page.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-aperture"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Sample Page</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="unlimited-access hide-menu bg-light-primary position-relative mb-7 mt-5 rounded">
|
||||
<div class="d-flex">
|
||||
<div class="unlimited-access-title me-3">
|
||||
<h6 class="fw-semibold fs-4 mb-6 text-dark w-85">Upgrade to pro</h6>
|
||||
<a href="https://adminmart.com/product/modernize-bootstrap-5-admin-template/" target="_blank" class="btn btn-primary fs-2 fw-semibold lh-sm">Buy Pro</a>
|
||||
</div>
|
||||
<div class="unlimited-access-img">
|
||||
<img src="../assets/images/backgrounds/rocket.png" alt="" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- End Sidebar navigation -->
|
||||
</div>
|
||||
<!-- End Sidebar scroll-->
|
||||
</aside>
|
||||
<!-- Sidebar End -->
|
||||
<!-- Main wrapper -->
|
||||
<div class="body-wrapper">
|
||||
<!-- Header Start -->
|
||||
<header class="app-header">
|
||||
<nav class="navbar navbar-expand-lg navbar-light">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item d-block d-xl-none">
|
||||
<a class="nav-link sidebartoggler nav-icon-hover" id="headerCollapse" href="javascript:void(0)">
|
||||
<i class="ti ti-menu-2"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link nav-icon-hover" href="javascript:void(0)">
|
||||
<i class="ti ti-bell-ringing"></i>
|
||||
<div class="notification bg-primary rounded-circle"></div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="navbar-collapse justify-content-end px-0" id="navbarNav">
|
||||
<ul class="navbar-nav flex-row ms-auto align-items-center justify-content-end">
|
||||
<a href="https://adminmart.com/product/modernize-free-bootstrap-admin-dashboard/" target="_blank" class="btn btn-primary">Download Free</a>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link nav-icon-hover" href="javascript:void(0)" id="drop2" data-bs-toggle="dropdown"
|
||||
aria-expanded="false">
|
||||
<img src="../assets/images/profile/user-1.jpg" alt="" width="35" height="35" class="rounded-circle">
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-end dropdown-menu-animate-up" aria-labelledby="drop2">
|
||||
<div class="message-body">
|
||||
<a href="javascript:void(0)" class="d-flex align-items-center gap-2 dropdown-item">
|
||||
<i class="ti ti-user fs-6"></i>
|
||||
<p class="mb-0 fs-3">My Profile</p>
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="d-flex align-items-center gap-2 dropdown-item">
|
||||
<i class="ti ti-mail fs-6"></i>
|
||||
<p class="mb-0 fs-3">My Account</p>
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="d-flex align-items-center gap-2 dropdown-item">
|
||||
<i class="ti ti-list-check fs-6"></i>
|
||||
<p class="mb-0 fs-3">My Task</p>
|
||||
</a>
|
||||
<a href="./authentication-login.html" class="btn btn-outline-primary mx-3 mt-2 d-block">Logout</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<!-- Header End -->
|
||||
<div class="container-fluid">
|
||||
<div class="container-fluid">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title fw-semibold mb-4">Forms</h5>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<form>
|
||||
<div class="mb-3">
|
||||
<label for="exampleInputEmail1" class="form-label">Email address</label>
|
||||
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
|
||||
<div id="emailHelp" class="form-text">We'll never share your email with anyone else.</div>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="exampleInputPassword1" class="form-label">Password</label>
|
||||
<input type="password" class="form-control" id="exampleInputPassword1">
|
||||
</div>
|
||||
<div class="mb-3 form-check">
|
||||
<input type="checkbox" class="form-check-input" id="exampleCheck1">
|
||||
<label class="form-check-label" for="exampleCheck1">Check me out</label>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">Submit</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<h5 class="card-title fw-semibold mb-4">Disabled forms</h5>
|
||||
<div class="card mb-0">
|
||||
<div class="card-body">
|
||||
<form>
|
||||
<fieldset disabled>
|
||||
<legend>Disabled fieldset example</legend>
|
||||
<div class="mb-3">
|
||||
<label for="disabledTextInput" class="form-label">Disabled input</label>
|
||||
<input type="text" id="disabledTextInput" class="form-control" placeholder="Disabled input">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="disabledSelect" class="form-label">Disabled select menu</label>
|
||||
<select id="disabledSelect" class="form-select">
|
||||
<option>Disabled select</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" id="disabledFieldsetCheck" disabled>
|
||||
<label class="form-check-label" for="disabledFieldsetCheck">
|
||||
Can't check this
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">Submit</button>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="../assets/libs/jquery/dist/jquery.min.js"></script>
|
||||
<script src="../assets/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="../assets/js/sidebarmenu.js"></script>
|
||||
<script src="../assets/js/app.min.js"></script>
|
||||
<script src="../assets/libs/simplebar/dist/simplebar.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,235 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Modernize Free</title>
|
||||
<link rel="shortcut icon" type="image/png" href="../assets/images/logos/favicon.png" />
|
||||
<link rel="stylesheet" href="../assets/css/styles.min.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Body Wrapper -->
|
||||
<div class="page-wrapper" id="main-wrapper" data-layout="vertical" data-navbarbg="skin6" data-sidebartype="full"
|
||||
data-sidebar-position="fixed" data-header-position="fixed">
|
||||
<!-- Sidebar Start -->
|
||||
<aside class="left-sidebar">
|
||||
<!-- Sidebar scroll-->
|
||||
<div>
|
||||
<div class="brand-logo d-flex align-items-center justify-content-between">
|
||||
<a href="./index.html" class="text-nowrap logo-img">
|
||||
<img src="../assets/images/logos/dark-logo.svg" width="180" alt="" />
|
||||
</a>
|
||||
<div class="close-btn d-xl-none d-block sidebartoggler cursor-pointer" id="sidebarCollapse">
|
||||
<i class="ti ti-x fs-8"></i>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Sidebar navigation-->
|
||||
<nav class="sidebar-nav scroll-sidebar" data-simplebar="">
|
||||
<ul id="sidebarnav">
|
||||
<li class="nav-small-cap">
|
||||
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
|
||||
<span class="hide-menu">Home</span>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./index.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-layout-dashboard"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Dashboard</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-small-cap">
|
||||
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
|
||||
<span class="hide-menu">UI COMPONENTS</span>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-buttons.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-article"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Buttons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-alerts.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-alert-circle"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Alerts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-card.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-cards"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Card</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-forms.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-file-description"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Forms</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./ui-typography.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-typography"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Typography</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-small-cap">
|
||||
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
|
||||
<span class="hide-menu">AUTH</span>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./authentication-login.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-login"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Login</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./authentication-register.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-user-plus"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Register</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-small-cap">
|
||||
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
|
||||
<span class="hide-menu">EXTRA</span>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./icon-tabler.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-mood-happy"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Icons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="./sample-page.html" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-aperture"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Sample Page</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="unlimited-access hide-menu bg-light-primary position-relative mb-7 mt-5 rounded">
|
||||
<div class="d-flex">
|
||||
<div class="unlimited-access-title me-3">
|
||||
<h6 class="fw-semibold fs-4 mb-6 text-dark w-85">Upgrade to pro</h6>
|
||||
<a href="https://adminmart.com/product/modernize-bootstrap-5-admin-template/" target="_blank" class="btn btn-primary fs-2 fw-semibold lh-sm">Buy Pro</a>
|
||||
</div>
|
||||
<div class="unlimited-access-img">
|
||||
<img src="../assets/images/backgrounds/rocket.png" alt="" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- End Sidebar navigation -->
|
||||
</div>
|
||||
<!-- End Sidebar scroll-->
|
||||
</aside>
|
||||
<!-- Sidebar End -->
|
||||
<!-- Main wrapper -->
|
||||
<div class="body-wrapper">
|
||||
<!-- Header Start -->
|
||||
<header class="app-header">
|
||||
<nav class="navbar navbar-expand-lg navbar-light">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item d-block d-xl-none">
|
||||
<a class="nav-link sidebartoggler nav-icon-hover" id="headerCollapse" href="javascript:void(0)">
|
||||
<i class="ti ti-menu-2"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link nav-icon-hover" href="javascript:void(0)">
|
||||
<i class="ti ti-bell-ringing"></i>
|
||||
<div class="notification bg-primary rounded-circle"></div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="navbar-collapse justify-content-end px-0" id="navbarNav">
|
||||
<ul class="navbar-nav flex-row ms-auto align-items-center justify-content-end">
|
||||
<a href="https://adminmart.com/product/modernize-free-bootstrap-admin-dashboard/" target="_blank" class="btn btn-primary">Download Free</a>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link nav-icon-hover" href="javascript:void(0)" id="drop2" data-bs-toggle="dropdown"
|
||||
aria-expanded="false">
|
||||
<img src="../assets/images/profile/user-1.jpg" alt="" width="35" height="35" class="rounded-circle">
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-end dropdown-menu-animate-up" aria-labelledby="drop2">
|
||||
<div class="message-body">
|
||||
<a href="javascript:void(0)" class="d-flex align-items-center gap-2 dropdown-item">
|
||||
<i class="ti ti-user fs-6"></i>
|
||||
<p class="mb-0 fs-3">My Profile</p>
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="d-flex align-items-center gap-2 dropdown-item">
|
||||
<i class="ti ti-mail fs-6"></i>
|
||||
<p class="mb-0 fs-3">My Account</p>
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="d-flex align-items-center gap-2 dropdown-item">
|
||||
<i class="ti ti-list-check fs-6"></i>
|
||||
<p class="mb-0 fs-3">My Task</p>
|
||||
</a>
|
||||
<a href="./authentication-login.html" class="btn btn-outline-primary mx-3 mt-2 d-block">Logout</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<!-- Header End -->
|
||||
<div class="container-fluid">
|
||||
<div class="container-fluid">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title fw-semibold mb-4">Headings</h5>
|
||||
<div class="card">
|
||||
<div class="card-body p-4">
|
||||
<h1>h1. Bootstrap heading</h1>
|
||||
<h2>h2. Bootstrap heading</h2>
|
||||
<h3>h3. Bootstrap heading</h3>
|
||||
<h4>h4. Bootstrap heading</h4>
|
||||
<h5>h5. Bootstrap heading</h5>
|
||||
<h6>h6. Bootstrap heading</h6>
|
||||
</div>
|
||||
</div>
|
||||
<h5 class="card-title fw-semibold mb-4">Inline text elements</h5>
|
||||
<div class="card mb-0">
|
||||
<div class="card-body p-4">
|
||||
<p>You can use the mark tag to <mark>highlight</mark> text.</p>
|
||||
<p><del>This line of text is meant to be treated as deleted text.</del></p>
|
||||
<p><s>This line of text is meant to be treated as no longer accurate.</s></p>
|
||||
<p><ins>This line of text is meant to be treated as an addition to the document.</ins></p>
|
||||
<p><u>This line of text will render as underlined.</u></p>
|
||||
<p><small>This line of text is meant to be treated as fine print.</small></p>
|
||||
<p><strong>This line rendered as bold text.</strong></p>
|
||||
<p class="mb-0"><em>This line rendered as italicized text.</em></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="../assets/libs/jquery/dist/jquery.min.js"></script>
|
||||
<script src="../assets/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="../assets/js/sidebarmenu.js"></script>
|
||||
<script src="../assets/js/app.min.js"></script>
|
||||
<script src="../assets/libs/simplebar/dist/simplebar.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user