Initial commit
302
public/adminator/adminator/assets/css/style.css
Normal file
2671
public/adminator/adminator/assets/fontawesome-webfont.svg
Normal file
|
After Width: | Height: | Size: 434 KiB |
42698
public/adminator/adminator/assets/js/bundle.js
Normal file
BIN
public/adminator/adminator/assets/static/fontawesome-webfont.eot
Normal file
BIN
public/adminator/adminator/assets/static/fontawesome-webfont.ttf
Normal file
|
After Width: | Height: | Size: 434 KiB |
|
After Width: | Height: | Size: 229 KiB |
BIN
public/adminator/adminator/assets/static/images/404.png
Normal file
|
After Width: | Height: | Size: 4.5 KiB |
BIN
public/adminator/adminator/assets/static/images/500.png
Normal file
|
After Width: | Height: | Size: 171 KiB |
BIN
public/adminator/adminator/assets/static/images/bg.jpg
Normal file
|
After Width: | Height: | Size: 492 KiB |
|
After Width: | Height: | Size: 160 B |
|
After Width: | Height: | Size: 148 B |
|
After Width: | Height: | Size: 201 B |
|
After Width: | Height: | Size: 158 B |
|
After Width: | Height: | Size: 146 B |
@@ -0,0 +1,7 @@
|
||||
<svg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Adminator circle logo icon">
|
||||
<title>Adminator Logo – Circle</title>
|
||||
<!-- Circular background -->
|
||||
<circle cx="32" cy="32" r="30" fill="#4B7CF3" />
|
||||
<!-- Stylised "A" -->
|
||||
<path d="M20 46L32 18l12 28h-6l-3-7H29l-3 7h-6zm13-11l-4-10-4 10h8z" fill="#FFFFFF" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 380 B |
@@ -0,0 +1,13 @@
|
||||
<svg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Adminator gradient logo icon">
|
||||
<title>Adminator Logo – Gradient</title>
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#4B7CF3;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#7B4BF3;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<!-- Rounded square background with gradient -->
|
||||
<rect width="64" height="64" rx="12" fill="url(#grad)" />
|
||||
<!-- Stylised "A" -->
|
||||
<path d="M20 46L32 18l12 28h-6l-3-7H29l-3 7h-6zm13-11l-4-10-4 10h8z" fill="#FFFFFF" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 661 B |
@@ -0,0 +1,7 @@
|
||||
<svg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Adminator outline logo icon">
|
||||
<title>Adminator Logo – Outline</title>
|
||||
<!-- Hexagon outline -->
|
||||
<polygon points="32 4 56 18 56 46 32 60 8 46 8 18" fill="none" stroke="#4B7CF3" stroke-width="4" />
|
||||
<!-- Stylised "A" -->
|
||||
<path d="M20 44L32 18l12 26h-6l-3-6H29l-3 6h-6zm13-10l-4-9-4 9h8z" fill="#4B7CF3" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 427 B |
BIN
public/adminator/adminator/assets/static/images/logo.png
Normal file
|
After Width: | Height: | Size: 17 KiB |
5
public/adminator/adminator/assets/static/images/logo.svg
Normal file
@@ -0,0 +1,5 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg width="800px" height="800px" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="colorlib adminator" preserveAspectRatio="xMidYMid meet">
|
||||
<path fill="#6366f1" d="M36 32a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4v28z"/>
|
||||
<path fill="#ffffff" d="M14.747 9.125c.527-1.426 1.736-2.573 3.317-2.573c1.643 0 2.792 1.085 3.318 2.573l6.077 16.867c.186.496.248.931.248 1.147c0 1.209-.992 2.046-2.139 2.046c-1.303 0-1.954-.682-2.264-1.611l-.931-2.915h-8.62l-.93 2.884c-.31.961-.961 1.642-2.232 1.642c-1.24 0-2.294-.93-2.294-2.17c0-.496.155-.868.217-1.023l6.233-16.867zm.34 11.256h5.891l-2.883-8.992h-.062l-2.946 8.992z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 768 B |
BIN
public/adminator/adminator/assets/static/themify.eot
Normal file
BIN
public/adminator/adminator/assets/static/themify.ttf
Normal file
BIN
public/adminator/adminator/assets/static/themify.woff
Normal file
362
public/adminator/adminator/assets/themify.svg
Normal file
|
After Width: | Height: | Size: 229 KiB |
530
public/adminator/adminator/blank.html
Normal file
@@ -0,0 +1,530 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
|
||||
<title>Blank</title>
|
||||
<style>
|
||||
#loader {
|
||||
transition: all 0.3s ease-in-out;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
position: fixed;
|
||||
height: 100vh;
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
z-index: 90000;
|
||||
}
|
||||
|
||||
#loader.fadeOut {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.spinner {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
position: absolute;
|
||||
top: calc(50% - 20px);
|
||||
left: calc(50% - 20px);
|
||||
background-color: #333;
|
||||
border-radius: 100%;
|
||||
-webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
|
||||
animation: sk-scaleout 1.0s infinite ease-in-out;
|
||||
}
|
||||
|
||||
@-webkit-keyframes sk-scaleout {
|
||||
0% { -webkit-transform: scale(0) }
|
||||
100% {
|
||||
-webkit-transform: scale(1.0);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes sk-scaleout {
|
||||
0% {
|
||||
-webkit-transform: scale(0);
|
||||
transform: scale(0);
|
||||
} 100% {
|
||||
-webkit-transform: scale(1.0);
|
||||
transform: scale(1.0);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<script defer="defer" src="assets/js/bundle.js"></script><link href="assets/css/style.css" rel="stylesheet"></head>
|
||||
<body class="app">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="loader">
|
||||
<div class="spinner"></div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
window.addEventListener('load', function load() {
|
||||
const loader = document.getElementById('loader');
|
||||
setTimeout(function() {
|
||||
loader.classList.add('fadeOut');
|
||||
}, 300);
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<div>
|
||||
<!-- #Left Sidebar ==================== -->
|
||||
<div class="sidebar">
|
||||
<div class="sidebar-inner">
|
||||
<!-- ### $Sidebar Header ### -->
|
||||
<div class="sidebar-logo">
|
||||
<div class="peers ai-c fxw-nw">
|
||||
<div class="peer peer-greed">
|
||||
<a class="sidebar-link td-n" href="index.html">
|
||||
<div class="peers ai-c fxw-nw">
|
||||
<div class="peer">
|
||||
<div class="logo">
|
||||
<img src="assets/static/images/logo.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="peer peer-greed">
|
||||
<h5 class="lh-1 mB-0 logo-text">Adminator</h5>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="peer">
|
||||
<div class="mobile-toggle sidebar-toggle">
|
||||
<a href="" class="td-n">
|
||||
<i class="ti-arrow-circle-left"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ### $Sidebar Menu ### -->
|
||||
<ul class="sidebar-menu scrollable pos-r">
|
||||
<li class="nav-item mT-30">
|
||||
<a class="sidebar-link" href="index.html">
|
||||
<span class="icon-holder">
|
||||
<i class="c-blue-500 ti-home"></i>
|
||||
</span>
|
||||
<span class="title">Dashboard</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="sidebar-link" href="https://dashboardpack.com/?utm_source=adminator&utm_medium=sidebar&utm_campaign=go_pro" target="_blank" rel="noopener">
|
||||
<span class="icon-holder">
|
||||
<i class="c-purple-500 ti-crown"></i>
|
||||
</span>
|
||||
<span class="title">Go Pro <span class="badge bg-primary ms-2">PRO</span></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="sidebar-link" href="email.html">
|
||||
<span class="icon-holder">
|
||||
<i class="c-brown-500 ti-email"></i>
|
||||
</span>
|
||||
<span class="title">Email</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="sidebar-link" href="compose.html">
|
||||
<span class="icon-holder">
|
||||
<i class="c-blue-500 ti-share"></i>
|
||||
</span>
|
||||
<span class="title">Compose</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="sidebar-link" href="calendar.html">
|
||||
<span class="icon-holder">
|
||||
<i class="c-deep-orange-500 ti-calendar"></i>
|
||||
</span>
|
||||
<span class="title">Calendar <span class="badge bg-danger ms-2">HOT</span></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="sidebar-link" href="chat.html">
|
||||
<span class="icon-holder">
|
||||
<i class="c-deep-purple-500 ti-comment-alt"></i>
|
||||
</span>
|
||||
<span class="title">Chat</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="sidebar-link" href="charts.html">
|
||||
<span class="icon-holder">
|
||||
<i class="c-indigo-500 ti-bar-chart"></i>
|
||||
</span>
|
||||
<span class="title">Charts <span class="badge bg-success ms-2">NEW</span></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="sidebar-link" href="forms.html">
|
||||
<span class="icon-holder">
|
||||
<i class="c-light-blue-500 ti-pencil"></i>
|
||||
</span>
|
||||
<span class="title">Forms</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="sidebar-link" href="ui.html">
|
||||
<span class="icon-holder">
|
||||
<i class="c-pink-500 ti-palette"></i>
|
||||
</span>
|
||||
<span class="title">UI Elements</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="dropdown-toggle" href="javascript:void(0);">
|
||||
<span class="icon-holder">
|
||||
<i class="c-orange-500 ti-layout-list-thumb"></i>
|
||||
</span>
|
||||
<span class="title">Tables</span>
|
||||
<span class="arrow">
|
||||
<i class="ti-angle-right"></i>
|
||||
</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li>
|
||||
<a class="sidebar-link" href="basic-table.html">Basic Table</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="sidebar-link" href="datatable.html">Data Table <span class="badge bg-success ms-1">NEW</span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="dropdown-toggle" href="javascript:void(0);">
|
||||
<span class="icon-holder">
|
||||
<i class="c-purple-500 ti-map"></i>
|
||||
</span>
|
||||
<span class="title">Maps</span>
|
||||
<span class="arrow">
|
||||
<i class="ti-angle-right"></i>
|
||||
</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li>
|
||||
<a href="google-maps.html">Google Map</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="vector-maps.html">Vector Map</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="dropdown-toggle" href="javascript:void(0);">
|
||||
<span class="icon-holder">
|
||||
<i class="c-red-500 ti-files"></i>
|
||||
</span>
|
||||
<span class="title">Pages</span>
|
||||
<span class="arrow">
|
||||
<i class="ti-angle-right"></i>
|
||||
</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li>
|
||||
<a class="sidebar-link" href="blank.html">Blank</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="sidebar-link" href="404.html">404</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="sidebar-link" href="500.html">500</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="sidebar-link" href="signin.html">Sign In</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="sidebar-link" href="signup.html">Sign Up</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="dropdown-toggle" href="javascript:void(0);">
|
||||
<span class="icon-holder">
|
||||
<i class="c-teal-500 ti-view-list-alt"></i>
|
||||
</span>
|
||||
<span class="title">Multiple Levels</span>
|
||||
<span class="arrow">
|
||||
<i class="ti-angle-right"></i>
|
||||
</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="nav-item dropdown">
|
||||
<a href="javascript:void(0);">
|
||||
<span>Menu Item</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a href="javascript:void(0);">
|
||||
<span>Menu Item</span>
|
||||
<span class="arrow">
|
||||
<i class="ti-angle-right"></i>
|
||||
</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li>
|
||||
<a href="javascript:void(0);">Menu Item</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);">Menu Item</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- #Main ============================ -->
|
||||
<div class="page-container">
|
||||
<!-- ### $Topbar ### -->
|
||||
<div class="header navbar">
|
||||
<div class="header-container">
|
||||
<ul class="nav-left">
|
||||
<li>
|
||||
<a id="sidebar-toggle" class="sidebar-toggle" href="javascript:void(0);">
|
||||
<i class="ti-menu"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="search-box">
|
||||
<a class="search-toggle no-pdd-right" href="javascript:void(0);">
|
||||
<i class="search-icon ti-search pdd-right-10"></i>
|
||||
<i class="search-icon-close ti-close pdd-right-10"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="search-input">
|
||||
<input class="form-control" type="text" placeholder="Search...">
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="nav-right">
|
||||
<li class="notifications dropdown">
|
||||
<span class="counter bgc-red">3</span>
|
||||
<a href="" class="dropdown-toggle no-after" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<i class="ti-bell"></i>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink">
|
||||
<li class="pX-20 pY-15 bdB">
|
||||
<i class="ti-bell pR-10"></i>
|
||||
<span class="fsz-sm fw-600 c-grey-900">Notifications</span>
|
||||
</li>
|
||||
<li>
|
||||
<ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
|
||||
<li>
|
||||
<a href="" class="peers fxw-nw td-n p-20 bdB c-grey-800 cH-blue bgcH-grey-100">
|
||||
<div class="peer mR-15">
|
||||
<img class="w-3r bdrs-50p" src="https://randomuser.me/api/portraits/men/1.jpg" alt="">
|
||||
</div>
|
||||
<div class="peer peer-greed">
|
||||
<span>
|
||||
<span class="fw-500">John Doe</span>
|
||||
<span class="c-grey-600">liked your <span class="text-dark">post</span>
|
||||
</span>
|
||||
</span>
|
||||
<p class="m-0">
|
||||
<small class="fsz-xs">5 mins ago</small>
|
||||
</p>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" class="peers fxw-nw td-n p-20 bdB c-grey-800 cH-blue bgcH-grey-100">
|
||||
<div class="peer mR-15">
|
||||
<img class="w-3r bdrs-50p" src="https://randomuser.me/api/portraits/men/2.jpg" alt="">
|
||||
</div>
|
||||
<div class="peer peer-greed">
|
||||
<span>
|
||||
<span class="fw-500">Moo Doe</span>
|
||||
<span class="c-grey-600">liked your <span class="text-dark">cover image</span>
|
||||
</span>
|
||||
</span>
|
||||
<p class="m-0">
|
||||
<small class="fsz-xs">7 mins ago</small>
|
||||
</p>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" class="peers fxw-nw td-n p-20 bdB c-grey-800 cH-blue bgcH-grey-100">
|
||||
<div class="peer mR-15">
|
||||
<img class="w-3r bdrs-50p" src="https://randomuser.me/api/portraits/men/3.jpg" alt="">
|
||||
</div>
|
||||
<div class="peer peer-greed">
|
||||
<span>
|
||||
<span class="fw-500">Lee Doe</span>
|
||||
<span class="c-grey-600">commented on your <span class="text-dark">video</span>
|
||||
</span>
|
||||
</span>
|
||||
<p class="m-0">
|
||||
<small class="fsz-xs">10 mins ago</small>
|
||||
</p>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="pX-20 pY-15 ta-c bdT">
|
||||
<span>
|
||||
<a href="" class="c-grey-600 cH-blue fsz-sm td-n">View All Notifications <i class="ti-angle-right fsz-xs mL-10"></i></a>
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="notifications dropdown">
|
||||
<span class="counter bgc-blue">3</span>
|
||||
<a href="" class="dropdown-toggle no-after" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<i class="ti-email"></i>
|
||||
</a>
|
||||
|
||||
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink">
|
||||
<li class="pX-20 pY-15 bdB">
|
||||
<i class="ti-email pR-10"></i>
|
||||
<span class="fsz-sm fw-600 c-grey-900">Emails</span>
|
||||
</li>
|
||||
<li>
|
||||
<ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
|
||||
<li>
|
||||
<a href="" class="peers fxw-nw td-n p-20 bdB c-grey-800 cH-blue bgcH-grey-100">
|
||||
<div class="peer mR-15">
|
||||
<img class="w-3r bdrs-50p" src="https://randomuser.me/api/portraits/men/1.jpg" alt="">
|
||||
</div>
|
||||
<div class="peer peer-greed">
|
||||
<div>
|
||||
<div class="peers jc-sb fxw-nw mB-5">
|
||||
<div class="peer">
|
||||
<p class="fw-500 mB-0">John Doe</p>
|
||||
</div>
|
||||
<div class="peer">
|
||||
<small class="fsz-xs">5 mins ago</small>
|
||||
</div>
|
||||
</div>
|
||||
<span class="c-grey-600 fsz-sm">
|
||||
Want to create your own customized data generator for your app...
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" class="peers fxw-nw td-n p-20 bdB c-grey-800 cH-blue bgcH-grey-100">
|
||||
<div class="peer mR-15">
|
||||
<img class="w-3r bdrs-50p" src="https://randomuser.me/api/portraits/men/2.jpg" alt="">
|
||||
</div>
|
||||
<div class="peer peer-greed">
|
||||
<div>
|
||||
<div class="peers jc-sb fxw-nw mB-5">
|
||||
<div class="peer">
|
||||
<p class="fw-500 mB-0">Moo Doe</p>
|
||||
</div>
|
||||
<div class="peer">
|
||||
<small class="fsz-xs">15 mins ago</small>
|
||||
</div>
|
||||
</div>
|
||||
<span class="c-grey-600 fsz-sm">
|
||||
Want to create your own customized data generator for your app...
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" class="peers fxw-nw td-n p-20 bdB c-grey-800 cH-blue bgcH-grey-100">
|
||||
<div class="peer mR-15">
|
||||
<img class="w-3r bdrs-50p" src="https://randomuser.me/api/portraits/men/3.jpg" alt="">
|
||||
</div>
|
||||
<div class="peer peer-greed">
|
||||
<div>
|
||||
<div class="peers jc-sb fxw-nw mB-5">
|
||||
<div class="peer">
|
||||
<p class="fw-500 mB-0">Lee Doe</p>
|
||||
</div>
|
||||
<div class="peer">
|
||||
<small class="fsz-xs">25 mins ago</small>
|
||||
</div>
|
||||
</div>
|
||||
<span class="c-grey-600 fsz-sm">
|
||||
Want to create your own customized data generator for your app...
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="pX-20 pY-15 ta-c bdT">
|
||||
<span>
|
||||
<a href="email.html" class="c-grey-600 cH-blue fsz-sm td-n">View All Email <i class="fs-xs ti-angle-right mL-10"></i></a>
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="" class="dropdown-toggle no-after peers fxw-nw ai-c lh-1" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<div class="peer mR-10">
|
||||
<img class="w-2r bdrs-50p" src="https://randomuser.me/api/portraits/men/10.jpg" alt="">
|
||||
</div>
|
||||
<div class="peer">
|
||||
<span class="fsz-sm c-grey-900">John Doe</span>
|
||||
</div>
|
||||
</a>
|
||||
<ul class="dropdown-menu fsz-sm" aria-labelledby="dropdownMenuLink">
|
||||
<li>
|
||||
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
|
||||
<i class="ti-settings mR-10"></i>
|
||||
<span>Setting</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
|
||||
<i class="ti-user mR-10"></i>
|
||||
<span>Profile</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="email.html" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
|
||||
<i class="ti-email mR-10"></i>
|
||||
<span>Messages</span>
|
||||
</a>
|
||||
</li>
|
||||
<li role="separator" class="divider"></li>
|
||||
<li>
|
||||
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
|
||||
<i class="ti-power-off mR-10"></i>
|
||||
<span>Logout</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ### $App Screen Content ### -->
|
||||
<main class="main-content bgc-grey-100">
|
||||
<div id="mainContent">
|
||||
<div class="full-container">
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- ### $App Screen Footer ### -->
|
||||
<footer class="bdT ta-c p-30 lh-0 fsz-sm c-grey-600">
|
||||
<span>Copyright © 2026 Designed by <a href="https://colorlib.com" target="_blank" rel="nofollow noopener noreferrer" title="Colorlib">Colorlib</a>. All rights reserved.</span>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||