1007 lines
52 KiB
HTML
1007 lines
52 KiB
HTML
<!DOCTYPE html>
|
|
<!--
|
|
Template Name: NobleUI - HTML Bootstrap 5 Admin Dashboard Template
|
|
Author: NobleUI
|
|
Website: https://www.nobleui.com
|
|
Portfolio: https://themeforest.net/user/nobleui/portfolio
|
|
Contact: nobleui123@gmail.com
|
|
Purchase: https://1.envato.market/nobleui_admin
|
|
License: For each use you must have a valid license purchased only from above link in order to legally use the theme for your project.
|
|
-->
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<meta name="description" content="Responsive HTML Admin Dashboard Template based on Bootstrap 5">
|
|
<meta name="author" content="NobleUI">
|
|
<meta name="keywords" content="nobleui, bootstrap, bootstrap 5, bootstrap5, admin, dashboard, template, responsive, css, sass, html, theme, front-end, ui kit, web">
|
|
|
|
<title>NobleUI - HTML Bootstrap 5 Admin Dashboard Template</title>
|
|
|
|
<!-- Fonts -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap" rel="stylesheet">
|
|
<!-- End fonts -->
|
|
|
|
<!-- core:css -->
|
|
<link rel="stylesheet" href="../../../assets/vendors/core/core.css">
|
|
<!-- endinject -->
|
|
|
|
<!-- Plugin css for this page -->
|
|
<!-- End plugin css for this page -->
|
|
|
|
<!-- inject:css -->
|
|
<link rel="stylesheet" href="../../../assets/fonts/feather-font/css/iconfont.css">
|
|
<link rel="stylesheet" href="../../../assets/vendors/flag-icon-css/css/flag-icon.min.css">
|
|
<!-- endinject -->
|
|
|
|
<!-- Layout styles -->
|
|
<link rel="stylesheet" href="../../../assets/css/demo2/style.css">
|
|
<!-- End layout styles -->
|
|
|
|
<link rel="shortcut icon" href="../../../assets/images/favicon.png" />
|
|
</head>
|
|
<body>
|
|
<div class="main-wrapper">
|
|
|
|
<!-- partial:../../partials/_sidebar.html -->
|
|
<nav class="sidebar">
|
|
<div class="sidebar-header">
|
|
<a href="#" class="sidebar-brand">
|
|
Noble<span>UI</span>
|
|
</a>
|
|
<div class="sidebar-toggler not-active">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
<div class="sidebar-body">
|
|
<ul class="nav">
|
|
<li class="nav-item nav-category">Main</li>
|
|
<li class="nav-item">
|
|
<a href="../../dashboard.html" class="nav-link">
|
|
<i class="link-icon" data-feather="box"></i>
|
|
<span class="link-title">Dashboard</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item nav-category">web apps</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" data-bs-toggle="collapse" href="#emails" role="button" aria-expanded="false" aria-controls="emails">
|
|
<i class="link-icon" data-feather="mail"></i>
|
|
<span class="link-title">Email</span>
|
|
<i class="link-arrow" data-feather="chevron-down"></i>
|
|
</a>
|
|
<div class="collapse" id="emails">
|
|
<ul class="nav sub-menu">
|
|
<li class="nav-item">
|
|
<a href="../../pages/email/inbox.html" class="nav-link">Inbox</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/email/read.html" class="nav-link">Read</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/email/compose.html" class="nav-link">Compose</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/apps/chat.html" class="nav-link">
|
|
<i class="link-icon" data-feather="message-square"></i>
|
|
<span class="link-title">Chat</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/apps/calendar.html" class="nav-link">
|
|
<i class="link-icon" data-feather="calendar"></i>
|
|
<span class="link-title">Calendar</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item nav-category">Components</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" data-bs-toggle="collapse" href="#uiComponents" role="button" aria-expanded="false" aria-controls="uiComponents">
|
|
<i class="link-icon" data-feather="feather"></i>
|
|
<span class="link-title">UI Kit</span>
|
|
<i class="link-arrow" data-feather="chevron-down"></i>
|
|
</a>
|
|
<div class="collapse" id="uiComponents">
|
|
<ul class="nav sub-menu">
|
|
<li class="nav-item">
|
|
<a href="../../pages/ui-components/accordion.html" class="nav-link">Accordion</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/ui-components/alerts.html" class="nav-link">Alerts</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/ui-components/badges.html" class="nav-link">Badges</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/ui-components/breadcrumbs.html" class="nav-link">Breadcrumbs</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/ui-components/buttons.html" class="nav-link">Buttons</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/ui-components/button-group.html" class="nav-link">Button group</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/ui-components/cards.html" class="nav-link">Cards</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/ui-components/carousel.html" class="nav-link">Carousel</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/ui-components/collapse.html" class="nav-link">Collapse</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/ui-components/dropdowns.html" class="nav-link">Dropdowns</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/ui-components/list-group.html" class="nav-link">List group</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/ui-components/media-object.html" class="nav-link">Media object</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/ui-components/modal.html" class="nav-link">Modal</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/ui-components/navs.html" class="nav-link">Navs</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/ui-components/navbar.html" class="nav-link">Navbar</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/ui-components/pagination.html" class="nav-link">Pagination</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/ui-components/popover.html" class="nav-link">Popovers</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/ui-components/progress.html" class="nav-link">Progress</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/ui-components/scrollbar.html" class="nav-link">Scrollbar</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/ui-components/scrollspy.html" class="nav-link">Scrollspy</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/ui-components/spinners.html" class="nav-link">Spinners</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/ui-components/tabs.html" class="nav-link">Tabs</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/ui-components/tooltips.html" class="nav-link">Tooltips</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" data-bs-toggle="collapse" href="#advancedUI" role="button" aria-expanded="false" aria-controls="advancedUI">
|
|
<i class="link-icon" data-feather="anchor"></i>
|
|
<span class="link-title">Advanced UI</span>
|
|
<i class="link-arrow" data-feather="chevron-down"></i>
|
|
</a>
|
|
<div class="collapse" id="advancedUI">
|
|
<ul class="nav sub-menu">
|
|
<li class="nav-item">
|
|
<a href="../../pages/advanced-ui/cropper.html" class="nav-link">Cropper</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/advanced-ui/owl-carousel.html" class="nav-link">Owl carousel</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/advanced-ui/sortablejs.html" class="nav-link">SortableJs</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/advanced-ui/sweet-alert.html" class="nav-link">Sweet Alert</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" data-bs-toggle="collapse" href="#forms" role="button" aria-expanded="false" aria-controls="forms">
|
|
<i class="link-icon" data-feather="inbox"></i>
|
|
<span class="link-title">Forms</span>
|
|
<i class="link-arrow" data-feather="chevron-down"></i>
|
|
</a>
|
|
<div class="collapse" id="forms">
|
|
<ul class="nav sub-menu">
|
|
<li class="nav-item">
|
|
<a href="../../pages/forms/basic-elements.html" class="nav-link">Basic Elements</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/forms/advanced-elements.html" class="nav-link">Advanced Elements</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/forms/editors.html" class="nav-link">Editors</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/forms/wizard.html" class="nav-link">Wizard</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" data-bs-toggle="collapse" href="#charts" role="button" aria-expanded="false" aria-controls="charts">
|
|
<i class="link-icon" data-feather="pie-chart"></i>
|
|
<span class="link-title">Charts</span>
|
|
<i class="link-arrow" data-feather="chevron-down"></i>
|
|
</a>
|
|
<div class="collapse" id="charts">
|
|
<ul class="nav sub-menu">
|
|
<li class="nav-item">
|
|
<a href="../../pages/charts/apex.html" class="nav-link">Apex</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/charts/chartjs.html" class="nav-link">ChartJs</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/charts/flot.html" class="nav-link">Flot</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/charts/morrisjs.html" class="nav-link">Morris</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/charts/peity.html" class="nav-link">Peity</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/charts/sparkline.html" class="nav-link">Sparkline</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" data-bs-toggle="collapse" href="#tables" role="button" aria-expanded="false" aria-controls="tables">
|
|
<i class="link-icon" data-feather="layout"></i>
|
|
<span class="link-title">Table</span>
|
|
<i class="link-arrow" data-feather="chevron-down"></i>
|
|
</a>
|
|
<div class="collapse" id="tables">
|
|
<ul class="nav sub-menu">
|
|
<li class="nav-item">
|
|
<a href="../../pages/tables/basic-table.html" class="nav-link">Basic Tables</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/tables/data-table.html" class="nav-link">Data Table</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" data-bs-toggle="collapse" href="#icons" role="button" aria-expanded="false" aria-controls="icons">
|
|
<i class="link-icon" data-feather="smile"></i>
|
|
<span class="link-title">Icons</span>
|
|
<i class="link-arrow" data-feather="chevron-down"></i>
|
|
</a>
|
|
<div class="collapse" id="icons">
|
|
<ul class="nav sub-menu">
|
|
<li class="nav-item">
|
|
<a href="../../pages/icons/feather-icons.html" class="nav-link">Feather Icons</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/icons/flag-icons.html" class="nav-link">Flag Icons</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/icons/mdi-icons.html" class="nav-link">Mdi Icons</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item nav-category">Pages</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" data-bs-toggle="collapse" href="#general-pages" role="button" aria-expanded="false" aria-controls="general-pages">
|
|
<i class="link-icon" data-feather="book"></i>
|
|
<span class="link-title">Special pages</span>
|
|
<i class="link-arrow" data-feather="chevron-down"></i>
|
|
</a>
|
|
<div class="collapse" id="general-pages">
|
|
<ul class="nav sub-menu">
|
|
<li class="nav-item">
|
|
<a href="../../pages/general/blank-page.html" class="nav-link">Blank page</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/general/faq.html" class="nav-link">Faq</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/general/invoice.html" class="nav-link">Invoice</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/general/profile.html" class="nav-link">Profile</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/general/pricing.html" class="nav-link">Pricing</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/general/timeline.html" class="nav-link">Timeline</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" data-bs-toggle="collapse" href="#authPages" role="button" aria-expanded="false" aria-controls="authPages">
|
|
<i class="link-icon" data-feather="unlock"></i>
|
|
<span class="link-title">Authentication</span>
|
|
<i class="link-arrow" data-feather="chevron-down"></i>
|
|
</a>
|
|
<div class="collapse" id="authPages">
|
|
<ul class="nav sub-menu">
|
|
<li class="nav-item">
|
|
<a href="../../pages/auth/login.html" class="nav-link">Login</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/auth/register.html" class="nav-link">Register</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" data-bs-toggle="collapse" href="#errorPages" role="button" aria-expanded="false" aria-controls="errorPages">
|
|
<i class="link-icon" data-feather="cloud-off"></i>
|
|
<span class="link-title">Error</span>
|
|
<i class="link-arrow" data-feather="chevron-down"></i>
|
|
</a>
|
|
<div class="collapse" id="errorPages">
|
|
<ul class="nav sub-menu">
|
|
<li class="nav-item">
|
|
<a href="../../pages/error/404.html" class="nav-link">404</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../../pages/error/500.html" class="nav-link">500</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item nav-category">Docs</li>
|
|
<li class="nav-item">
|
|
<a href="https://www.nobleui.com/html/documentation/docs.html" target="_blank" class="nav-link">
|
|
<i class="link-icon" data-feather="hash"></i>
|
|
<span class="link-title">Documentation</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
<nav class="settings-sidebar">
|
|
<div class="sidebar-body">
|
|
<a href="#" class="settings-sidebar-toggler">
|
|
<i data-feather="settings"></i>
|
|
</a>
|
|
<div class="theme-wrapper">
|
|
<h6 class="text-muted mb-2">Light Theme:</h6>
|
|
<a class="theme-item" href="../../../demo1/dashboard.html">
|
|
<img src="../../../assets/images/screenshots/light.jpg" alt="light theme">
|
|
</a>
|
|
<h6 class="text-muted mb-2">Dark Theme:</h6>
|
|
<a class="theme-item active" href="../../../demo2/dashboard.html">
|
|
<img src="../../../assets/images/screenshots/dark.jpg" alt="light theme">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<!-- partial -->
|
|
|
|
<div class="page-wrapper">
|
|
|
|
<!-- partial:../../partials/_navbar.html -->
|
|
<nav class="navbar">
|
|
<a href="#" class="sidebar-toggler">
|
|
<i data-feather="menu"></i>
|
|
</a>
|
|
<div class="navbar-content">
|
|
<form class="search-form">
|
|
<div class="input-group">
|
|
<div class="input-group-text">
|
|
<i data-feather="search"></i>
|
|
</div>
|
|
<input type="text" class="form-control" id="navbarForm" placeholder="Search here...">
|
|
</div>
|
|
</form>
|
|
<ul class="navbar-nav">
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" id="languageDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="flag-icon flag-icon-us mt-1" title="us"></i> <span class="ms-1 me-1 d-none d-md-inline-block">English</span>
|
|
</a>
|
|
<div class="dropdown-menu" aria-labelledby="languageDropdown">
|
|
<a href="javascript:;" class="dropdown-item py-2"><i class="flag-icon flag-icon-us" title="us" id="us"></i> <span class="ms-1"> English </span></a>
|
|
<a href="javascript:;" class="dropdown-item py-2"><i class="flag-icon flag-icon-fr" title="fr" id="fr"></i> <span class="ms-1"> French </span></a>
|
|
<a href="javascript:;" class="dropdown-item py-2"><i class="flag-icon flag-icon-de" title="de" id="de"></i> <span class="ms-1"> German </span></a>
|
|
<a href="javascript:;" class="dropdown-item py-2"><i class="flag-icon flag-icon-pt" title="pt" id="pt"></i> <span class="ms-1"> Portuguese </span></a>
|
|
<a href="javascript:;" class="dropdown-item py-2"><i class="flag-icon flag-icon-es" title="es" id="es"></i> <span class="ms-1"> Spanish </span></a>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" id="appsDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i data-feather="grid"></i>
|
|
</a>
|
|
<div class="dropdown-menu p-0" aria-labelledby="appsDropdown">
|
|
<div class="px-3 py-2 d-flex align-items-center justify-content-between border-bottom">
|
|
<p class="mb-0 fw-bold">Web Apps</p>
|
|
<a href="javascript:;" class="text-muted">Edit</a>
|
|
</div>
|
|
<div class="row g-0 p-1">
|
|
<div class="col-3 text-center">
|
|
<a href="../../pages/apps/chat.html" class="dropdown-item d-flex flex-column align-items-center justify-content-center wd-70 ht-70"><i data-feather="message-square" class="icon-lg mb-1"></i><p class="tx-12">Chat</p></a>
|
|
</div>
|
|
<div class="col-3 text-center">
|
|
<a href="../../pages/apps/calendar.html" class="dropdown-item d-flex flex-column align-items-center justify-content-center wd-70 ht-70"><i data-feather="calendar" class="icon-lg mb-1"></i><p class="tx-12">Calendar</p></a>
|
|
</div>
|
|
<div class="col-3 text-center">
|
|
<a href="../../pages/email/inbox.html" class="dropdown-item d-flex flex-column align-items-center justify-content-center wd-70 ht-70"><i data-feather="mail" class="icon-lg mb-1"></i><p class="tx-12">Email</p></a>
|
|
</div>
|
|
<div class="col-3 text-center">
|
|
<a href="../../pages/general/profile.html" class="dropdown-item d-flex flex-column align-items-center justify-content-center wd-70 ht-70"><i data-feather="instagram" class="icon-lg mb-1"></i><p class="tx-12">Profile</p></a>
|
|
</div>
|
|
</div>
|
|
<div class="px-3 py-2 d-flex align-items-center justify-content-center border-top">
|
|
<a href="javascript:;">View all</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" id="messageDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i data-feather="mail"></i>
|
|
</a>
|
|
<div class="dropdown-menu p-0" aria-labelledby="messageDropdown">
|
|
<div class="px-3 py-2 d-flex align-items-center justify-content-between border-bottom">
|
|
<p>9 New Messages</p>
|
|
<a href="javascript:;" class="text-muted">Clear all</a>
|
|
</div>
|
|
<div class="p-1">
|
|
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
|
|
<div class="me-3">
|
|
<img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30" alt="userr">
|
|
</div>
|
|
<div class="d-flex justify-content-between flex-grow-1">
|
|
<div class="me-4">
|
|
<p>Leonardo Payne</p>
|
|
<p class="tx-12 text-muted">Project status</p>
|
|
</div>
|
|
<p class="tx-12 text-muted">2 min ago</p>
|
|
</div>
|
|
</a>
|
|
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
|
|
<div class="me-3">
|
|
<img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30" alt="userr">
|
|
</div>
|
|
<div class="d-flex justify-content-between flex-grow-1">
|
|
<div class="me-4">
|
|
<p>Carl Henson</p>
|
|
<p class="tx-12 text-muted">Client meeting</p>
|
|
</div>
|
|
<p class="tx-12 text-muted">30 min ago</p>
|
|
</div>
|
|
</a>
|
|
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
|
|
<div class="me-3">
|
|
<img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30" alt="userr">
|
|
</div>
|
|
<div class="d-flex justify-content-between flex-grow-1">
|
|
<div class="me-4">
|
|
<p>Jensen Combs</p>
|
|
<p class="tx-12 text-muted">Project updates</p>
|
|
</div>
|
|
<p class="tx-12 text-muted">1 hrs ago</p>
|
|
</div>
|
|
</a>
|
|
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
|
|
<div class="me-3">
|
|
<img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30" alt="userr">
|
|
</div>
|
|
<div class="d-flex justify-content-between flex-grow-1">
|
|
<div class="me-4">
|
|
<p>Amiah Burton</p>
|
|
<p class="tx-12 text-muted">Project deatline</p>
|
|
</div>
|
|
<p class="tx-12 text-muted">2 hrs ago</p>
|
|
</div>
|
|
</a>
|
|
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
|
|
<div class="me-3">
|
|
<img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30" alt="userr">
|
|
</div>
|
|
<div class="d-flex justify-content-between flex-grow-1">
|
|
<div class="me-4">
|
|
<p>Yaretzi Mayo</p>
|
|
<p class="tx-12 text-muted">New record</p>
|
|
</div>
|
|
<p class="tx-12 text-muted">5 hrs ago</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="px-3 py-2 d-flex align-items-center justify-content-center border-top">
|
|
<a href="javascript:;">View all</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" id="notificationDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i data-feather="bell"></i>
|
|
<div class="indicator">
|
|
<div class="circle"></div>
|
|
</div>
|
|
</a>
|
|
<div class="dropdown-menu p-0" aria-labelledby="notificationDropdown">
|
|
<div class="px-3 py-2 d-flex align-items-center justify-content-between border-bottom">
|
|
<p>6 New Notifications</p>
|
|
<a href="javascript:;" class="text-muted">Clear all</a>
|
|
</div>
|
|
<div class="p-1">
|
|
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
|
|
<div class="wd-30 ht-30 d-flex align-items-center justify-content-center bg-primary rounded-circle me-3">
|
|
<i class="icon-sm text-white" data-feather="gift"></i>
|
|
</div>
|
|
<div class="flex-grow-1 me-2">
|
|
<p>New Order Recieved</p>
|
|
<p class="tx-12 text-muted">30 min ago</p>
|
|
</div>
|
|
</a>
|
|
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
|
|
<div class="wd-30 ht-30 d-flex align-items-center justify-content-center bg-primary rounded-circle me-3">
|
|
<i class="icon-sm text-white" data-feather="alert-circle"></i>
|
|
</div>
|
|
<div class="flex-grow-1 me-2">
|
|
<p>Server Limit Reached!</p>
|
|
<p class="tx-12 text-muted">1 hrs ago</p>
|
|
</div>
|
|
</a>
|
|
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
|
|
<div class="wd-30 ht-30 d-flex align-items-center justify-content-center bg-primary rounded-circle me-3">
|
|
<img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30" alt="userr">
|
|
</div>
|
|
<div class="flex-grow-1 me-2">
|
|
<p>New customer registered</p>
|
|
<p class="tx-12 text-muted">2 sec ago</p>
|
|
</div>
|
|
</a>
|
|
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
|
|
<div class="wd-30 ht-30 d-flex align-items-center justify-content-center bg-primary rounded-circle me-3">
|
|
<i class="icon-sm text-white" data-feather="layers"></i>
|
|
</div>
|
|
<div class="flex-grow-1 me-2">
|
|
<p>Apps are ready for update</p>
|
|
<p class="tx-12 text-muted">5 hrs ago</p>
|
|
</div>
|
|
</a>
|
|
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
|
|
<div class="wd-30 ht-30 d-flex align-items-center justify-content-center bg-primary rounded-circle me-3">
|
|
<i class="icon-sm text-white" data-feather="download"></i>
|
|
</div>
|
|
<div class="flex-grow-1 me-2">
|
|
<p>Download completed</p>
|
|
<p class="tx-12 text-muted">6 hrs ago</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="px-3 py-2 d-flex align-items-center justify-content-center border-top">
|
|
<a href="javascript:;">View all</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" id="profileDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30" alt="profile">
|
|
</a>
|
|
<div class="dropdown-menu p-0" aria-labelledby="profileDropdown">
|
|
<div class="d-flex flex-column align-items-center border-bottom px-5 py-3">
|
|
<div class="mb-3">
|
|
<img class="wd-80 ht-80 rounded-circle" src="https://via.placeholder.com/80x80" alt="">
|
|
</div>
|
|
<div class="text-center">
|
|
<p class="tx-16 fw-bolder">Amiah Burton</p>
|
|
<p class="tx-12 text-muted">amiahburton@gmail.com</p>
|
|
</div>
|
|
</div>
|
|
<ul class="list-unstyled p-1">
|
|
<li class="dropdown-item py-2">
|
|
<a href="../../pages/general/profile.html" class="text-body ms-0">
|
|
<i class="me-2 icon-md" data-feather="user"></i>
|
|
<span>Profile</span>
|
|
</a>
|
|
</li>
|
|
<li class="dropdown-item py-2">
|
|
<a href="javascript:;" class="text-body ms-0">
|
|
<i class="me-2 icon-md" data-feather="edit"></i>
|
|
<span>Edit Profile</span>
|
|
</a>
|
|
</li>
|
|
<li class="dropdown-item py-2">
|
|
<a href="javascript:;" class="text-body ms-0">
|
|
<i class="me-2 icon-md" data-feather="repeat"></i>
|
|
<span>Switch User</span>
|
|
</a>
|
|
</li>
|
|
<li class="dropdown-item py-2">
|
|
<a href="javascript:;" class="text-body ms-0">
|
|
<i class="me-2 icon-md" data-feather="log-out"></i>
|
|
<span>Log Out</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
<!-- partial -->
|
|
|
|
<div class="page-content">
|
|
|
|
<div class="row inbox-wrapper">
|
|
<div class="col-lg-12">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-lg-3 border-end-lg">
|
|
<div class="d-flex align-items-center justify-content-between">
|
|
<button class="navbar-toggle btn btn-icon border d-block d-lg-none" data-bs-target=".email-aside-nav" data-bs-toggle="collapse" type="button">
|
|
<span class="icon"><i data-feather="chevron-down"></i></span>
|
|
</button>
|
|
<div class="order-first">
|
|
<h4>Mail Service</h4>
|
|
<p class="text-muted">amiahburton@gmail.com</p>
|
|
</div>
|
|
</div>
|
|
<div class="d-grid my-3">
|
|
<a class="btn btn-primary" href="./compose.html">Compose Email</a>
|
|
</div>
|
|
<div class="email-aside-nav collapse">
|
|
<ul class="nav flex-column">
|
|
<li class="nav-item active">
|
|
<a class="nav-link d-flex align-items-center" href="../email/inbox.html">
|
|
<i data-feather="inbox" class="icon-lg me-2"></i>
|
|
Inbox
|
|
<span class="badge bg-danger fw-bolder ms-auto">2
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link d-flex align-items-center" href="#">
|
|
<i data-feather="mail" class="icon-lg me-2"></i>
|
|
Sent Mail
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link d-flex align-items-center" href="#">
|
|
<i data-feather="briefcase" class="icon-lg me-2"></i>
|
|
Important
|
|
<span class="badge bg-secondary fw-bolder ms-auto">4
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link d-flex align-items-center" href="#">
|
|
<i data-feather="file" class="icon-lg me-2"></i>
|
|
Drafts
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link d-flex align-items-center" href="#">
|
|
<i data-feather="star" class="icon-lg me-2"></i>
|
|
Tags
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link d-flex align-items-center" href="#">
|
|
<i data-feather="trash" class="icon-lg me-2"></i>
|
|
Trash
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<p class="text-muted tx-12 fw-bolder text-uppercase mb-2 mt-4">Labels</p>
|
|
<ul class="nav flex-column">
|
|
<li class="nav-item">
|
|
<a class="nav-link d-flex align-items-center" href="#">
|
|
<i data-feather="tag" class="text-warning icon-lg me-2"></i>
|
|
Important
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link d-flex align-items-center" href="#">
|
|
<i data-feather="tag" class="text-primary icon-lg me-2"></i>
|
|
Business
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link d-flex align-items-center" href="#">
|
|
<i data-feather="tag" class="text-info icon-lg me-2"></i>
|
|
Inspiration
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-9">
|
|
<div class="p-3 border-bottom">
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-6">
|
|
<div class="d-flex align-items-end mb-2 mb-md-0">
|
|
<i data-feather="inbox" class="text-muted me-2"></i>
|
|
<h4 class="me-1">Inbox</h4>
|
|
<span class="text-muted">(2 new messages)</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="input-group">
|
|
<input class="form-control" type="text" placeholder="Search mail...">
|
|
<button class="btn btn-light btn-icon" type="button" id="button-search-addon"><i data-feather="search"></i></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="p-3 border-bottom d-flex align-items-center justify-content-between flex-wrap">
|
|
<div class="d-none d-md-flex align-items-center flex-wrap">
|
|
<div class="form-check me-3">
|
|
<input type="checkbox" class="form-check-input" id="inboxCheckAll">
|
|
</div>
|
|
<div class="btn-group me-2">
|
|
<button class="btn btn-outline-primary dropdown-toggle" data-bs-toggle="dropdown" type="button"> With selected <span class="caret"></span></button>
|
|
<div class="dropdown-menu" role="menu">
|
|
<a class="dropdown-item" href="#">Mark as read</a>
|
|
<a class="dropdown-item" href="#">Mark as unread</a><a class="dropdown-item" href="#">Spam</a>
|
|
<div class="dropdown-divider"></div><a class="dropdown-item text-danger" href="#">Delete</a>
|
|
</div>
|
|
</div>
|
|
<div class="btn-group me-2">
|
|
<button class="btn btn-outline-primary" type="button">Archive</button>
|
|
<button class="btn btn-outline-primary" type="button">Span</button>
|
|
<button class="btn btn-outline-primary" type="button">Delete</button>
|
|
</div>
|
|
<div class="btn-group me-2 d-none d-xl-block">
|
|
<button class="btn btn-outline-primary dropdown-toggle" data-bs-toggle="dropdown" type="button">Order by <span class="caret"></span></button>
|
|
<div class="dropdown-menu" role="menu">
|
|
<a class="dropdown-item" href="#">Date</a>
|
|
<a class="dropdown-item" href="#">From</a>
|
|
<a class="dropdown-item" href="#">Subject</a>
|
|
<div class="dropdown-divider"></div>
|
|
<a class="dropdown-item" href="#">Size</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="d-flex align-items-center justify-content-end flex-grow-1">
|
|
<span class="me-2">1-10 of 253</span>
|
|
<div class="btn-group">
|
|
<button class="btn btn-outline-secondary btn-icon" type="button"><i data-feather="chevron-left"></i></button>
|
|
<button class="btn btn-outline-secondary btn-icon" type="button"><i data-feather="chevron-right"></i></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="email-list">
|
|
|
|
<!-- email list item -->
|
|
<div class="email-list-item email-list-item--unread">
|
|
<div class="email-list-actions">
|
|
<div class="form-check">
|
|
<input type="checkbox" class="form-check-input">
|
|
</div>
|
|
<a class="favorite" href="javascript:;"><span><i data-feather="star"></i></span></a>
|
|
</div>
|
|
<a href="./read.html" class="email-list-detail">
|
|
<div class="content">
|
|
<span class="from">Cedric Kelly</span>
|
|
<p class="msg">Urgent - You forgot your keys in the class room, please come imediatly! Urgent - You forgot your keys in the class room, please come imediatly! Urgent - You forgot your keys in the class room, please come imediatly! Urgent - You forgot your keys in the class room, please come imediatly! Urgent - You forgot your keys in the class room, please come imediatly!</p>
|
|
</div>
|
|
<span class="date">
|
|
08 Jan
|
|
</span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- email list item -->
|
|
<div class="email-list-item email-list-item--unread">
|
|
<div class="email-list-actions">
|
|
<div class="form-check">
|
|
<input type="checkbox" class="form-check-input">
|
|
</div>
|
|
<a class="favorite" href="javascript:;"><span><i data-feather="star"></i></span></a>
|
|
</div>
|
|
<a href="./read.html" class="email-list-detail">
|
|
<div class="content">
|
|
<span class="from">Haley Kennedy</span>
|
|
<p class="msg">In the criminal justice system, the people are represented by two separate yet equally important groups. The police who investigate crime and the district attorneys who prosecute the offenders. These are their stories.</p>
|
|
</div>
|
|
<span class="date">
|
|
<span class="icon"><i data-feather="paperclip"></i> </span>
|
|
12 Jan
|
|
</span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- email list item -->
|
|
<div class="email-list-item">
|
|
<div class="email-list-actions">
|
|
<div class="form-check">
|
|
<input type="checkbox" class="form-check-input">
|
|
</div>
|
|
<a class="favorite" href="javascript:;"><span><i data-feather="star"></i></span></a>
|
|
</div>
|
|
<a href="./read.html" class="email-list-detail">
|
|
<div class="content">
|
|
<span class="from">Bradley Greer</span>
|
|
<p class="msg">The world looks mighty good to me, cause Tootsie Rolls are all I see. Whatever it is I think I see, becomes a Tootsie Roll to me! Tootsie Roll how I love your chocolatey chew, Tootsie Roll I think I'm in love with you. Whatever it is I think I see, becomes a Tootsie Roll to me!</p>
|
|
</div>
|
|
<span class="date">
|
|
<span class="icon"><i data-feather="paperclip"></i> </span>
|
|
14 Jan
|
|
</span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- email list item -->
|
|
<div class="email-list-item">
|
|
<div class="email-list-actions">
|
|
<div class="form-check">
|
|
<input type="checkbox" class="form-check-input">
|
|
</div>
|
|
<a class="favorite" href="#"><span><i data-feather="star" class="text-warning"></i></span></a>
|
|
</div>
|
|
<a href="./read.html" class="email-list-detail">
|
|
<div class="content">
|
|
<span class="from">Brenden Wagner</span>
|
|
<p class="msg">I am Duncan Macleod, born 400 years ago in the Highlands of Scotland. I am Immortal, and I am not alone. For centuries, we have waited for the time of the Gathering when the stroke of a sword and the fall of a head will release the power of the Quickening. In the end, there can be only one.</p>
|
|
</div>
|
|
<span class="date">
|
|
<span class="icon"><i data-feather="paperclip"></i> </span>
|
|
28 Jan
|
|
</span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- email list item -->
|
|
<div class="email-list-item">
|
|
<div class="email-list-actions">
|
|
<div class="form-check">
|
|
<input type="checkbox" class="form-check-input">
|
|
</div>
|
|
<a class="favorite" href="javascript:;"><span><i data-feather="star"></i></span></a>
|
|
</div>
|
|
<a href="./read.html" class="email-list-detail">
|
|
<div class="content">
|
|
<span class="from">Bruno Nash</span>
|
|
<p class="msg">You unlock this door with the key of imagination. Beyond it is another dimension: a dimension of sound, a dimension of sight, a dimension of mind. You're moving into a land of both shadow and substance, of things and ideas; you've just crossed over into the Twilight Zone.</p>
|
|
</div>
|
|
<span class="date">
|
|
05 Feb
|
|
</span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- email list item -->
|
|
<div class="email-list-item">
|
|
<div class="email-list-actions">
|
|
<div class="form-check">
|
|
<input type="checkbox" class="form-check-input">
|
|
</div>
|
|
<a class="favorite" href="javascript:;"><span><i data-feather="star"></i></span></a>
|
|
</div>
|
|
<a href="./read.html" class="email-list-detail">
|
|
<div class="content">
|
|
<span class="from">Sonya Frost</span>
|
|
<p class="msg">Gathered together from the cosmic reaches of the universe, here in this great Hall of Justice, are the most powerful forces of good ever assembled: Superman! Batman and Robin! Wonder Woman! Aquaman! And The Wonder Twins: Zan and Jayna, with their space monkey, Gleek! Dedicated to prove justice and peace for all mankind!</p>
|
|
</div>
|
|
<span class="date">
|
|
13 Feb
|
|
</span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- email list item -->
|
|
<div class="email-list-item">
|
|
<div class="email-list-actions">
|
|
<div class="form-check">
|
|
<input type="checkbox" class="form-check-input">
|
|
</div>
|
|
<a class="favorite" href="#"><span><i data-feather="star" class="text-warning"></i></span></a>
|
|
</div>
|
|
<a href="./read.html" class="email-list-detail">
|
|
<div class="content">
|
|
<span class="from">Cedric Kelly</span>
|
|
<p class="msg">Sometimes the world looks perfect, nothing to rearrange. Sometimes you just, get a feeling like you need some kind of change. No matter what the odds are this time, nothing's going to stand in my way. This flame in my heart, and a long lost friend gives every dark street a light at the end. Standing tall, on the wings of my dream. Rise and fall, on the wings of my dream. The rain and thunder, the wind and haze. I'm bound for better days. It's my life and my dream, nothing's going to stop me now.</p>
|
|
</div>
|
|
<span class="date">
|
|
<span class="icon"><i data-feather="paperclip"></i> </span>
|
|
18 Feb
|
|
</span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- email list item -->
|
|
<div class="email-list-item">
|
|
<div class="email-list-actions">
|
|
<div class="form-check">
|
|
<input type="checkbox" class="form-check-input">
|
|
</div>
|
|
<a class="favorite" href="#"><span><i data-feather="star" class="text-warning"></i></span></a>
|
|
</div>
|
|
<a href="./read.html" class="email-list-detail">
|
|
<div class="content">
|
|
<span class="from">Haley Kennedy</span>
|
|
<p class="msg">Once in every lifetime, comes a love like this. Oh I need you, you need me, oh my darling can't you see. Young Ones. Darling we're the Young Ones. Young Ones. Shouldn't be afraid. To live, love, there's a song to be sung. Cause we may not be the Young Ones very long.</p>
|
|
</div>
|
|
<span class="date">
|
|
22 Feb
|
|
</span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- email list item -->
|
|
<div class="email-list-item">
|
|
<div class="email-list-actions">
|
|
<div class="form-check">
|
|
<input type="checkbox" class="form-check-input">
|
|
</div>
|
|
<a class="favorite" href="javascript:;"><span><i data-feather="star"></i></span></a>
|
|
</div>
|
|
<a href="./read.html" class="email-list-detail">
|
|
<div class="content">
|
|
<span class="from">Bradley Greer</span>
|
|
<p class="msg">Enter at your peril, past the vaulted door. Impossible things will happen that the world's never seen before. In Dexter's laboratory lives the smartest boy you've ever seen, but Dee Dee blows his experiments to Smithereens! There's gloom and doom when things go boom in Dexter's lab!</p>
|
|
</div>
|
|
<span class="date">
|
|
<span class="icon"><i data-feather="paperclip"></i> </span>
|
|
01 Mar
|
|
</span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- email list item -->
|
|
<div class="email-list-item">
|
|
<div class="email-list-actions">
|
|
<div class="form-check">
|
|
<input type="checkbox" class="form-check-input">
|
|
</div>
|
|
<a class="favorite" href="javascript:;"><span><i data-feather="star"></i></span></a>
|
|
</div>
|
|
<a href="./read.html" class="email-list-detail">
|
|
<div class="content">
|
|
<span class="from">Brenden Wagner</span>
|
|
<p class="msg">Hot dogs, Armour hot dogs. What kind of kids eat Armour hot dogs? Fat kids, skinny kids, kids who climb on rocks. Tough kids, sissy kids, even kids with chicken pox love hot dogs, Armour hot dogs... The dogs kids love to bite!</p>
|
|
</div>
|
|
<span class="date">
|
|
<span class="icon"><i data-feather="paperclip"></i> </span>
|
|
07 Mar
|
|
</span>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- partial:../../partials/_footer.html -->
|
|
<footer class="footer d-flex flex-column flex-md-row align-items-center justify-content-between px-4 py-3 border-top small">
|
|
<p class="text-muted mb-1 mb-md-0">Copyright © 2022 <a href="https://www.nobleui.com" target="_blank">NobleUI</a>.</p>
|
|
<p class="text-muted">Handcrafted With <i class="mb-1 text-primary ms-1 icon-sm" data-feather="heart"></i></p>
|
|
</footer>
|
|
<!-- partial -->
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- core:js -->
|
|
<script src="../../../assets/vendors/core/core.js"></script>
|
|
<!-- endinject -->
|
|
|
|
<!-- Plugin js for this page -->
|
|
<!-- End plugin js for this page -->
|
|
|
|
<!-- inject:js -->
|
|
<script src="../../../assets/vendors/feather-icons/feather.min.js"></script>
|
|
<script src="../../../assets/js/template.js"></script>
|
|
<!-- endinject -->
|
|
|
|
<!-- Custom js for this page -->
|
|
<!-- End custom js for this page -->
|
|
|
|
</body>
|
|
</html> |