Add theme assets;
This commit is contained in:
662
public/backend/pages/general/blank-page.html
Normal file
662
public/backend/pages/general/blank-page.html
Normal file
@@ -0,0 +1,662 @@
|
||||
<!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>
|
||||
|
||||
<!-- 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>
|
||||
753
public/backend/pages/general/faq.html
Normal file
753
public/backend/pages/general/faq.html
Normal file
@@ -0,0 +1,753 @@
|
||||
<!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">
|
||||
|
||||
<nav class="page-breadcrumb">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="#">Special pages</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Faq</li>
|
||||
</ol>
|
||||
</nav>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h6 class="card-title">Frequently Asked Questions</h6>
|
||||
<div class="accordion" id="FaqAccordion">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingOne">
|
||||
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
|
||||
Why is the moon sometimes out during the day?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#FaqAccordion">
|
||||
<div class="accordion-body">
|
||||
<strong>Pariatur cliche reprehenderit,</strong> enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingTwo">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
|
||||
Why is the sky blue?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#FaqAccordion">
|
||||
<div class="accordion-body">
|
||||
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingThree">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
|
||||
Will we ever discover aliens?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#FaqAccordion">
|
||||
<div class="accordion-body">
|
||||
High life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingFour">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
|
||||
How much does the Earth weigh?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#FaqAccordion">
|
||||
<div class="accordion-body">
|
||||
3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingFive">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
|
||||
How do airplanes stay up?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive" data-bs-parent="#FaqAccordion">
|
||||
<div class="accordion-body">
|
||||
Life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingSix">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
|
||||
How can go to star?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseSix" class="accordion-collapse collapse" aria-labelledby="headingSix" data-bs-parent="#FaqAccordion">
|
||||
<div class="accordion-body">
|
||||
Richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
776
public/backend/pages/general/invoice.html
Normal file
776
public/backend/pages/general/invoice.html
Normal file
@@ -0,0 +1,776 @@
|
||||
<!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">
|
||||
|
||||
<nav class="page-breadcrumb">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="#">Special pages</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Invoice</li>
|
||||
</ol>
|
||||
</nav>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="container-fluid d-flex justify-content-between">
|
||||
<div class="col-lg-3 ps-0">
|
||||
<a href="#" class="noble-ui-logo logo-light d-block mt-3">Noble<span>UI</span></a>
|
||||
<p class="mt-1 mb-1"><b>NobleUI Themes</b></p>
|
||||
<p>108,<br> Great Russell St,<br>London, WC1B 3NA.</p>
|
||||
<h5 class="mt-5 mb-2 text-muted">Invoice to :</h5>
|
||||
<p>Joseph E Carr,<br> 102, 102 Crown Street,<br> London, W3 3PR.</p>
|
||||
</div>
|
||||
<div class="col-lg-3 pe-0">
|
||||
<h4 class="fw-bolder text-uppercase text-end mt-4 mb-2">invoice</h4>
|
||||
<h6 class="text-end mb-5 pb-4"># INV-002308</h6>
|
||||
<p class="text-end mb-1">Balance Due</p>
|
||||
<h4 class="text-end fw-normal">$ 72,420.00</h4>
|
||||
<h6 class="mb-0 mt-3 text-end fw-normal mb-2"><span class="text-muted">Invoice Date :</span> 25rd Jan 2022</h6>
|
||||
<h6 class="text-end fw-normal"><span class="text-muted">Due Date :</span> 12th Jul 2022</h6>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container-fluid mt-5 d-flex justify-content-center w-100">
|
||||
<div class="table-responsive w-100">
|
||||
<table class="table table-bordered">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>#</th>
|
||||
<th>Description</th>
|
||||
<th class="text-end">Quantity</th>
|
||||
<th class="text-end">Unit cost</th>
|
||||
<th class="text-end">Total</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="text-end">
|
||||
<td class="text-start">1</td>
|
||||
<td class="text-start">PSD to html conversion</td>
|
||||
<td>02</td>
|
||||
<td>$55</td>
|
||||
<td>$110</td>
|
||||
</tr>
|
||||
<tr class="text-end">
|
||||
<td class="text-start">2</td>
|
||||
<td class="text-start">Package design</td>
|
||||
<td>08</td>
|
||||
<td>$34</td>
|
||||
<td>$272</td>
|
||||
</tr>
|
||||
<tr class="text-end">
|
||||
<td class="text-start">3</td>
|
||||
<td class="text-start">Html template development</td>
|
||||
<td>03</td>
|
||||
<td>$500</td>
|
||||
<td>$1500</td>
|
||||
</tr>
|
||||
<tr class="text-end">
|
||||
<td class="text-start">4</td>
|
||||
<td class="text-start">Redesign</td>
|
||||
<td>01</td>
|
||||
<td>$30</td>
|
||||
<td>$30</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container-fluid mt-5 w-100">
|
||||
<div class="row">
|
||||
<div class="col-md-6 ms-auto">
|
||||
<div class="table-responsive">
|
||||
<table class="table">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Sub Total</td>
|
||||
<td class="text-end">$ 14,900.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>TAX (12%)</td>
|
||||
<td class="text-end">$ 1,788.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-bold-800">Total</td>
|
||||
<td class="text-bold-800 text-end"> $ 16,688.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Payment Made</td>
|
||||
<td class="text-danger text-end">(-) $ 4,688.00</td>
|
||||
</tr>
|
||||
<tr class="bg-dark">
|
||||
<td class="text-bold-800">Balance Due</td>
|
||||
<td class="text-bold-800 text-end">$ 12,000.00</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container-fluid w-100">
|
||||
<a href="javascript:;" class="btn btn-primary float-end mt-4 ms-2"><i data-feather="send" class="me-3 icon-md"></i>Send Invoice</a>
|
||||
<a href="javascript:;" class="btn btn-outline-primary float-end mt-4"><i data-feather="printer" class="me-2 icon-md"></i>Print</a>
|
||||
</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>
|
||||
805
public/backend/pages/general/pricing.html
Normal file
805
public/backend/pages/general/pricing.html
Normal file
@@ -0,0 +1,805 @@
|
||||
<!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">
|
||||
|
||||
<nav class="page-breadcrumb">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="#">Special pages</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Pricing</li>
|
||||
</ol>
|
||||
</nav>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h3 class="text-center mb-3 mt-4">Choose a plan</h3>
|
||||
<p class="text-muted text-center mb-4 pb-2">Choose the features and functionality your team need today. Easily upgrade as your company grows.</p>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4 stretch-card grid-margin grid-margin-md-0">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h4 class="text-center mt-3 mb-4">Basic</h4>
|
||||
<i data-feather="award" class="text-primary icon-xxl d-block mx-auto my-3"></i>
|
||||
<h1 class="text-center">$40</h1>
|
||||
<p class="text-muted text-center mb-4 fw-light">per month</p>
|
||||
<h5 class="text-primary text-center mb-4">Up to 25 units</h5>
|
||||
<table class="mx-auto">
|
||||
<tr>
|
||||
<td><i data-feather="check" class="icon-md text-primary me-2"></i></td>
|
||||
<td><p>Accounting dashboard</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i data-feather="check" class="icon-md text-primary me-2"></i></td>
|
||||
<td><p>Invoicing</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i data-feather="check" class="icon-md text-primary me-2"></i></td>
|
||||
<td><p>Online payments</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i data-feather="x" class="icon-md text-danger me-2"></i></td>
|
||||
<td><p class="text-muted">Branded website</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i data-feather="x" class="icon-md text-danger me-2"></i></td>
|
||||
<td><p class="text-muted">Dedicated account manager</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i data-feather="x" class="icon-md text-danger me-2"></i></td>
|
||||
<td><p class="text-muted">Premium apps</p></td>
|
||||
</tr>
|
||||
</table>
|
||||
<div class="d-grid">
|
||||
<button class="btn btn-primary mt-4">Start free trial</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 stretch-card grid-margin grid-margin-md-0">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h4 class="text-center mt-3 mb-4">Business</h4>
|
||||
<i data-feather="gift" class="text-success icon-xxl d-block mx-auto my-3"></i>
|
||||
<h1 class="text-center">$70</h1>
|
||||
<p class="text-muted text-center mb-4 fw-light">per month</p>
|
||||
<h5 class="text-success text-center mb-4">Up to 75 units</h5>
|
||||
<table class="mx-auto">
|
||||
<tr>
|
||||
<td><i data-feather="check" class="icon-md text-primary me-2"></i></td>
|
||||
<td><p>Accounting dashboard</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i data-feather="check" class="icon-md text-primary me-2"></i></td>
|
||||
<td><p>Invoicing</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i data-feather="check" class="icon-md text-primary me-2"></i></td>
|
||||
<td><p>Online payments</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i data-feather="check" class="icon-md text-primary me-2"></i></td>
|
||||
<td><p>Branded website</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i data-feather="check" class="icon-md text-primary me-2"></i></td>
|
||||
<td><p>Dedicated account manager</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i data-feather="x" class="icon-md text-danger me-2"></i></td>
|
||||
<td><p class="text-muted">Premium apps</p></td>
|
||||
</tr>
|
||||
</table>
|
||||
<div class="d-grid">
|
||||
<button class="btn btn-success mt-4">Start free trial</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 stretch-card">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h4 class="text-center mt-3 mb-4">Professional</h4>
|
||||
<i data-feather="briefcase" class="text-primary icon-xxl d-block mx-auto my-3"></i>
|
||||
<h1 class="text-center">$250</h1>
|
||||
<p class="text-muted text-center mb-4 fw-light">per month</p>
|
||||
<h5 class="text-primary text-center mb-4">Up to 300 units</h5>
|
||||
<table class="mx-auto">
|
||||
<tr>
|
||||
<td><i data-feather="check" class="icon-md text-primary me-2"></i></td>
|
||||
<td><p>Accounting dashboard</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i data-feather="check" class="icon-md text-primary me-2"></i></td>
|
||||
<td><p>Invoicing</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i data-feather="check" class="icon-md text-primary me-2"></i></td>
|
||||
<td><p>Online payments</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i data-feather="check" class="icon-md text-primary me-2"></i></td>
|
||||
<td><p>Branded website</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i data-feather="check" class="icon-md text-primary me-2"></i></td>
|
||||
<td><p>Dedicated account manager</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i data-feather="check" class="icon-md text-primary me-2"></i></td>
|
||||
<td><p>Premium apps</p></td>
|
||||
</tr>
|
||||
</table>
|
||||
<div class="d-grid">
|
||||
<button class="btn btn-primary mt-4">Start free trial</button>
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
987
public/backend/pages/general/profile.html
Normal file
987
public/backend/pages/general/profile.html
Normal file
@@ -0,0 +1,987 @@
|
||||
<!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">
|
||||
<div class="col-12 grid-margin">
|
||||
<div class="card">
|
||||
<div class="position-relative">
|
||||
<figure class="overflow-hidden mb-0 d-flex justify-content-center">
|
||||
<img src="https://via.placeholder.com/1560x370"class="rounded-top" alt="profile cover">
|
||||
</figure>
|
||||
<div class="d-flex justify-content-between align-items-center position-absolute top-90 w-100 px-2 px-md-4 mt-n4">
|
||||
<div>
|
||||
<img class="wd-70 rounded-circle" src="https://via.placeholder.com/100x100" alt="profile">
|
||||
<span class="h4 ms-3 text-dark">Amiah Burton</span>
|
||||
</div>
|
||||
<div class="d-none d-md-block">
|
||||
<button class="btn btn-primary btn-icon-text">
|
||||
<i data-feather="edit" class="btn-icon-prepend"></i> Edit profile
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex justify-content-center p-3 rounded-bottom">
|
||||
<ul class="d-flex align-items-center m-0 p-0">
|
||||
<li class="d-flex align-items-center active">
|
||||
<i class="me-1 icon-md text-primary" data-feather="columns"></i>
|
||||
<a class="pt-1px d-none d-md-block text-primary" href="#">Timeline</a>
|
||||
</li>
|
||||
<li class="ms-3 ps-3 border-start d-flex align-items-center">
|
||||
<i class="me-1 icon-md" data-feather="user"></i>
|
||||
<a class="pt-1px d-none d-md-block text-body" href="#">About</a>
|
||||
</li>
|
||||
<li class="ms-3 ps-3 border-start d-flex align-items-center">
|
||||
<i class="me-1 icon-md" data-feather="users"></i>
|
||||
<a class="pt-1px d-none d-md-block text-body" href="#">Friends <span class="text-muted tx-12">3,765</span></a>
|
||||
</li>
|
||||
<li class="ms-3 ps-3 border-start d-flex align-items-center">
|
||||
<i class="me-1 icon-md" data-feather="image"></i>
|
||||
<a class="pt-1px d-none d-md-block text-body" href="#">Photos</a>
|
||||
</li>
|
||||
<li class="ms-3 ps-3 border-start d-flex align-items-center">
|
||||
<i class="me-1 icon-md" data-feather="video"></i>
|
||||
<a class="pt-1px d-none d-md-block text-body" href="#">Videos</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row profile-body">
|
||||
<!-- left wrapper start -->
|
||||
<div class="d-none d-md-block col-md-4 col-xl-3 left-wrapper">
|
||||
<div class="card rounded">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center justify-content-between mb-2">
|
||||
<h6 class="card-title mb-0">About</h6>
|
||||
<div class="dropdown">
|
||||
<a type="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="icon-lg text-muted pb-3px" data-feather="more-horizontal"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
|
||||
<a class="dropdown-item d-flex align-items-center" href="javascript:;"><i data-feather="edit-2" class="icon-sm me-2"></i> <span class="">Edit</span></a>
|
||||
<a class="dropdown-item d-flex align-items-center" href="javascript:;"><i data-feather="git-branch" class="icon-sm me-2"></i> <span class="">Update</span></a>
|
||||
<a class="dropdown-item d-flex align-items-center" href="javascript:;"><i data-feather="eye" class="icon-sm me-2"></i> <span class="">View all</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p>Hi! I'm Amiah the Senior UI Designer at NobleUI. We hope you enjoy the design and quality of Social.</p>
|
||||
<div class="mt-3">
|
||||
<label class="tx-11 fw-bolder mb-0 text-uppercase">Joined:</label>
|
||||
<p class="text-muted">November 15, 2015</p>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<label class="tx-11 fw-bolder mb-0 text-uppercase">Lives:</label>
|
||||
<p class="text-muted">New York, USA</p>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<label class="tx-11 fw-bolder mb-0 text-uppercase">Email:</label>
|
||||
<p class="text-muted">me@nobleui.com</p>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<label class="tx-11 fw-bolder mb-0 text-uppercase">Website:</label>
|
||||
<p class="text-muted">www.nobleui.com</p>
|
||||
</div>
|
||||
<div class="mt-3 d-flex social-links">
|
||||
<a href="javascript:;" class="btn btn-icon border btn-xs me-2">
|
||||
<i data-feather="github"></i>
|
||||
</a>
|
||||
<a href="javascript:;" class="btn btn-icon border btn-xs me-2">
|
||||
<i data-feather="twitter"></i>
|
||||
</a>
|
||||
<a href="javascript:;" class="btn btn-icon border btn-xs me-2">
|
||||
<i data-feather="instagram"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- left wrapper end -->
|
||||
<!-- middle wrapper start -->
|
||||
<div class="col-md-8 col-xl-6 middle-wrapper">
|
||||
<div class="row">
|
||||
<div class="col-md-12 grid-margin">
|
||||
<div class="card rounded">
|
||||
<div class="card-header">
|
||||
<div class="d-flex align-items-center justify-content-between">
|
||||
<div class="d-flex align-items-center">
|
||||
<img class="img-xs rounded-circle" src="https://via.placeholder.com/37x37" alt="">
|
||||
<div class="ms-2">
|
||||
<p>Mike Popescu</p>
|
||||
<p class="tx-11 text-muted">1 min ago</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<a type="button" id="dropdownMenuButton2" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="icon-lg pb-3px" data-feather="more-horizontal"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton2">
|
||||
<a class="dropdown-item d-flex align-items-center" href="javascript:;"><i data-feather="meh" class="icon-sm me-2"></i> <span class="">Unfollow</span></a>
|
||||
<a class="dropdown-item d-flex align-items-center" href="javascript:;"><i data-feather="corner-right-up" class="icon-sm me-2"></i> <span class="">Go to post</span></a>
|
||||
<a class="dropdown-item d-flex align-items-center" href="javascript:;"><i data-feather="share-2" class="icon-sm me-2"></i> <span class="">Share</span></a>
|
||||
<a class="dropdown-item d-flex align-items-center" href="javascript:;"><i data-feather="copy" class="icon-sm me-2"></i> <span class="">Copy link</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p class="mb-3 tx-14">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus minima delectus nemo unde quae recusandae assumenda.</p>
|
||||
<img class="img-fluid" src="https://via.placeholder.com/689x430" alt="">
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<div class="d-flex post-actions">
|
||||
<a href="javascript:;" class="d-flex align-items-center text-muted me-4">
|
||||
<i class="icon-md" data-feather="heart"></i>
|
||||
<p class="d-none d-md-block ms-2">Like</p>
|
||||
</a>
|
||||
<a href="javascript:;" class="d-flex align-items-center text-muted me-4">
|
||||
<i class="icon-md" data-feather="message-square"></i>
|
||||
<p class="d-none d-md-block ms-2">Comment</p>
|
||||
</a>
|
||||
<a href="javascript:;" class="d-flex align-items-center text-muted">
|
||||
<i class="icon-md" data-feather="share"></i>
|
||||
<p class="d-none d-md-block ms-2">Share</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="card rounded">
|
||||
<div class="card-header">
|
||||
<div class="d-flex align-items-center justify-content-between">
|
||||
<div class="d-flex align-items-center">
|
||||
<img class="img-xs rounded-circle" src="https://via.placeholder.com/37x37" alt="">
|
||||
<div class="ms-2">
|
||||
<p>Mike Popescu</p>
|
||||
<p class="tx-11 text-muted">5 min ago</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<a type="button" id="dropdownMenuButton3" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="icon-lg pb-3px" data-feather="more-horizontal"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton3">
|
||||
<a class="dropdown-item d-flex align-items-center" href="javascript:;"><i data-feather="meh" class="icon-sm me-2"></i> <span class="">Unfollow</span></a>
|
||||
<a class="dropdown-item d-flex align-items-center" href="javascript:;"><i data-feather="corner-right-up" class="icon-sm me-2"></i> <span class="">Go to post</span></a>
|
||||
<a class="dropdown-item d-flex align-items-center" href="javascript:;"><i data-feather="share-2" class="icon-sm me-2"></i> <span class="">Share</span></a>
|
||||
<a class="dropdown-item d-flex align-items-center" href="javascript:;"><i data-feather="copy" class="icon-sm me-2"></i> <span class="">Copy link</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p class="mb-3 tx-14">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
|
||||
<img class="img-fluid" src="https://via.placeholder.com/689x430" alt="">
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<div class="d-flex post-actions">
|
||||
<a href="javascript:;" class="d-flex align-items-center text-muted me-4">
|
||||
<i class="icon-md" data-feather="heart"></i>
|
||||
<p class="d-none d-md-block ms-2">Like</p>
|
||||
</a>
|
||||
<a href="javascript:;" class="d-flex align-items-center text-muted me-4">
|
||||
<i class="icon-md" data-feather="message-square"></i>
|
||||
<p class="d-none d-md-block ms-2">Comment</p>
|
||||
</a>
|
||||
<a href="javascript:;" class="d-flex align-items-center text-muted">
|
||||
<i class="icon-md" data-feather="share"></i>
|
||||
<p class="d-none d-md-block ms-2">Share</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- middle wrapper end -->
|
||||
<!-- right wrapper start -->
|
||||
<div class="d-none d-xl-block col-xl-3">
|
||||
<div class="row">
|
||||
<div class="col-md-12 grid-margin">
|
||||
<div class="card rounded">
|
||||
<div class="card-body">
|
||||
<h6 class="card-title">latest photos</h6>
|
||||
<div class="row ms-0 me-0">
|
||||
<a href="javascript:;" class="col-md-4 ps-1 pe-1">
|
||||
<figure class="mb-2">
|
||||
<img class="img-fluid rounded" src="https://via.placeholder.com/96x96" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
<a href="javascript:;" class="col-md-4 ps-1 pe-1">
|
||||
<figure class="mb-2">
|
||||
<img class="img-fluid rounded" src="https://via.placeholder.com/96x96" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
<a href="javascript:;" class="col-md-4 ps-1 pe-1">
|
||||
<figure class="mb-2">
|
||||
<img class="img-fluid rounded" src="https://via.placeholder.com/96x96" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
<a href="javascript:;" class="col-md-4 ps-1 pe-1">
|
||||
<figure class="mb-2">
|
||||
<img class="img-fluid rounded" src="https://via.placeholder.com/96x96" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
<a href="javascript:;" class="col-md-4 ps-1 pe-1">
|
||||
<figure class="mb-2">
|
||||
<img class="img-fluid rounded" src="https://via.placeholder.com/96x96" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
<a href="javascript:;" class="col-md-4 ps-1 pe-1">
|
||||
<figure class="mb-2">
|
||||
<img class="img-fluid rounded" src="https://via.placeholder.com/96x96" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
<a href="javascript:;" class="col-md-4 ps-1 pe-1">
|
||||
<figure class="mb-0">
|
||||
<img class="img-fluid rounded" src="https://via.placeholder.com/96x96" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
<a href="javascript:;" class="col-md-4 ps-1 pe-1">
|
||||
<figure class="mb-0">
|
||||
<img class="img-fluid rounded" src="https://via.placeholder.com/96x96" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
<a href="javascript:;" class="col-md-4 ps-1 pe-1">
|
||||
<figure class="mb-0">
|
||||
<img class="img-fluid rounded" src="https://via.placeholder.com/96x96" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 grid-margin">
|
||||
<div class="card rounded">
|
||||
<div class="card-body">
|
||||
<h6 class="card-title">suggestions for you</h6>
|
||||
<div class="d-flex justify-content-between mb-2 pb-2 border-bottom">
|
||||
<div class="d-flex align-items-center hover-pointer">
|
||||
<img class="img-xs rounded-circle" src="https://via.placeholder.com/37x37" alt="">
|
||||
<div class="ms-2">
|
||||
<p>Mike Popescu</p>
|
||||
<p class="tx-11 text-muted">12 Mutual Friends</p>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-icon border-0"><i data-feather="user-plus"></i></button>
|
||||
</div>
|
||||
<div class="d-flex justify-content-between mb-2 pb-2 border-bottom">
|
||||
<div class="d-flex align-items-center hover-pointer">
|
||||
<img class="img-xs rounded-circle" src="https://via.placeholder.com/37x37" alt="">
|
||||
<div class="ms-2">
|
||||
<p>Mike Popescu</p>
|
||||
<p class="tx-11 text-muted">12 Mutual Friends</p>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-icon border-0"><i data-feather="user-plus"></i></button>
|
||||
</div>
|
||||
<div class="d-flex justify-content-between mb-2 pb-2 border-bottom">
|
||||
<div class="d-flex align-items-center hover-pointer">
|
||||
<img class="img-xs rounded-circle" src="https://via.placeholder.com/37x37" alt="">
|
||||
<div class="ms-2">
|
||||
<p>Mike Popescu</p>
|
||||
<p class="tx-11 text-muted">12 Mutual Friends</p>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-icon border-0"><i data-feather="user-plus"></i></button>
|
||||
</div>
|
||||
<div class="d-flex justify-content-between mb-2 pb-2 border-bottom">
|
||||
<div class="d-flex align-items-center hover-pointer">
|
||||
<img class="img-xs rounded-circle" src="https://via.placeholder.com/37x37" alt="">
|
||||
<div class="ms-2">
|
||||
<p>Mike Popescu</p>
|
||||
<p class="tx-11 text-muted">12 Mutual Friends</p>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-icon border-0"><i data-feather="user-plus"></i></button>
|
||||
</div>
|
||||
<div class="d-flex justify-content-between mb-2 pb-2 border-bottom">
|
||||
<div class="d-flex align-items-center hover-pointer">
|
||||
<img class="img-xs rounded-circle" src="https://via.placeholder.com/37x37" alt="">
|
||||
<div class="ms-2">
|
||||
<p>Mike Popescu</p>
|
||||
<p class="tx-11 text-muted">12 Mutual Friends</p>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-icon border-0"><i data-feather="user-plus"></i></button>
|
||||
</div>
|
||||
<div class="d-flex justify-content-between">
|
||||
<div class="d-flex align-items-center hover-pointer">
|
||||
<img class="img-xs rounded-circle" src="https://via.placeholder.com/37x37" alt="">
|
||||
<div class="ms-2">
|
||||
<p>Mike Popescu</p>
|
||||
<p class="tx-11 text-muted">12 Mutual Friends</p>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-icon border-0"><i data-feather="user-plus"></i></button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- right wrapper end -->
|
||||
</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>
|
||||
699
public/backend/pages/general/timeline.html
Normal file
699
public/backend/pages/general/timeline.html
Normal file
@@ -0,0 +1,699 @@
|
||||
<!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">
|
||||
|
||||
<nav class="page-breadcrumb">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="#">General pages</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Timeline</li>
|
||||
</ol>
|
||||
</nav>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h6 class="card-title">Timeline</h6>
|
||||
<div id="content">
|
||||
<ul class="timeline">
|
||||
<li class="event" data-date="12:30 - 1:00pm">
|
||||
<h3 class="title">Registration</h3>
|
||||
<p>Get here on time, it's first come first serve. Be late, get turned away.</p>
|
||||
</li>
|
||||
<li class="event" data-date="2:30 - 4:00pm">
|
||||
<h3 class="title">Opening Ceremony</h3>
|
||||
<p>Get ready for an exciting event, this will kick off in amazing fashion with MOP & Busta Rhymes as an opening show.</p>
|
||||
</li>
|
||||
<li class="event" data-date="5:00 - 8:00pm">
|
||||
<h3 class="title">Main Event</h3>
|
||||
<p>This is where it all goes down. You will compete head to head with your friends and rivals. Get ready!</p>
|
||||
</li>
|
||||
<li class="event" data-date="8:30 - 9:30pm">
|
||||
<h3 class="title">Closing Ceremony</h3>
|
||||
<p>See how is the victor and who are the losers. The big stage is where the winners bask in their own glory.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</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>
|
||||
Reference in New Issue
Block a user