SpitiGlykou
This commit is contained in:
@@ -0,0 +1,31 @@
|
||||
{% load static %}
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Σπίτι του Γλυκού</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'gogo/font/iconsmind-s/css/iconsminds.css' %}">
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'gogo/font/simple-line-icons/css/simple-line-icons.css' %}">
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'gogo/css/vendor/bootstrap.min.css' %}">
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'gogo/css/vendor/bootstrap.rtl.only.min.css' %}">
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'gogo/css/vendor/fullcalendar.min.css' %}">
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'gogo/css/vendor/dataTables.bootstrap4.min.css' %}">
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'gogo/css/vendor/datatables.responsive.bootstrap4.min.css' %}">
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'gogo/css/vendor/select2.min.css' %}">
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'gogo/css/vendor/perfect-scrollbar.css' %}">
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'gogo/css/vendor/glide.core.min.css' %}">
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'gogo/css/vendor/bootstrap-stars.css' %}">
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'gogo/css/vendor/nouislider.min.css' %}">
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'gogo/css/vendor/bootstrap-datepicker3.min.css' %}">
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'gogo/css/vendor/baguetteBox.min.css' %}">
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'gogo/css/vendor/component-custom-switch.min.css' %}">
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'gogo/css/main.css' %}">
|
||||
</head>
|
||||
<script>
|
||||
var gogo_css = "{% static 'gogo/css/' %}"
|
||||
</script>
|
||||
@@ -0,0 +1,176 @@
|
||||
{% load static %}
|
||||
{% if not view.is_popup %}
|
||||
<nav class="navbar fixed-top">
|
||||
<div class="d-flex align-items-center navbar-left">
|
||||
<a href="#" class="menu-button d-none d-md-block">
|
||||
<svg class="main" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 17">
|
||||
<rect x="0.48" y="0.5" width="7" height="1" />
|
||||
<rect x="0.48" y="7.5" width="7" height="1" />
|
||||
<rect x="0.48" y="15.5" width="7" height="1" />
|
||||
</svg>
|
||||
<svg class="sub" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 17">
|
||||
<rect x="1.56" y="0.5" width="16" height="1" />
|
||||
<rect x="1.56" y="7.5" width="16" height="1" />
|
||||
<rect x="1.56" y="15.5" width="16" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<a href="#" class="menu-button-mobile d-xs-block d-sm-block d-md-none">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 17">
|
||||
<rect x="0.5" y="0.5" width="25" height="1" />
|
||||
<rect x="0.5" y="7.5" width="25" height="1" />
|
||||
<rect x="0.5" y="15.5" width="25" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<span class="d-none d-xs-block"><img alt="Logo" src="{% static 'images/logo.png' %}" width="150px"></span>
|
||||
<span class="d-block d-xs-none"><img alt="Logo" src="{% static 'images/logo.png' %}" width="150px"></span>
|
||||
|
||||
<div class="navbar-right">
|
||||
<div class="header-icons d-inline-block align-middle">
|
||||
<div class="d-none d-md-inline-block align-text-bottom mr-3">
|
||||
<div class="custom-switch custom-switch-primary-inverse custom-switch-small pl-1"
|
||||
data-toggle="tooltip" data-placement="left" title="Dark Mode">
|
||||
<input class="custom-switch-input" id="switchDark" type="checkbox" checked>
|
||||
<label class="custom-switch-btn" for="switchDark"></label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative d-none d-sm-inline-block">
|
||||
<button class="header-icon btn btn-empty" type="button" id="iconMenuButton" data-toggle="dropdown"
|
||||
aria-haspopup="true" aria-expanded="false">
|
||||
<i class="simple-icon-grid"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3 h-auto position-absolute" id="iconMenuDropdown">
|
||||
<a href="/dx" class="icon-menu-item">
|
||||
<i class="simple-icon-basket d-block"></i>
|
||||
<span>Παραγγελίες</span>
|
||||
</a>
|
||||
|
||||
<a href="/dx/create_booking" class="icon-menu-item">
|
||||
<i class="simple-icon-note d-block"></i>
|
||||
<p>Νεα Παραγγελία</p>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<button class="header-icon btn btn-empty d-none d-sm-inline-block" type="button" id="fullScreenButton">
|
||||
<i class="simple-icon-size-fullscreen"></i>
|
||||
<i class="simple-icon-size-actual"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="user d-inline-block">
|
||||
<a class="dropdown-item" href="{% url 'logout' %}">Έξοδος</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="menu">
|
||||
<div class="main-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled">
|
||||
{% if active_page == "dashboard" %}
|
||||
<li class="active">
|
||||
{% else %}
|
||||
<li>
|
||||
{% endif %}
|
||||
<a href="#dashboard">
|
||||
<i class="iconsminds-shopping-bag"></i>
|
||||
<span>Παραγγελίες</span>
|
||||
</a>
|
||||
</li>
|
||||
{% if active_page == "products" %}
|
||||
<li class="active">
|
||||
{% else %}
|
||||
<li>
|
||||
{% endif %}
|
||||
<a href="#products">
|
||||
<i class="iconsminds-birthday-cake"></i>
|
||||
<span>Προϊόντα</span>
|
||||
</a>
|
||||
</li>
|
||||
{% if active_page == "stores" %}
|
||||
<li class="active">
|
||||
{% else %}
|
||||
<li>
|
||||
{% endif %}
|
||||
<a href="#stores">
|
||||
<i class="iconsminds-shop-2"></i>
|
||||
<span>Καταστήματα</span>
|
||||
</a>
|
||||
</li>
|
||||
{% if active_page == "customers" %}
|
||||
<li class="active">
|
||||
{% else %}
|
||||
<li>
|
||||
{% endif %}
|
||||
<a href="#customers">
|
||||
<i class="iconsminds-male-female"></i>
|
||||
<span>Πελάτες</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sub-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled" data-link="dashboard">
|
||||
<li>
|
||||
<a href="/dx">
|
||||
<i class="simple-icon-book-open"></i> <span class="d-inline-block">Προβολή Παραγγελιών</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/dx/order/create/">
|
||||
<i class="simple-icon-note"></i> <span class="d-inline-block">Νεα Παραγγελία</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="products">
|
||||
<li>
|
||||
<a href="/dx/order_products/">
|
||||
<i class="simple-icon-basket-loaded"></i> <span class="d-inline-block">Προϊόντα Παραγγελιών</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/dx/products/">
|
||||
<i class="simple-icon-calculator"></i> <span class="d-inline-block">Κατηγορίες Προϊόντων</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/dx/product/create/">
|
||||
<i class="simple-icon-plus"></i> <span class="d-inline-block">Νέα Κατηγορία</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="stores">
|
||||
<li>
|
||||
<a href="/dx/stores/">
|
||||
<i class="simple-icon-location-pin"></i> <span class="d-inline-block">Καταστήματα</span>
|
||||
</a>
|
||||
</li>
|
||||
{% if user.get_username != 'spiti1' and user.get_username != 'spiti2' and user.get_username != 'spiti3' %}
|
||||
<li>
|
||||
<a href="/dx/store/create/">
|
||||
<i class="simple-icon-plus"></i> <span class="d-inline-block">Νέο Κατάστημα</span>
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
|
||||
<ul class="list-unstyled" data-link="customers">
|
||||
<li>
|
||||
<a href="/dx/customers/">
|
||||
<i class="simple-icon-notebook"></i> <span class="d-inline-block">Πελάτες</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/dx/customer/create/">
|
||||
<i class="simple-icon-plus"></i> <span class="d-inline-block">Νέος Πελάτης</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
@@ -0,0 +1,24 @@
|
||||
{% load static %}
|
||||
<script src="{% static 'gogo/js/vendor/jquery-3.3.1.min.js' %}"></script>
|
||||
<script src="{% static 'gogo/js/vendor/bootstrap.bundle.min.js' %}"></script>
|
||||
<script src="{% static 'gogo/js/vendor/Chart.bundle.min.js' %}"></script>
|
||||
<script src="{% static 'gogo/js/vendor/Chart.bundle.min.js' %}"></script>
|
||||
<script src="{% static 'gogo/js/vendor/chartjs-plugin-datalabels.js' %}"></script>
|
||||
<script src="{% static 'gogo/js/vendor/moment.min.js' %}"></script>
|
||||
<script src="{% static 'gogo/js/vendor/fullcalendar.min.js' %}"></script>
|
||||
<script src="{% static 'gogo/js/vendor/datatables.min.js' %}"></script>
|
||||
<script src="{% static 'gogo/js/vendor/perfect-scrollbar.min.js' %}"></script>
|
||||
<script src="{% static 'gogo/js/vendor/progressbar.min.js' %}"></script>
|
||||
<script src="{% static 'gogo/js/vendor/jquery.barrating.min.js' %}"></script>
|
||||
<script src="{% static 'gogo/js/vendor/select2.full.js' %}"></script>
|
||||
<script src="{% static 'gogo/js/vendor/nouislider.min.js' %}"></script>
|
||||
<script src="{% static 'gogo/js/vendor/bootstrap-datepicker.js' %}"></script>
|
||||
<script src="{% static 'gogo/js/vendor/Sortable.js' %}"></script>
|
||||
<script src="{% static 'gogo/js/vendor/mousetrap.min.js' %}"></script>
|
||||
<script src="{% static 'gogo/js/vendor/baguetteBox.min.js' %}"></script>
|
||||
<script src="{% static 'gogo/js/vendor/glide.min.js' %}"></script>
|
||||
<script src="{% static 'gogo/js/dore.script.js' %}"></script>
|
||||
<script src="{% static 'gogo/js/scripts.js' %}"></script>.
|
||||
</body>
|
||||
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,759 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Dore jQuery</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
|
||||
<link rel="stylesheet" href="font/iconsmind-s/css/iconsminds.css" />
|
||||
<link rel="stylesheet" href="font/simple-line-icons/css/simple-line-icons.css" />
|
||||
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.rtl.only.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/component-custom-switch.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/perfect-scrollbar.css" />
|
||||
|
||||
<link rel="stylesheet" href="css/main.css" />
|
||||
</head>
|
||||
|
||||
<body id="app-container" class="menu-default show-spinner">
|
||||
<nav class="navbar fixed-top">
|
||||
<div class="d-flex align-items-center navbar-left">
|
||||
<a href="#" class="menu-button d-none d-md-block">
|
||||
<svg class="main" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 17">
|
||||
<rect x="0.48" y="0.5" width="7" height="1" />
|
||||
<rect x="0.48" y="7.5" width="7" height="1" />
|
||||
<rect x="0.48" y="15.5" width="7" height="1" />
|
||||
</svg>
|
||||
<svg class="sub" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 17">
|
||||
<rect x="1.56" y="0.5" width="16" height="1" />
|
||||
<rect x="1.56" y="7.5" width="16" height="1" />
|
||||
<rect x="1.56" y="15.5" width="16" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<a href="#" class="menu-button-mobile d-xs-block d-sm-block d-md-none">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 17">
|
||||
<rect x="0.5" y="0.5" width="25" height="1" />
|
||||
<rect x="0.5" y="7.5" width="25" height="1" />
|
||||
<rect x="0.5" y="15.5" width="25" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<div class="search" data-search-path="Pages.Search.html?q=">
|
||||
<input placeholder="Search...">
|
||||
<span class="search-icon">
|
||||
<i class="simple-icon-magnifier"></i>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<a class="btn btn-sm btn-outline-primary ml-3 d-none d-md-inline-block"
|
||||
href="https://1.envato.market/5kAb"> BUY </a>
|
||||
</div>
|
||||
|
||||
|
||||
<a class="navbar-logo" href="Dashboard.Default.html">
|
||||
<span class="logo d-none d-xs-block"></span>
|
||||
<span class="logo-mobile d-block d-xs-none"></span>
|
||||
</a>
|
||||
|
||||
<div class="navbar-right">
|
||||
<div class="header-icons d-inline-block align-middle">
|
||||
<div class="d-none d-md-inline-block align-text-bottom mr-3">
|
||||
<div class="custom-switch custom-switch-primary-inverse custom-switch-small pl-1"
|
||||
data-toggle="tooltip" data-placement="left" title="Dark Mode">
|
||||
<input class="custom-switch-input" id="switchDark" type="checkbox" checked>
|
||||
<label class="custom-switch-btn" for="switchDark"></label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative d-none d-sm-inline-block">
|
||||
<button class="header-icon btn btn-empty" type="button" id="iconMenuButton" data-toggle="dropdown"
|
||||
aria-haspopup="true" aria-expanded="false">
|
||||
<i class="simple-icon-grid"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3 position-absolute" id="iconMenuDropdown">
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-equalizer d-block"></i>
|
||||
<span>Settings</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-male-female d-block"></i>
|
||||
<span>Users</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-puzzle d-block"></i>
|
||||
<span>Components</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-bar-chart-4 d-block"></i>
|
||||
<span>Profits</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-file d-block"></i>
|
||||
<span>Surveys</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-suitcase d-block"></i>
|
||||
<span>Tasks</span>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative d-inline-block">
|
||||
<button class="header-icon btn btn-empty" type="button" id="notificationButton"
|
||||
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="simple-icon-bell"></i>
|
||||
<span class="count">3</span>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3 position-absolute" id="notificationDropdown">
|
||||
<div class="scroll">
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/profiles/l-2.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">Joisse Kaycee just sent a new comment!</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/notifications/1.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">1 item is out of stock!</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/notifications/2.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">New order received! It is total $147,20.</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 ">
|
||||
<a href="#">
|
||||
<img src="img/notifications/3.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">3 items just added to wish list by a user!
|
||||
</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button class="header-icon btn btn-empty d-none d-sm-inline-block" type="button" id="fullScreenButton">
|
||||
<i class="simple-icon-size-fullscreen"></i>
|
||||
<i class="simple-icon-size-actual"></i>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="user d-inline-block">
|
||||
<button class="btn btn-empty p-0" type="button" data-toggle="dropdown" aria-haspopup="true"
|
||||
aria-expanded="false">
|
||||
<span class="name">Sarah Kortney</span>
|
||||
<span>
|
||||
<img alt="Profile Picture" src="img/profiles/l-1.jpg" />
|
||||
</span>
|
||||
</button>
|
||||
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3">
|
||||
<a class="dropdown-item" href="#">Account</a>
|
||||
<a class="dropdown-item" href="#">Features</a>
|
||||
<a class="dropdown-item" href="#">History</a>
|
||||
<a class="dropdown-item" href="#">Support</a>
|
||||
<a class="dropdown-item" href="#">Sign out</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="menu">
|
||||
<div class="main-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled">
|
||||
<li>
|
||||
<a href="#dashboard">
|
||||
<i class="iconsminds-shop-4"></i>
|
||||
<span>Dashboards</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#layouts">
|
||||
<i class="iconsminds-digital-drawing"></i> Pages
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#applications">
|
||||
<i class="iconsminds-air-balloon-1"></i> Applications
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#ui">
|
||||
<i class="iconsminds-pantone"></i> UI
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#menu">
|
||||
<i class="iconsminds-three-arrow-fork"></i> Menu
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="Blank.Page.html">
|
||||
<i class="iconsminds-bucket"></i> Blank Page
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://dore-jquery-docs.coloredstrategies.com" target="_blank">
|
||||
<i class="iconsminds-library"></i> Docs
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sub-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled" data-link="dashboard">
|
||||
<li>
|
||||
<a href="Dashboard.Default.html">
|
||||
<i class="simple-icon-rocket"></i> <span class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Analytics.html">
|
||||
<i class="simple-icon-pie-chart"></i> <span class="d-inline-block">Analytics</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Ecommerce.html">
|
||||
<i class="simple-icon-basket-loaded"></i> <span class="d-inline-block">Ecommerce</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Content.html">
|
||||
<i class="simple-icon-doc"></i> <span class="d-inline-block">Content</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="layouts" id="layouts">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseAuthorization" aria-expanded="true"
|
||||
aria-controls="collapseAuthorization" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Authorization</span>
|
||||
</a>
|
||||
<div id="collapseAuthorization" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="login.html">
|
||||
<i class="simple-icon-user-following"></i> <span
|
||||
class="d-inline-block">Login</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Auth.Register.html">
|
||||
<i class="simple-icon-user-follow"></i> <span
|
||||
class="d-inline-block">Register</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Auth.ForgotPassword.html">
|
||||
<i class="simple-icon-user-unfollow"></i> <span class="d-inline-block">Forgot
|
||||
Password</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseProduct" aria-expanded="true"
|
||||
aria-controls="collapseProduct" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Product</span>
|
||||
</a>
|
||||
<div id="collapseProduct" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Product.List.html">
|
||||
<i class="simple-icon-credit-card"></i> <span class="d-inline-block">Data
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Thumbs.html">
|
||||
<i class="simple-icon-list"></i> <span class="d-inline-block">Thumb
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Images.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Image
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Detail.html">
|
||||
<i class="simple-icon-book-open"></i> <span class="d-inline-block">Detail</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseProfile" aria-expanded="true"
|
||||
aria-controls="collapseProfile" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Profile</span>
|
||||
</a>
|
||||
<div id="collapseProfile" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Profile.Social.html">
|
||||
<i class="simple-icon-share"></i> <span class="d-inline-block">Social</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Profile.Portfolio.html">
|
||||
<i class="simple-icon-link"></i> <span class="d-inline-block">Portfolio</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseBlog" aria-expanded="true"
|
||||
aria-controls="collapseBlog" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Blog</span>
|
||||
</a>
|
||||
<div id="collapseBlog" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Blog.html">
|
||||
<i class="simple-icon-list"></i> <span class="d-inline-block">List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Blog.Detail.html">
|
||||
<i class="simple-icon-book-open"></i> <span class="d-inline-block">Detail</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="edit_booking.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Detail
|
||||
Alt</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMisc" aria-expanded="true"
|
||||
aria-controls="collapseMisc" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Miscellaneous</span>
|
||||
</a>
|
||||
<div id="collapseMisc" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Misc.Coming.Soon.html">
|
||||
<i class="simple-icon-hourglass"></i> <span class="d-inline-block">Coming
|
||||
Soon</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Error.html">
|
||||
<i class="simple-icon-exclamation"></i> <span
|
||||
class="d-inline-block">Error</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Faq.html">
|
||||
<i class="simple-icon-question"></i> <span class="d-inline-block">Faq</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Invoice.html">
|
||||
<i class="simple-icon-bag"></i> <span class="d-inline-block">Invoice</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Knowledge.Base.html">
|
||||
<i class="simple-icon-graduation"></i> <span class="d-inline-block">Knowledge
|
||||
Base</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Mailing.html">
|
||||
<i class="simple-icon-envelope-open"></i> <span
|
||||
class="d-inline-block">Mailing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Pricing.html">
|
||||
<i class="simple-icon-diamond"></i> <span class="d-inline-block">Pricing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Search.html">
|
||||
<i class="simple-icon-magnifier"></i> <span class="d-inline-block">Search</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="applications">
|
||||
<li>
|
||||
<a href="Apps.MediaLibrary.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Library</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Todo.List.html">
|
||||
<i class="simple-icon-check"></i> <span class="d-inline-block">Todo</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Survey.List.html">
|
||||
<i class="simple-icon-calculator"></i> <span class="d-inline-block">Survey</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Chat.html">
|
||||
<i class="simple-icon-bubbles"></i> <span class="d-inline-block">Chat</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="ui">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseForms" aria-expanded="true"
|
||||
aria-controls="collapseForms" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Forms</span>
|
||||
</a>
|
||||
<div id="collapseForms" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Forms.Components.html">
|
||||
<i class="simple-icon-event"></i> <span class="d-inline-block">Components</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Layouts.html">
|
||||
<i class="simple-icon-doc"></i> <span class="d-inline-block">Layouts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Validation.html">
|
||||
<i class="simple-icon-check"></i> <span class="d-inline-block">Validation</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Wizard.html">
|
||||
<i class="simple-icon-magic-wand"></i> <span
|
||||
class="d-inline-block">Wizard</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseDataTables" aria-expanded="true"
|
||||
aria-controls="collapseDataTables" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Datatables</span>
|
||||
</a>
|
||||
<div id="collapseDataTables" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Datatables.Rows.html">
|
||||
<i class="simple-icon-screen-desktop"></i> <span class="d-inline-block">Full
|
||||
Page UI</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Scroll.html">
|
||||
<i class="simple-icon-mouse"></i> <span class="d-inline-block">Scrollable</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Pagination.html">
|
||||
<i class="simple-icon-notebook"></i> <span
|
||||
class="d-inline-block">Pagination</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Default.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseComponents" aria-expanded="true"
|
||||
aria-controls="collapseComponents" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Components</span>
|
||||
</a>
|
||||
<div id="collapseComponents" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Components.Alerts.html">
|
||||
<i class="simple-icon-bell"></i> <span class="d-inline-block">Alerts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Badges.html">
|
||||
<i class="simple-icon-badge"></i> <span class="d-inline-block">Badges</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Buttons.html">
|
||||
<i class="simple-icon-control-play"></i> <span
|
||||
class="d-inline-block">Buttons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Cards.html">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Cards</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="Ui.Components.Carousel.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Carousel</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Charts.html">
|
||||
<i class="simple-icon-chart"></i> <span class="d-inline-block">Charts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Collapse.html">
|
||||
<i class="simple-icon-arrow-up"></i> <span
|
||||
class="d-inline-block">Collapse</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Dropdowns.html">
|
||||
<i class="simple-icon-arrow-down"></i> <span
|
||||
class="d-inline-block">Dropdowns</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Editors.html">
|
||||
<i class="simple-icon-book-open"></i> <span
|
||||
class="d-inline-block">Editors</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Icons.html">
|
||||
<i class="simple-icon-star"></i> <span class="d-inline-block">Icons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.InputGroups.html">
|
||||
<i class="simple-icon-note"></i> <span class="d-inline-block">Input
|
||||
Groups</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Jumbotron.html">
|
||||
<i class="simple-icon-screen-desktop"></i> <span
|
||||
class="d-inline-block">Jumbotron</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Modal.html">
|
||||
<i class="simple-icon-docs"></i> <span class="d-inline-block">Modal</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Navigation.html">
|
||||
<i class="simple-icon-cursor"></i> <span
|
||||
class="d-inline-block">Navigation</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="Ui.Components.PopoverandTooltip.html">
|
||||
<i class="simple-icon-pin"></i> <span class="d-inline-block">Popover &
|
||||
Tooltip</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Sortable.html">
|
||||
<i class="simple-icon-shuffle"></i> <span class="d-inline-block">Sortable</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Tables.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Tables</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<ul class="list-unstyled" data-link="menu" id="menuTypes">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuTypes" aria-expanded="true"
|
||||
aria-controls="collapseMenuTypes" class="rotate-arrow-icon">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Types</span>
|
||||
</a>
|
||||
<div id="collapseMenuTypes" class="collapse show" data-parent="#menuTypes">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Menu.Default.html">
|
||||
<i class="simple-icon-control-pause"></i> <span
|
||||
class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Subhidden.html">
|
||||
<i class="simple-icon-arrow-left mi-subhidden"></i> <span
|
||||
class="d-inline-block">Subhidden</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Hidden.html">
|
||||
<i class="simple-icon-control-start mi-hidden"></i> <span
|
||||
class="d-inline-block">Hidden</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Mainhidden.html">
|
||||
<i class="simple-icon-control-rewind mi-hidden"></i> <span
|
||||
class="d-inline-block">Mainhidden</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuLevel" aria-expanded="true"
|
||||
aria-controls="collapseMenuLevel" class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Levels</span>
|
||||
</a>
|
||||
<div id="collapseMenuLevel" class="collapse" data-parent="#menuTypes">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuLevel2"
|
||||
aria-expanded="true" aria-controls="collapseMenuLevel2"
|
||||
class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Another
|
||||
Level</span>
|
||||
</a>
|
||||
<div id="collapseMenuLevel2" class="collapse">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuDetached" aria-expanded="true"
|
||||
aria-controls="collapseMenuDetached" class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Detached</span>
|
||||
</a>
|
||||
<div id="collapseMenuDetached" class="collapse">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="separator mb-5"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="page-footer">
|
||||
<div class="footer-content">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-6">
|
||||
<p class="mb-0 text-muted">ColoredStrategies 2019</p>
|
||||
</div>
|
||||
<div class="col-sm-6 d-none d-sm-block">
|
||||
<ul class="breadcrumb pt-0 pr-0 float-right">
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Review</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Purchase</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Docs</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
<script src="js/vendor/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/vendor/bootstrap.bundle.min.js"></script>
|
||||
<script src="js/vendor/perfect-scrollbar.min.js"></script>
|
||||
<script src="js/vendor/mousetrap.min.js"></script>
|
||||
<script src="js/dore.script.js"></script>
|
||||
<script src="js/scripts.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,64 @@
|
||||
{% load static %}
|
||||
|
||||
|
||||
{% include "diaxeirisi/00_head.html" %}
|
||||
<body id="app-container" class="menu-default show-spinner">
|
||||
{% include "diaxeirisi/01_menu.html" %}
|
||||
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row mb-4">
|
||||
<div class="col-12">
|
||||
<h2>Καταστήματα</h2>
|
||||
<div class="separator mb-5"></div>
|
||||
{% if messages %}
|
||||
<div class="alert alert-success">
|
||||
{% for m in messages %}
|
||||
<li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ m }}</li>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="col-12 col-xl-8 mb-4 mx-auto">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<table class="table table-responsive data-table data-table-feature5">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Α/Α</th>
|
||||
<th>Όνομα</th>
|
||||
<th>Διεύθυνση</th>
|
||||
<th>Τηλέφωνο</th>
|
||||
<th>Facebook/Instagram</th>
|
||||
<th>Διαγραφή</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for db_object in DB_Objects %}
|
||||
<tr>
|
||||
<td>{{ db_object.id }}</td>
|
||||
<td>{{ db_object.name }}</td>
|
||||
<td>{{ db_object.address }}</td>
|
||||
<td>{{ db_object.telephone }}</td>
|
||||
<td>{{ db_object.social_media}}</td>
|
||||
<td>
|
||||
<a href="/dx/customer/delete/{{ db_object.id }}/">
|
||||
|
||||
<button type="button" class="btn btn-outline-danger">
|
||||
Διαγραφή</button>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
|
||||
{% include "diaxeirisi/99_footer.html" %}
|
||||
@@ -0,0 +1,82 @@
|
||||
{% load static %}
|
||||
|
||||
|
||||
{% include "diaxeirisi/00_head.html" %}
|
||||
<body id="app-container" class="menu-default show-spinner">
|
||||
{% include "diaxeirisi/01_menu.html" %}
|
||||
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row mb-4">
|
||||
<div class="col-12">
|
||||
<h2>Παραγγελίες</h2>
|
||||
<div class="separator mb-5"></div>
|
||||
{% if messages %}
|
||||
<div class="alert alert-success">
|
||||
{% for m in messages %}
|
||||
<li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ m }}</li>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="col-12 mb-4">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<table class="table table-responsive data-table data-table-feature">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Α/Α</th>
|
||||
<th>Κατάσταση</th>
|
||||
<th>Πελάτης</th>
|
||||
<th>Τηλέφωνο</th>
|
||||
<th>Ημ/νια Παραγγελίας</th>
|
||||
<th>Ημ/νια Παράδοσης</th>
|
||||
<th>Κατάστημα</th>
|
||||
<th>Προϊόντα</th>
|
||||
<th>Προβολή</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for db_object in DB_Objects %}
|
||||
<tr>
|
||||
<td>{{ db_object.id }}</td>
|
||||
<td>
|
||||
{% if db_object.order_status == "ΕΤΜ" %}
|
||||
<span class="badge badge-pill badge-success mb-1">{{ db_object.order_status }}{{ db_object.room.number }}</span>
|
||||
{% elif db_object.order_status == "ΝΕΑ" %}
|
||||
<span class="badge badge-pill badge-info mb-1">{{ db_object.order_status }}</span>
|
||||
{% elif db_object.order_status == "ΕΠΕ" %}
|
||||
<span class="badge badge-pill badge-warning mb-1">{{ db_object.order_status }}</span>
|
||||
{% else %}
|
||||
<span class="badge badge-pill badge-outline-danger mb-1">{{ db_object.order_status }}</span>
|
||||
{% endif %}
|
||||
</td>
|
||||
<td>{{ db_object.customer_name }}</td>
|
||||
<td>{{ db_object.customer_telephone }}</td>
|
||||
<td>{{ db_object.order_date }}</td>
|
||||
<td>{{ db_object.delivery_date}}</td>
|
||||
<td>{{ db_object.store }}</td>
|
||||
<td><ul>{% for prod in db_object.order_products.all %}
|
||||
<li>{{ prod }}</li>
|
||||
{% endfor %}</ul></td>
|
||||
<td>
|
||||
<a href="/dx/order/update/{{ db_object.id }}/">
|
||||
|
||||
<button type="button" class="btn btn-outline-primary">
|
||||
Επεξεργασία</button>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
|
||||
{% include "diaxeirisi/99_footer.html" %}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,60 @@
|
||||
{% load static %}
|
||||
|
||||
|
||||
{% include "diaxeirisi/00_head.html" %}
|
||||
<body id="app-container" class="menu-default show-spinner">
|
||||
{% include "diaxeirisi/01_menu.html" %}
|
||||
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row mb-4">
|
||||
<div class="col-12">
|
||||
<h2>Προϊόντα Παραγγελιών</h2>
|
||||
<div class="separator mb-5"></div>
|
||||
{% if messages %}
|
||||
<div class="alert alert-success">
|
||||
{% for m in messages %}
|
||||
<li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ m }}</li>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="col-12 mb-4 mx-auto">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<table class="table table-responsive data-table data-table-feature3">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Α/Α</th>
|
||||
<th>Ημερομηνίες</th>
|
||||
<th>Πελάτης</th>
|
||||
<th>Προϊόν</th>
|
||||
<th>Ποσότητα</th>
|
||||
<th>Κατάστημα</th>
|
||||
<th>Πληροφορίες</th>
|
||||
<th>Παραλαβή</th>
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for db_object in DB_Objects %}
|
||||
<tr>
|
||||
<td>{{ db_object.id }}</td>
|
||||
<td>{{ db_object.order }}</td>
|
||||
<td>{{ db_object.product }}</td>
|
||||
<td>{{ db_object.amount }}</td>
|
||||
<td>{{ db_object.info }}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
|
||||
{% include "diaxeirisi/99_footer.html" %}
|
||||
@@ -0,0 +1,58 @@
|
||||
{% load static %}
|
||||
|
||||
|
||||
{% include "diaxeirisi/00_head.html" %}
|
||||
<body id="app-container" class="menu-default show-spinner">
|
||||
{% include "diaxeirisi/01_menu.html" %}
|
||||
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row mb-4">
|
||||
<div class="col-12">
|
||||
<h2>Κατηγορίες Προϊόντων</h2>
|
||||
<div class="separator mb-5"></div>
|
||||
{% if messages %}
|
||||
<div class="alert alert-success">
|
||||
{% for m in messages %}
|
||||
<li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ m }}</li>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="col-9 col-xl-5 mb-4 mx-auto">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<table class="table table-responsive data-table data-table-feature2">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Α/Α</th>
|
||||
<th>Τύπος Προϊόντος</th>
|
||||
<th>Διαγραφή</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for db_object in DB_Objects %}
|
||||
<tr>
|
||||
<td>{{ db_object.id }}</td>
|
||||
<td>{{ db_object.name }}</td>
|
||||
<td>
|
||||
<a href="/dx/product/delete/{{ db_object.id }}/">
|
||||
|
||||
<button type="button" class="btn btn-outline-danger">
|
||||
Διαγραφή</button>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
|
||||
{% include "diaxeirisi/99_footer.html" %}
|
||||
@@ -0,0 +1,115 @@
|
||||
{% load dictionary_access %}
|
||||
{% load static %}
|
||||
|
||||
|
||||
{% include "diaxeirisi/00_head.html" %}
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.css">
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.js"></script>
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
|
||||
$('.input-daterange').datepicker({
|
||||
format: 'dd-mm-yyyy',
|
||||
startDate: new Date(),
|
||||
todayHighlight: true,
|
||||
autoclose: true,
|
||||
calendarWeeks : true,
|
||||
clearBtn: true,
|
||||
disableTouchKeyboard: true
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
<body id="app-container" class="menu-default show-spinner">
|
||||
{% include "diaxeirisi/01_menu.html" %}
|
||||
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row mb-4">
|
||||
<div class="col-12">
|
||||
<h2>Δωμάτια</h2>
|
||||
<div class="separator mb-5"></div>
|
||||
</div>
|
||||
<div class="col-md-8 col-sm-12 mb-4 w-auto mx-auto">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<form method="post" autocomplete="off">
|
||||
{% csrf_token %}
|
||||
<div class="flex-row d-flex justify-content-center">
|
||||
<div class="col-lg-6 col-11 px-1">
|
||||
<div class="pb-3 input-group input-daterange">
|
||||
{{form.check_in}}
|
||||
<label class="ml-3 form-control-placeholder" id="start-p" for="check_in">Check in</label>
|
||||
<span class="fa fa-calendar" id="fa-1"></span>
|
||||
{{form.check_out}}
|
||||
<label class="ml-3 form-control-placeholder" id="end-p" for="check_out">Check out</label>
|
||||
<span class="fa fa-calendar" id="fa-2">
|
||||
</span>
|
||||
</div>
|
||||
<div class="input-group ">
|
||||
{{form.room_category.errors}}
|
||||
<label class="ml-3" for="room_category"><br>Κατηγορία Δωματίου: </label>
|
||||
{{form.room_category}}
|
||||
</div>
|
||||
<div class="m-5">
|
||||
<button class="mx-sm-0 btn btn-primary col-md-5 mw-50" type="submit">
|
||||
Αναζήτηση
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-12 mb-4 w-auto">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<table class="data-table data-table-rooms">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Αριθμός</th>
|
||||
<th>Κατάσταση</th>
|
||||
<th>Κατηγορία</th>
|
||||
<th>Κρεβάτια</th>
|
||||
<th>Χωρητικότητα</th>
|
||||
<th>Τιμή</th>
|
||||
<th>Προβολή</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for room in RoomObj %}
|
||||
{% if room.number != 1 %}
|
||||
<tr>
|
||||
<td>{{ room.number }}</td>
|
||||
<td>
|
||||
<span class="badge badge-pill badge-outline-success mb-1">Ελεύθερο</span>
|
||||
</td>
|
||||
<td>{{ room.category }}</td>
|
||||
<td>{{ room.beds }}</td>
|
||||
<td>{{ room.capacity }}</td>
|
||||
<td>{{ room.price}}</td>
|
||||
<td>
|
||||
|
||||
<a href="/dx/room/{{ room.id }}/update">
|
||||
<button type="button" class="btn btn-outline-primary">
|
||||
Επεξεργασία</button>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
|
||||
{% include "diaxeirisi/99_footer.html" %}
|
||||
@@ -0,0 +1,69 @@
|
||||
{% load dictionary_access %}
|
||||
{% load static %}
|
||||
|
||||
|
||||
{% include "diaxeirisi/00_head.html" %}
|
||||
<body id="app-container" class="menu-default show-spinner">
|
||||
{% include "diaxeirisi/01_menu.html" %}
|
||||
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row mb-4">
|
||||
<div class="col-12">
|
||||
<h2>Δωμάτια</h2>
|
||||
<div class="separator mb-5"></div>
|
||||
</div>
|
||||
<div class="col-12 mb-4">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<table class="data-table data-table-rooms">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Αριθμός</th>
|
||||
<th>Κατάσταση</th>
|
||||
<th>Κατηγορία</th>
|
||||
<th>Κρεβάτια</th>
|
||||
<th>Χωρητικότητα</th>
|
||||
<th>Τιμή</th>
|
||||
<th>Προβολή</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for room in RoomObj %}
|
||||
|
||||
<tr>
|
||||
<td>{{ room.number }}</td>
|
||||
<td>
|
||||
{% if room.id in Booked.keys %}
|
||||
<a href="/dx/{{ Booked|get_item:room.id|get_item:'b_id' }}/update">
|
||||
<span class="badge badge-pill badge-outline-danger mb-1">Κατειλημμένο απο:<br>{{ Booked|get_item:room.id|get_item:'b_surname' }} {{ Booked|get_item:room.id|get_item:'b_name' }}</span>
|
||||
</a>
|
||||
{% else %}
|
||||
<span class="badge badge-pill badge-outline-success mb-1">Ελεύθερο</span>
|
||||
{% endif %}
|
||||
</td>
|
||||
<td>{{ room.category }}</td>
|
||||
<td>{{ room.beds }}</td>
|
||||
<td>{{ room.capacity }}</td>
|
||||
<td>{{ room.price}}</td>
|
||||
<td>
|
||||
<a href="/dx/room/{{ room.id }}/update">
|
||||
<button type="button" class="btn btn-outline-primary">
|
||||
Επεξεργασία</button>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
|
||||
{% include "diaxeirisi/99_footer.html" %}
|
||||
@@ -0,0 +1,390 @@
|
||||
{% load static %}
|
||||
|
||||
|
||||
{% include "diaxeirisi/00_head.html" %}
|
||||
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script>
|
||||
<body id="app-container" class="menu-default show-spinner">
|
||||
{% include "diaxeirisi/01_menu.html" %}
|
||||
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row mb-4">
|
||||
<div class="col-12">
|
||||
<h2>Στατιστικά</h2>
|
||||
<div class="separator mb-5"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-sm-12 mb-4">
|
||||
<div class="card dashboard-filled-line-chart">
|
||||
<div class="card-body ">
|
||||
<div class="float-left float-none-xs">
|
||||
<div class="d-inline-block">
|
||||
<h5 class="d-inline">Έσοδα Προηγούμενης Εβδομάδας</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="chart card-body pt-0">
|
||||
<canvas id="weekLineChart"></canvas>
|
||||
<script>
|
||||
var week_labels = '{{week_labels}}'.split(',');
|
||||
var week_values = '{{week_values}}'.split(',');
|
||||
var ctx = document.getElementById('weekLineChart').getContext('2d');
|
||||
var weekLineChart = new Chart(ctx, {
|
||||
type: 'line',
|
||||
options: {
|
||||
responsive: true,
|
||||
maintainAspectRatio: false,
|
||||
scales: {
|
||||
yAxes: [
|
||||
{
|
||||
gridLines: {
|
||||
display: true,
|
||||
lineWidth: 1,
|
||||
color: "rgba(0,0,0,0.1)",
|
||||
drawBorder: false
|
||||
},
|
||||
ticks: {
|
||||
beginAtZero: true,
|
||||
padding: 0
|
||||
}
|
||||
}
|
||||
],
|
||||
xAxes: [
|
||||
{
|
||||
gridLines: {
|
||||
display: false
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
legend: {
|
||||
display: false
|
||||
},
|
||||
},
|
||||
data: {
|
||||
labels: week_labels,
|
||||
datasets: [
|
||||
{
|
||||
label: "",
|
||||
data: week_values,
|
||||
backgroundColor: 'rgba(255, 255, 255, 1)',
|
||||
borderColor: 'rgba(54, 162, 235, 1)',
|
||||
pointHoverBackgroundColor: 'orange',
|
||||
|
||||
pointRadius: 4,
|
||||
pointBorderWidth: 2,
|
||||
pointHoverRadius: 5,
|
||||
fill: false,
|
||||
borderWidth: 2,
|
||||
|
||||
}
|
||||
]
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 col-sm-12 mb-4">
|
||||
<div class="card dashboard-filled-line-chart">
|
||||
<div class="card-body ">
|
||||
<div class="float-left float-none-xs">
|
||||
<div class="d-inline-block">
|
||||
<h5 class="d-inline">Έσοδα Προηγούμενου Μήνα</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="chart card-body pt-0">
|
||||
<canvas id="monthLineChart"></canvas>
|
||||
<script>
|
||||
var month_labels = '{{month_labels}}'.split(',');
|
||||
var month_values = '{{month_values}}'.split(',');
|
||||
var ctx = document.getElementById('monthLineChart').getContext('2d');
|
||||
var monthLineChart = new Chart(ctx, {
|
||||
type: 'line',
|
||||
options: {
|
||||
responsive: true,
|
||||
maintainAspectRatio: false,
|
||||
scales: {
|
||||
yAxes: [
|
||||
{
|
||||
gridLines: {
|
||||
display: true,
|
||||
lineWidth: 1,
|
||||
color: "rgba(0,0,0,0.1)",
|
||||
drawBorder: false
|
||||
},
|
||||
ticks: {
|
||||
beginAtZero: true,
|
||||
padding: 0
|
||||
}
|
||||
}
|
||||
],
|
||||
xAxes: [
|
||||
{
|
||||
gridLines: {
|
||||
display: false
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
legend: {
|
||||
display: false
|
||||
},
|
||||
},
|
||||
data: {
|
||||
labels: month_labels,
|
||||
datasets: [
|
||||
{
|
||||
label: "",
|
||||
data: month_values,
|
||||
backgroundColor: 'rgba(255, 255, 255, 1)',
|
||||
borderColor: 'rgba(54, 162, 235, 1)',
|
||||
pointHoverBackgroundColor: 'orange',
|
||||
|
||||
pointRadius: 4,
|
||||
pointBorderWidth: 2,
|
||||
pointHoverRadius: 5,
|
||||
fill: false,
|
||||
borderWidth: 2,
|
||||
|
||||
}
|
||||
]
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-sm-12 mb-4">
|
||||
<div class="card dashboard-filled-line-chart">
|
||||
<div class="card-body ">
|
||||
<div class="float-left float-none-xs">
|
||||
<div class="d-inline-block">
|
||||
<h5 class="d-inline">Έσοδα Προηγούμενου 3μήνου</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="chart card-body pt-0">
|
||||
<canvas id="ThreeMonthsLineChart"></canvas>
|
||||
<script>
|
||||
var three_months_labels = '{{three_months_labels}}'.split(',');
|
||||
var three_months_values = '{{three_months_values}}'.split(',');
|
||||
var ctx = document.getElementById('ThreeMonthsLineChart').getContext('2d');
|
||||
var ThreeMonthsLineChart = new Chart(ctx, {
|
||||
type: 'line',
|
||||
options: {
|
||||
responsive: true,
|
||||
maintainAspectRatio: false,
|
||||
scales: {
|
||||
yAxes: [
|
||||
{
|
||||
gridLines: {
|
||||
display: true,
|
||||
lineWidth: 1,
|
||||
color: "rgba(0,0,0,0.1)",
|
||||
drawBorder: false
|
||||
},
|
||||
ticks: {
|
||||
beginAtZero: true,
|
||||
padding: 0
|
||||
}
|
||||
}
|
||||
],
|
||||
xAxes: [
|
||||
{
|
||||
gridLines: {
|
||||
display: false
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
legend: {
|
||||
display: false
|
||||
},
|
||||
},
|
||||
data: {
|
||||
labels: three_months_labels,
|
||||
datasets: [
|
||||
{
|
||||
label: "",
|
||||
data: three_months_values,
|
||||
backgroundColor: 'rgba(255, 255, 255, 1)',
|
||||
borderColor: 'rgba(54, 162, 235, 1)',
|
||||
pointHoverBackgroundColor: 'orange',
|
||||
|
||||
pointRadius: 4,
|
||||
pointBorderWidth: 2,
|
||||
pointHoverRadius: 5,
|
||||
fill: false,
|
||||
borderWidth: 2,
|
||||
|
||||
}
|
||||
]
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 col-sm-12 mb-4">
|
||||
<div class="card dashboard-filled-line-chart">
|
||||
<div class="card-body ">
|
||||
<div class="float-left float-none-xs">
|
||||
<div class="d-inline-block">
|
||||
<h5 class="d-inline">Έσοδα Προηγούμενου 6μήνου</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="chart card-body pt-0">
|
||||
<canvas id="SixMonthsLineChart"></canvas>
|
||||
<script>
|
||||
var six_months_labels = '{{six_months_labels}}'.split(',');
|
||||
var six_months_values = '{{six_months_values}}'.split(',');
|
||||
var ctx = document.getElementById('SixMonthsLineChart').getContext('2d');
|
||||
var SixMonthsLineChart = new Chart(ctx, {
|
||||
type: 'line',
|
||||
options: {
|
||||
responsive: true,
|
||||
maintainAspectRatio: false,
|
||||
scales: {
|
||||
yAxes: [
|
||||
{
|
||||
gridLines: {
|
||||
display: true,
|
||||
lineWidth: 1,
|
||||
color: "rgba(0,0,0,0.1)",
|
||||
drawBorder: false
|
||||
},
|
||||
ticks: {
|
||||
beginAtZero: true,
|
||||
padding: 0
|
||||
}
|
||||
}
|
||||
],
|
||||
xAxes: [
|
||||
{
|
||||
gridLines: {
|
||||
display: false
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
legend: {
|
||||
display: false
|
||||
},
|
||||
},
|
||||
data: {
|
||||
labels: six_months_labels,
|
||||
datasets: [
|
||||
{
|
||||
label: "",
|
||||
data: six_months_values,
|
||||
backgroundColor: 'rgba(255, 255, 255, 1)',
|
||||
borderColor: 'rgba(54, 162, 235, 1)',
|
||||
pointHoverBackgroundColor: 'orange',
|
||||
pointRadius: 4,
|
||||
pointBorderWidth: 2,
|
||||
pointHoverRadius: 5,
|
||||
fill: false,
|
||||
borderWidth: 2,
|
||||
|
||||
|
||||
}
|
||||
]
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-12 col-sm-12 mb-4">
|
||||
<div class="card dashboard-filled-line-chart">
|
||||
<div class="card-body ">
|
||||
<div class="float-left float-none-xs">
|
||||
<div class="d-inline-block">
|
||||
<h5 class="d-inline">Έσοδα Προηγούμενου Έτους</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="chart card-body pt-0">
|
||||
<canvas id="YearLineChart"></canvas>
|
||||
<script>
|
||||
var year_labels = '{{year_labels}}'.split(',');
|
||||
var year_values = '{{year_values}}'.split(',');
|
||||
var ctx = document.getElementById('YearLineChart').getContext('2d');
|
||||
var YearLineChart = new Chart(ctx, {
|
||||
type: 'line',
|
||||
options: {
|
||||
responsive: true,
|
||||
maintainAspectRatio: false,
|
||||
scales: {
|
||||
yAxes: [
|
||||
{
|
||||
gridLines: {
|
||||
display: true,
|
||||
lineWidth: 1,
|
||||
color: "rgba(0,0,0,0.1)",
|
||||
drawBorder: false
|
||||
},
|
||||
ticks: {
|
||||
beginAtZero: true,
|
||||
padding: 0
|
||||
}
|
||||
}
|
||||
],
|
||||
xAxes: [
|
||||
{
|
||||
gridLines: {
|
||||
display: false
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
legend: {
|
||||
display: false
|
||||
},
|
||||
},
|
||||
data: {
|
||||
labels: year_labels,
|
||||
datasets: [
|
||||
{
|
||||
label: "",
|
||||
data: year_values,
|
||||
backgroundColor: 'rgba(255, 255, 255, 1)',
|
||||
borderColor: 'rgba(54, 162, 235, 1)',
|
||||
pointHoverBackgroundColor: 'orange',
|
||||
pointRadius: 4,
|
||||
pointBorderWidth: 2,
|
||||
pointHoverRadius: 5,
|
||||
fill: false,
|
||||
borderWidth: 2,
|
||||
|
||||
|
||||
}
|
||||
]
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
|
||||
{% include "diaxeirisi/99_footer.html" %}
|
||||
@@ -0,0 +1,390 @@
|
||||
{% load static %}
|
||||
|
||||
|
||||
{% include "diaxeirisi/00_head.html" %}
|
||||
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script>
|
||||
<body id="app-container" class="menu-default show-spinner">
|
||||
{% include "diaxeirisi/01_menu.html" %}
|
||||
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row mb-4">
|
||||
<div class="col-12">
|
||||
<h2>Στατιστικά</h2>
|
||||
<div class="separator mb-5"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-sm-12 mb-4">
|
||||
<div class="card dashboard-filled-line-chart">
|
||||
<div class="card-body ">
|
||||
<div class="float-left float-none-xs">
|
||||
<div class="d-inline-block">
|
||||
<h5 class="d-inline">Κρατήσεις Προηγούμενης Εβδομάδας</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="chart card-body pt-0">
|
||||
<canvas id="weekLineChart"></canvas>
|
||||
<script>
|
||||
var week_labels = '{{week_labels}}'.split(',');
|
||||
var week_values = '{{week_values}}'.split(',');
|
||||
var ctx = document.getElementById('weekLineChart').getContext('2d');
|
||||
var weekLineChart = new Chart(ctx, {
|
||||
type: 'line',
|
||||
options: {
|
||||
responsive: true,
|
||||
maintainAspectRatio: false,
|
||||
scales: {
|
||||
yAxes: [
|
||||
{
|
||||
gridLines: {
|
||||
display: true,
|
||||
lineWidth: 1,
|
||||
color: "rgba(0,0,0,0.1)",
|
||||
drawBorder: false
|
||||
},
|
||||
ticks: {
|
||||
beginAtZero: true,
|
||||
padding: 0
|
||||
}
|
||||
}
|
||||
],
|
||||
xAxes: [
|
||||
{
|
||||
gridLines: {
|
||||
display: false
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
legend: {
|
||||
display: false
|
||||
},
|
||||
},
|
||||
data: {
|
||||
labels: week_labels,
|
||||
datasets: [
|
||||
{
|
||||
label: "",
|
||||
data: week_values,
|
||||
backgroundColor: 'rgba(255, 255, 255, 1)',
|
||||
borderColor: 'rgba(54, 162, 235, 1)',
|
||||
pointHoverBackgroundColor: 'orange',
|
||||
|
||||
pointRadius: 4,
|
||||
pointBorderWidth: 2,
|
||||
pointHoverRadius: 5,
|
||||
fill: false,
|
||||
borderWidth: 2,
|
||||
|
||||
}
|
||||
]
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 col-sm-12 mb-4">
|
||||
<div class="card dashboard-filled-line-chart">
|
||||
<div class="card-body ">
|
||||
<div class="float-left float-none-xs">
|
||||
<div class="d-inline-block">
|
||||
<h5 class="d-inline">Κρατήσεις Προηγούμενου Μήνα</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="chart card-body pt-0">
|
||||
<canvas id="monthLineChart"></canvas>
|
||||
<script>
|
||||
var month_labels = '{{month_labels}}'.split(',');
|
||||
var month_values = '{{month_values}}'.split(',');
|
||||
var ctx = document.getElementById('monthLineChart').getContext('2d');
|
||||
var monthLineChart = new Chart(ctx, {
|
||||
type: 'line',
|
||||
options: {
|
||||
responsive: true,
|
||||
maintainAspectRatio: false,
|
||||
scales: {
|
||||
yAxes: [
|
||||
{
|
||||
gridLines: {
|
||||
display: true,
|
||||
lineWidth: 1,
|
||||
color: "rgba(0,0,0,0.1)",
|
||||
drawBorder: false
|
||||
},
|
||||
ticks: {
|
||||
beginAtZero: true,
|
||||
padding: 0
|
||||
}
|
||||
}
|
||||
],
|
||||
xAxes: [
|
||||
{
|
||||
gridLines: {
|
||||
display: false
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
legend: {
|
||||
display: false
|
||||
},
|
||||
},
|
||||
data: {
|
||||
labels: month_labels,
|
||||
datasets: [
|
||||
{
|
||||
label: "",
|
||||
data: month_values,
|
||||
backgroundColor: 'rgba(255, 255, 255, 1)',
|
||||
borderColor: 'rgba(54, 162, 235, 1)',
|
||||
pointHoverBackgroundColor: 'orange',
|
||||
|
||||
pointRadius: 4,
|
||||
pointBorderWidth: 2,
|
||||
pointHoverRadius: 5,
|
||||
fill: false,
|
||||
borderWidth: 2,
|
||||
|
||||
}
|
||||
]
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-sm-12 mb-4">
|
||||
<div class="card dashboard-filled-line-chart">
|
||||
<div class="card-body ">
|
||||
<div class="float-left float-none-xs">
|
||||
<div class="d-inline-block">
|
||||
<h5 class="d-inline">Κρατήσεις Προηγούμενου 3μήνου</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="chart card-body pt-0">
|
||||
<canvas id="ThreeMonthsLineChart"></canvas>
|
||||
<script>
|
||||
var three_months_labels = '{{three_months_labels}}'.split(',');
|
||||
var three_months_values = '{{three_months_values}}'.split(',');
|
||||
var ctx = document.getElementById('ThreeMonthsLineChart').getContext('2d');
|
||||
var ThreeMonthsLineChart = new Chart(ctx, {
|
||||
type: 'line',
|
||||
options: {
|
||||
responsive: true,
|
||||
maintainAspectRatio: false,
|
||||
scales: {
|
||||
yAxes: [
|
||||
{
|
||||
gridLines: {
|
||||
display: true,
|
||||
lineWidth: 1,
|
||||
color: "rgba(0,0,0,0.1)",
|
||||
drawBorder: false
|
||||
},
|
||||
ticks: {
|
||||
beginAtZero: true,
|
||||
padding: 0
|
||||
}
|
||||
}
|
||||
],
|
||||
xAxes: [
|
||||
{
|
||||
gridLines: {
|
||||
display: false
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
legend: {
|
||||
display: false
|
||||
},
|
||||
},
|
||||
data: {
|
||||
labels: three_months_labels,
|
||||
datasets: [
|
||||
{
|
||||
label: "",
|
||||
data: three_months_values,
|
||||
backgroundColor: 'rgba(255, 255, 255, 1)',
|
||||
borderColor: 'rgba(54, 162, 235, 1)',
|
||||
pointHoverBackgroundColor: 'orange',
|
||||
|
||||
pointRadius: 4,
|
||||
pointBorderWidth: 2,
|
||||
pointHoverRadius: 5,
|
||||
fill: false,
|
||||
borderWidth: 2,
|
||||
|
||||
}
|
||||
]
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 col-sm-12 mb-4">
|
||||
<div class="card dashboard-filled-line-chart">
|
||||
<div class="card-body ">
|
||||
<div class="float-left float-none-xs">
|
||||
<div class="d-inline-block">
|
||||
<h5 class="d-inline">Κρατήσεις Προηγούμενου 6μήνου</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="chart card-body pt-0">
|
||||
<canvas id="SixMonthsLineChart"></canvas>
|
||||
<script>
|
||||
var six_months_labels = '{{six_months_labels}}'.split(',');
|
||||
var six_months_values = '{{six_months_values}}'.split(',');
|
||||
var ctx = document.getElementById('SixMonthsLineChart').getContext('2d');
|
||||
var SixMonthsLineChart = new Chart(ctx, {
|
||||
type: 'line',
|
||||
options: {
|
||||
responsive: true,
|
||||
maintainAspectRatio: false,
|
||||
scales: {
|
||||
yAxes: [
|
||||
{
|
||||
gridLines: {
|
||||
display: true,
|
||||
lineWidth: 1,
|
||||
color: "rgba(0,0,0,0.1)",
|
||||
drawBorder: false
|
||||
},
|
||||
ticks: {
|
||||
beginAtZero: true,
|
||||
padding: 0
|
||||
}
|
||||
}
|
||||
],
|
||||
xAxes: [
|
||||
{
|
||||
gridLines: {
|
||||
display: false
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
legend: {
|
||||
display: false
|
||||
},
|
||||
},
|
||||
data: {
|
||||
labels: six_months_labels,
|
||||
datasets: [
|
||||
{
|
||||
label: "",
|
||||
data: six_months_values,
|
||||
backgroundColor: 'rgba(255, 255, 255, 1)',
|
||||
borderColor: 'rgba(54, 162, 235, 1)',
|
||||
pointHoverBackgroundColor: 'orange',
|
||||
pointRadius: 4,
|
||||
pointBorderWidth: 2,
|
||||
pointHoverRadius: 5,
|
||||
fill: false,
|
||||
borderWidth: 2,
|
||||
|
||||
|
||||
}
|
||||
]
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-12 col-sm-12 mb-4">
|
||||
<div class="card dashboard-filled-line-chart">
|
||||
<div class="card-body ">
|
||||
<div class="float-left float-none-xs">
|
||||
<div class="d-inline-block">
|
||||
<h5 class="d-inline">Κρατήσεις Προηγούμενου Έτους</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="chart card-body pt-0">
|
||||
<canvas id="YearLineChart"></canvas>
|
||||
<script>
|
||||
var year_labels = '{{year_labels}}'.split(',');
|
||||
var year_values = '{{year_values}}'.split(',');
|
||||
var ctx = document.getElementById('YearLineChart').getContext('2d');
|
||||
var YearLineChart = new Chart(ctx, {
|
||||
type: 'line',
|
||||
options: {
|
||||
responsive: true,
|
||||
maintainAspectRatio: false,
|
||||
scales: {
|
||||
yAxes: [
|
||||
{
|
||||
gridLines: {
|
||||
display: true,
|
||||
lineWidth: 1,
|
||||
color: "rgba(0,0,0,0.1)",
|
||||
drawBorder: false
|
||||
},
|
||||
ticks: {
|
||||
beginAtZero: true,
|
||||
padding: 0
|
||||
}
|
||||
}
|
||||
],
|
||||
xAxes: [
|
||||
{
|
||||
gridLines: {
|
||||
display: false
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
legend: {
|
||||
display: false
|
||||
},
|
||||
},
|
||||
data: {
|
||||
labels: year_labels,
|
||||
datasets: [
|
||||
{
|
||||
label: "",
|
||||
data: year_values,
|
||||
backgroundColor: 'rgba(255, 255, 255, 1)',
|
||||
borderColor: 'rgba(54, 162, 235, 1)',
|
||||
pointHoverBackgroundColor: 'orange',
|
||||
pointRadius: 4,
|
||||
pointBorderWidth: 2,
|
||||
pointHoverRadius: 5,
|
||||
fill: false,
|
||||
borderWidth: 2,
|
||||
|
||||
|
||||
}
|
||||
]
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
|
||||
{% include "diaxeirisi/99_footer.html" %}
|
||||
@@ -0,0 +1,71 @@
|
||||
{% load static %}
|
||||
|
||||
|
||||
{% include "diaxeirisi/00_head.html" %}
|
||||
<body id="app-container" class="menu-default show-spinner">
|
||||
{% include "diaxeirisi/01_menu.html" %}
|
||||
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row mb-4">
|
||||
<div class="col-12">
|
||||
<h2>Καταστήματα</h2>
|
||||
<div class="separator mb-5"></div>
|
||||
{% if messages %}
|
||||
<div class="alert alert-success">
|
||||
{% for m in messages %}
|
||||
<li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ m }}</li>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="col-9 col-xl-6 mb-4 mx-auto">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<table class="table table-responsive data-table data-table-feature4">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Α/Α</th>
|
||||
<th>Όνομα</th>
|
||||
<th>Διεύθυνση</th>
|
||||
<th>Τηλέφωνο</th>
|
||||
{% if user.get_username != 'spiti1' and user.get_username != 'spiti2' and user.get_username != 'spiti3' %}
|
||||
<th>Διαγραφή</th>
|
||||
{% else %}
|
||||
<th></th>
|
||||
{% endif %}
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for db_object in DB_Objects %}
|
||||
<tr>
|
||||
<td>{{ db_object.id }}</td>
|
||||
<td>{{ db_object.name }}</td>
|
||||
<td>{{ db_object.address }}</td>
|
||||
<td>{{ db_object.telephone }}</td>
|
||||
{% if user.get_username != 'spiti1' and user.get_username != 'spiti2' and user.get_username != 'spiti3' %}
|
||||
<td>
|
||||
<a href="/dx/store/delete/{{ db_object.id }}/">
|
||||
|
||||
<button type="button" class="btn btn-outline-danger">
|
||||
Διαγραφή</button>
|
||||
</a>
|
||||
</td>
|
||||
{% else %}
|
||||
<td></td>
|
||||
{% endif %}
|
||||
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
|
||||
{% include "diaxeirisi/99_footer.html" %}
|
||||
@@ -0,0 +1,766 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Dore jQuery</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
|
||||
<link rel="stylesheet" href="font/iconsmind-s/css/iconsminds.css" />
|
||||
<link rel="stylesheet" href="font/simple-line-icons/css/simple-line-icons.css" />
|
||||
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.rtl.only.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/component-custom-switch.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/perfect-scrollbar.css" />
|
||||
<link rel="stylesheet" href="css/main.css" />
|
||||
</head>
|
||||
|
||||
<body id="app-container" class="menu-default show-spinner">
|
||||
<nav class="navbar fixed-top">
|
||||
<div class="d-flex align-items-center navbar-left">
|
||||
<a href="#" class="menu-button d-none d-md-block">
|
||||
<svg class="main" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 17">
|
||||
<rect x="0.48" y="0.5" width="7" height="1" />
|
||||
<rect x="0.48" y="7.5" width="7" height="1" />
|
||||
<rect x="0.48" y="15.5" width="7" height="1" />
|
||||
</svg>
|
||||
<svg class="sub" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 17">
|
||||
<rect x="1.56" y="0.5" width="16" height="1" />
|
||||
<rect x="1.56" y="7.5" width="16" height="1" />
|
||||
<rect x="1.56" y="15.5" width="16" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<a href="#" class="menu-button-mobile d-xs-block d-sm-block d-md-none">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 17">
|
||||
<rect x="0.5" y="0.5" width="25" height="1" />
|
||||
<rect x="0.5" y="7.5" width="25" height="1" />
|
||||
<rect x="0.5" y="15.5" width="25" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<div class="search" data-search-path="Pages.Search.html?q=">
|
||||
<input placeholder="Search...">
|
||||
<span class="search-icon">
|
||||
<i class="simple-icon-magnifier"></i>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<a class="btn btn-sm btn-outline-primary ml-3 d-none d-md-inline-block"
|
||||
href="https://1.envato.market/5kAb"> BUY </a>
|
||||
</div>
|
||||
|
||||
|
||||
<a class="navbar-logo" href="Dashboard.Default.html">
|
||||
<span class="logo d-none d-xs-block"></span>
|
||||
<span class="logo-mobile d-block d-xs-none"></span>
|
||||
</a>
|
||||
|
||||
<div class="navbar-right">
|
||||
<div class="header-icons d-inline-block align-middle">
|
||||
<div class="d-none d-md-inline-block align-text-bottom mr-3">
|
||||
<div class="custom-switch custom-switch-primary-inverse custom-switch-small pl-1"
|
||||
data-toggle="tooltip" data-placement="left" title="Dark Mode">
|
||||
<input class="custom-switch-input" id="switchDark" type="checkbox" checked>
|
||||
<label class="custom-switch-btn" for="switchDark"></label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative d-none d-sm-inline-block">
|
||||
<button class="header-icon btn btn-empty" type="button" id="iconMenuButton" data-toggle="dropdown"
|
||||
aria-haspopup="true" aria-expanded="false">
|
||||
<i class="simple-icon-grid"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3 position-absolute" id="iconMenuDropdown">
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-equalizer d-block"></i>
|
||||
<span>Settings</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-male-female d-block"></i>
|
||||
<span>Users</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-puzzle d-block"></i>
|
||||
<span>Components</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-bar-chart-4 d-block"></i>
|
||||
<span>Profits</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-file d-block"></i>
|
||||
<span>Surveys</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-suitcase d-block"></i>
|
||||
<span>Tasks</span>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative d-inline-block">
|
||||
<button class="header-icon btn btn-empty" type="button" id="notificationButton"
|
||||
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="simple-icon-bell"></i>
|
||||
<span class="count">3</span>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3 position-absolute" id="notificationDropdown">
|
||||
<div class="scroll">
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/profiles/l-2.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">Joisse Kaycee just sent a new comment!</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/notifications/1.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">1 item is out of stock!</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/notifications/2.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">New order received! It is total $147,20.</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 ">
|
||||
<a href="#">
|
||||
<img src="img/notifications/3.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">3 items just added to wish list by a user!
|
||||
</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button class="header-icon btn btn-empty d-none d-sm-inline-block" type="button" id="fullScreenButton">
|
||||
<i class="simple-icon-size-fullscreen"></i>
|
||||
<i class="simple-icon-size-actual"></i>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="user d-inline-block">
|
||||
<button class="btn btn-empty p-0" type="button" data-toggle="dropdown" aria-haspopup="true"
|
||||
aria-expanded="false">
|
||||
<span class="name">Sarah Kortney</span>
|
||||
<span>
|
||||
<img alt="Profile Picture" src="img/profiles/l-1.jpg" />
|
||||
</span>
|
||||
</button>
|
||||
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3">
|
||||
<a class="dropdown-item" href="#">Account</a>
|
||||
<a class="dropdown-item" href="#">Features</a>
|
||||
<a class="dropdown-item" href="#">History</a>
|
||||
<a class="dropdown-item" href="#">Support</a>
|
||||
<a class="dropdown-item" href="#">Sign out</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="menu">
|
||||
<div class="main-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled">
|
||||
<li>
|
||||
<a href="#dashboard">
|
||||
<i class="iconsminds-shop-4"></i>
|
||||
<span>Dashboards</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#layouts">
|
||||
<i class="iconsminds-digital-drawing"></i> Pages
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#applications">
|
||||
<i class="iconsminds-air-balloon-1"></i> Applications
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#ui">
|
||||
<i class="iconsminds-pantone"></i> UI
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="#menu">
|
||||
<i class="iconsminds-three-arrow-fork"></i> Menu
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Blank.Page.html">
|
||||
<i class="iconsminds-bucket"></i> Blank Page
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://dore-jquery-docs.coloredstrategies.com" target="_blank">
|
||||
<i class="iconsminds-library"></i> Docs
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sub-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled" data-link="dashboard">
|
||||
<li>
|
||||
<a href="Dashboard.Default.html">
|
||||
<i class="simple-icon-rocket"></i> <span class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Analytics.html">
|
||||
<i class="simple-icon-pie-chart"></i> <span class="d-inline-block">Analytics</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Ecommerce.html">
|
||||
<i class="simple-icon-basket-loaded"></i> <span class="d-inline-block">Ecommerce</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Content.html">
|
||||
<i class="simple-icon-doc"></i> <span class="d-inline-block">Content</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="layouts" id="layouts">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseAuthorization" aria-expanded="true"
|
||||
aria-controls="collapseAuthorization" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Authorization</span>
|
||||
</a>
|
||||
<div id="collapseAuthorization" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="login.html">
|
||||
<i class="simple-icon-user-following"></i> <span
|
||||
class="d-inline-block">Login</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Auth.Register.html">
|
||||
<i class="simple-icon-user-follow"></i> <span
|
||||
class="d-inline-block">Register</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Auth.ForgotPassword.html">
|
||||
<i class="simple-icon-user-unfollow"></i> <span class="d-inline-block">Forgot
|
||||
Password</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseProduct" aria-expanded="true"
|
||||
aria-controls="collapseProduct" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Product</span>
|
||||
</a>
|
||||
<div id="collapseProduct" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Product.List.html">
|
||||
<i class="simple-icon-credit-card"></i> <span class="d-inline-block">Data
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Thumbs.html">
|
||||
<i class="simple-icon-list"></i> <span class="d-inline-block">Thumb
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Images.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Image
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Detail.html">
|
||||
<i class="simple-icon-book-open"></i> <span class="d-inline-block">Detail</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseProfile" aria-expanded="true"
|
||||
aria-controls="collapseProfile" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Profile</span>
|
||||
</a>
|
||||
<div id="collapseProfile" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Profile.Social.html">
|
||||
<i class="simple-icon-share"></i> <span class="d-inline-block">Social</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Profile.Portfolio.html">
|
||||
<i class="simple-icon-link"></i> <span class="d-inline-block">Portfolio</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseBlog" aria-expanded="true"
|
||||
aria-controls="collapseBlog" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Blog</span>
|
||||
</a>
|
||||
<div id="collapseBlog" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Blog.html">
|
||||
<i class="simple-icon-list"></i> <span class="d-inline-block">List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Blog.Detail.html">
|
||||
<i class="simple-icon-book-open"></i> <span class="d-inline-block">Detail</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="edit_booking.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Detail
|
||||
Alt</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMisc" aria-expanded="true"
|
||||
aria-controls="collapseMisc" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Miscellaneous</span>
|
||||
</a>
|
||||
<div id="collapseMisc" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Misc.Coming.Soon.html">
|
||||
<i class="simple-icon-hourglass"></i> <span class="d-inline-block">Coming
|
||||
Soon</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Error.html">
|
||||
<i class="simple-icon-exclamation"></i> <span
|
||||
class="d-inline-block">Error</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Faq.html">
|
||||
<i class="simple-icon-question"></i> <span class="d-inline-block">Faq</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Invoice.html">
|
||||
<i class="simple-icon-bag"></i> <span class="d-inline-block">Invoice</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Knowledge.Base.html">
|
||||
<i class="simple-icon-graduation"></i> <span class="d-inline-block">Knowledge
|
||||
Base</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Mailing.html">
|
||||
<i class="simple-icon-envelope-open"></i> <span
|
||||
class="d-inline-block">Mailing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Pricing.html">
|
||||
<i class="simple-icon-diamond"></i> <span class="d-inline-block">Pricing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Search.html">
|
||||
<i class="simple-icon-magnifier"></i> <span class="d-inline-block">Search</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="applications">
|
||||
<li>
|
||||
<a href="Apps.MediaLibrary.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Library</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Todo.List.html">
|
||||
<i class="simple-icon-check"></i> <span class="d-inline-block">Todo</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Survey.List.html">
|
||||
<i class="simple-icon-calculator"></i> <span class="d-inline-block">Survey</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Chat.html">
|
||||
<i class="simple-icon-bubbles"></i> <span class="d-inline-block">Chat</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="ui">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseForms" aria-expanded="true"
|
||||
aria-controls="collapseForms" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Forms</span>
|
||||
</a>
|
||||
<div id="collapseForms" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Forms.Components.html">
|
||||
<i class="simple-icon-event"></i> <span class="d-inline-block">Components</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Layouts.html">
|
||||
<i class="simple-icon-doc"></i> <span class="d-inline-block">Layouts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Validation.html">
|
||||
<i class="simple-icon-check"></i> <span class="d-inline-block">Validation</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Wizard.html">
|
||||
<i class="simple-icon-magic-wand"></i> <span
|
||||
class="d-inline-block">Wizard</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseDataTables" aria-expanded="true"
|
||||
aria-controls="collapseDataTables" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Datatables</span>
|
||||
</a>
|
||||
<div id="collapseDataTables" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Datatables.Rows.html">
|
||||
<i class="simple-icon-screen-desktop"></i> <span class="d-inline-block">Full
|
||||
Page UI</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Scroll.html">
|
||||
<i class="simple-icon-mouse"></i> <span class="d-inline-block">Scrollable</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Pagination.html">
|
||||
<i class="simple-icon-notebook"></i> <span
|
||||
class="d-inline-block">Pagination</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Default.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseComponents" aria-expanded="true"
|
||||
aria-controls="collapseComponents" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Components</span>
|
||||
</a>
|
||||
<div id="collapseComponents" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Components.Alerts.html">
|
||||
<i class="simple-icon-bell"></i> <span class="d-inline-block">Alerts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Badges.html">
|
||||
<i class="simple-icon-badge"></i> <span class="d-inline-block">Badges</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Buttons.html">
|
||||
<i class="simple-icon-control-play"></i> <span
|
||||
class="d-inline-block">Buttons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Cards.html">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Cards</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="Ui.Components.Carousel.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Carousel</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Charts.html">
|
||||
<i class="simple-icon-chart"></i> <span class="d-inline-block">Charts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Collapse.html">
|
||||
<i class="simple-icon-arrow-up"></i> <span
|
||||
class="d-inline-block">Collapse</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Dropdowns.html">
|
||||
<i class="simple-icon-arrow-down"></i> <span
|
||||
class="d-inline-block">Dropdowns</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Editors.html">
|
||||
<i class="simple-icon-book-open"></i> <span
|
||||
class="d-inline-block">Editors</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Icons.html">
|
||||
<i class="simple-icon-star"></i> <span class="d-inline-block">Icons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.InputGroups.html">
|
||||
<i class="simple-icon-note"></i> <span class="d-inline-block">Input
|
||||
Groups</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Jumbotron.html">
|
||||
<i class="simple-icon-screen-desktop"></i> <span
|
||||
class="d-inline-block">Jumbotron</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Modal.html">
|
||||
<i class="simple-icon-docs"></i> <span class="d-inline-block">Modal</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Navigation.html">
|
||||
<i class="simple-icon-cursor"></i> <span
|
||||
class="d-inline-block">Navigation</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="Ui.Components.PopoverandTooltip.html">
|
||||
<i class="simple-icon-pin"></i> <span class="d-inline-block">Popover &
|
||||
Tooltip</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Sortable.html">
|
||||
<i class="simple-icon-shuffle"></i> <span class="d-inline-block">Sortable</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Tables.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Tables</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<ul class="list-unstyled" data-link="menu" id="menuTypes">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuTypes" aria-expanded="true"
|
||||
aria-controls="collapseMenuTypes" class="rotate-arrow-icon">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Types</span>
|
||||
</a>
|
||||
<div id="collapseMenuTypes" class="collapse show" data-parent="#menuTypes">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li class="active">
|
||||
<a href="Menu.Default.html">
|
||||
<i class="simple-icon-control-pause"></i> <span
|
||||
class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Subhidden.html">
|
||||
<i class="simple-icon-arrow-left mi-subhidden"></i> <span
|
||||
class="d-inline-block">Subhidden</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Hidden.html">
|
||||
<i class="simple-icon-control-start mi-hidden"></i> <span
|
||||
class="d-inline-block">Hidden</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Mainhidden.html">
|
||||
<i class="simple-icon-control-rewind mi-hidden"></i> <span
|
||||
class="d-inline-block">Mainhidden</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuLevel" aria-expanded="true"
|
||||
aria-controls="collapseMenuLevel" class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Levels</span>
|
||||
</a>
|
||||
<div id="collapseMenuLevel" class="collapse" data-parent="#menuTypes">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuLevel2"
|
||||
aria-expanded="true" aria-controls="collapseMenuLevel2"
|
||||
class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Another
|
||||
Level</span>
|
||||
</a>
|
||||
<div id="collapseMenuLevel2" class="collapse">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuDetached" aria-expanded="true"
|
||||
aria-controls="collapseMenuDetached" class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Detached</span>
|
||||
</a>
|
||||
<div id="collapseMenuDetached" class="collapse">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row ">
|
||||
<div class="col-12">
|
||||
<h1>Menu Default</h1>
|
||||
<nav class="breadcrumb-container d-none d-sm-block d-lg-inline-block" aria-label="breadcrumb">
|
||||
<ol class="breadcrumb pt-0">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Home</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Library</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Data</li>
|
||||
</ol>
|
||||
</nav>
|
||||
<div class="separator mb-5"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="page-footer">
|
||||
<div class="footer-content">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-6">
|
||||
<p class="mb-0 text-muted">ColoredStrategies 2019</p>
|
||||
</div>
|
||||
<div class="col-sm-6 d-none d-sm-block">
|
||||
<ul class="breadcrumb pt-0 pr-0 float-right">
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Review</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Purchase</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Docs</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="js/vendor/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/vendor/bootstrap.bundle.min.js"></script>
|
||||
<script src="js/vendor/perfect-scrollbar.min.js"></script>
|
||||
<script src="js/vendor/mousetrap.min.js"></script>
|
||||
<script src="js/dore.script.js"></script>
|
||||
<script src="js/scripts.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,767 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Dore jQuery</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
|
||||
<link rel="stylesheet" href="font/iconsmind-s/css/iconsminds.css" />
|
||||
<link rel="stylesheet" href="font/simple-line-icons/css/simple-line-icons.css" />
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.rtl.only.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/component-custom-switch.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/perfect-scrollbar.css" />
|
||||
<link rel="stylesheet" href="css/main.css" />
|
||||
|
||||
</head>
|
||||
|
||||
<body id="app-container" class="menu-hidden show-spinner">
|
||||
<nav class="navbar fixed-top">
|
||||
<div class="d-flex align-items-center navbar-left">
|
||||
<a href="#" class="menu-button d-none d-md-block">
|
||||
<svg class="main" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 17">
|
||||
<rect x="0.48" y="0.5" width="7" height="1" />
|
||||
<rect x="0.48" y="7.5" width="7" height="1" />
|
||||
<rect x="0.48" y="15.5" width="7" height="1" />
|
||||
</svg>
|
||||
<svg class="sub" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 17">
|
||||
<rect x="1.56" y="0.5" width="16" height="1" />
|
||||
<rect x="1.56" y="7.5" width="16" height="1" />
|
||||
<rect x="1.56" y="15.5" width="16" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<a href="#" class="menu-button-mobile d-xs-block d-sm-block d-md-none">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 17">
|
||||
<rect x="0.5" y="0.5" width="25" height="1" />
|
||||
<rect x="0.5" y="7.5" width="25" height="1" />
|
||||
<rect x="0.5" y="15.5" width="25" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<div class="search" data-search-path="Pages.Search.html?q=">
|
||||
<input placeholder="Search...">
|
||||
<span class="search-icon">
|
||||
<i class="simple-icon-magnifier"></i>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<a class="btn btn-sm btn-outline-primary ml-3 d-none d-md-inline-block"
|
||||
href="https://1.envato.market/5kAb"> BUY </a>
|
||||
</div>
|
||||
|
||||
|
||||
<a class="navbar-logo" href="Dashboard.Default.html">
|
||||
<span class="logo d-none d-xs-block"></span>
|
||||
<span class="logo-mobile d-block d-xs-none"></span>
|
||||
</a>
|
||||
|
||||
<div class="navbar-right">
|
||||
<div class="header-icons d-inline-block align-middle">
|
||||
<div class="d-none d-md-inline-block align-text-bottom mr-3">
|
||||
<div class="custom-switch custom-switch-primary-inverse custom-switch-small pl-1"
|
||||
data-toggle="tooltip" data-placement="left" title="Dark Mode">
|
||||
<input class="custom-switch-input" id="switchDark" type="checkbox" checked>
|
||||
<label class="custom-switch-btn" for="switchDark"></label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative d-none d-sm-inline-block">
|
||||
<button class="header-icon btn btn-empty" type="button" id="iconMenuButton" data-toggle="dropdown"
|
||||
aria-haspopup="true" aria-expanded="false">
|
||||
<i class="simple-icon-grid"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3 position-absolute" id="iconMenuDropdown">
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-equalizer d-block"></i>
|
||||
<span>Settings</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-male-female d-block"></i>
|
||||
<span>Users</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-puzzle d-block"></i>
|
||||
<span>Components</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-bar-chart-4 d-block"></i>
|
||||
<span>Profits</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-file d-block"></i>
|
||||
<span>Surveys</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-suitcase d-block"></i>
|
||||
<span>Tasks</span>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative d-inline-block">
|
||||
<button class="header-icon btn btn-empty" type="button" id="notificationButton"
|
||||
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="simple-icon-bell"></i>
|
||||
<span class="count">3</span>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3 position-absolute" id="notificationDropdown">
|
||||
<div class="scroll">
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/profiles/l-2.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">Joisse Kaycee just sent a new comment!</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/notifications/1.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">1 item is out of stock!</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/notifications/2.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">New order received! It is total $147,20.</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 ">
|
||||
<a href="#">
|
||||
<img src="img/notifications/3.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">3 items just added to wish list by a user!
|
||||
</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button class="header-icon btn btn-empty d-none d-sm-inline-block" type="button" id="fullScreenButton">
|
||||
<i class="simple-icon-size-fullscreen"></i>
|
||||
<i class="simple-icon-size-actual"></i>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="user d-inline-block">
|
||||
<button class="btn btn-empty p-0" type="button" data-toggle="dropdown" aria-haspopup="true"
|
||||
aria-expanded="false">
|
||||
<span class="name">Sarah Kortney</span>
|
||||
<span>
|
||||
<img alt="Profile Picture" src="img/profiles/l-1.jpg" />
|
||||
</span>
|
||||
</button>
|
||||
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3">
|
||||
<a class="dropdown-item" href="#">Account</a>
|
||||
<a class="dropdown-item" href="#">Features</a>
|
||||
<a class="dropdown-item" href="#">History</a>
|
||||
<a class="dropdown-item" href="#">Support</a>
|
||||
<a class="dropdown-item" href="#">Sign out</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="menu">
|
||||
<div class="main-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled">
|
||||
<li>
|
||||
<a href="#dashboard">
|
||||
<i class="iconsminds-shop-4"></i>
|
||||
<span>Dashboards</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#layouts">
|
||||
<i class="iconsminds-digital-drawing"></i> Pages
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#applications">
|
||||
<i class="iconsminds-air-balloon-1"></i> Applications
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#ui">
|
||||
<i class="iconsminds-pantone"></i> UI
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="#menu">
|
||||
<i class="iconsminds-three-arrow-fork"></i> Menu
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Blank.Page.html">
|
||||
<i class="iconsminds-bucket"></i> Blank Page
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://dore-jquery-docs.coloredstrategies.com" target="_blank">
|
||||
<i class="iconsminds-library"></i> Docs
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sub-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled" data-link="dashboard">
|
||||
<li>
|
||||
<a href="Dashboard.Default.html">
|
||||
<i class="simple-icon-rocket"></i> <span class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Analytics.html">
|
||||
<i class="simple-icon-pie-chart"></i> <span class="d-inline-block">Analytics</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Ecommerce.html">
|
||||
<i class="simple-icon-basket-loaded"></i> <span class="d-inline-block">Ecommerce</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Content.html">
|
||||
<i class="simple-icon-doc"></i> <span class="d-inline-block">Content</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="layouts" id="layouts">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseAuthorization" aria-expanded="true"
|
||||
aria-controls="collapseAuthorization" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Authorization</span>
|
||||
</a>
|
||||
<div id="collapseAuthorization" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="login.html">
|
||||
<i class="simple-icon-user-following"></i> <span
|
||||
class="d-inline-block">Login</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Auth.Register.html">
|
||||
<i class="simple-icon-user-follow"></i> <span
|
||||
class="d-inline-block">Register</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Auth.ForgotPassword.html">
|
||||
<i class="simple-icon-user-unfollow"></i> <span class="d-inline-block">Forgot
|
||||
Password</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseProduct" aria-expanded="true"
|
||||
aria-controls="collapseProduct" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Product</span>
|
||||
</a>
|
||||
<div id="collapseProduct" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Product.List.html">
|
||||
<i class="simple-icon-credit-card"></i> <span class="d-inline-block">Data
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Thumbs.html">
|
||||
<i class="simple-icon-list"></i> <span class="d-inline-block">Thumb
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Images.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Image
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Detail.html">
|
||||
<i class="simple-icon-book-open"></i> <span class="d-inline-block">Detail</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseProfile" aria-expanded="true"
|
||||
aria-controls="collapseProfile" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Profile</span>
|
||||
</a>
|
||||
<div id="collapseProfile" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Profile.Social.html">
|
||||
<i class="simple-icon-share"></i> <span class="d-inline-block">Social</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Profile.Portfolio.html">
|
||||
<i class="simple-icon-link"></i> <span class="d-inline-block">Portfolio</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseBlog" aria-expanded="true"
|
||||
aria-controls="collapseBlog" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Blog</span>
|
||||
</a>
|
||||
<div id="collapseBlog" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Blog.html">
|
||||
<i class="simple-icon-list"></i> <span class="d-inline-block">List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Blog.Detail.html">
|
||||
<i class="simple-icon-book-open"></i> <span class="d-inline-block">Detail</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="edit_booking.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Detail
|
||||
Alt</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMisc" aria-expanded="true"
|
||||
aria-controls="collapseMisc" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Miscellaneous</span>
|
||||
</a>
|
||||
<div id="collapseMisc" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Misc.Coming.Soon.html">
|
||||
<i class="simple-icon-hourglass"></i> <span class="d-inline-block">Coming
|
||||
Soon</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Error.html">
|
||||
<i class="simple-icon-exclamation"></i> <span
|
||||
class="d-inline-block">Error</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Faq.html">
|
||||
<i class="simple-icon-question"></i> <span class="d-inline-block">Faq</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Invoice.html">
|
||||
<i class="simple-icon-bag"></i> <span class="d-inline-block">Invoice</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Knowledge.Base.html">
|
||||
<i class="simple-icon-graduation"></i> <span class="d-inline-block">Knowledge
|
||||
Base</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Mailing.html">
|
||||
<i class="simple-icon-envelope-open"></i> <span
|
||||
class="d-inline-block">Mailing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Pricing.html">
|
||||
<i class="simple-icon-diamond"></i> <span class="d-inline-block">Pricing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Search.html">
|
||||
<i class="simple-icon-magnifier"></i> <span class="d-inline-block">Search</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="applications">
|
||||
<li>
|
||||
<a href="Apps.MediaLibrary.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Library</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Todo.List.html">
|
||||
<i class="simple-icon-check"></i> <span class="d-inline-block">Todo</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Survey.List.html">
|
||||
<i class="simple-icon-calculator"></i> <span class="d-inline-block">Survey</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Chat.html">
|
||||
<i class="simple-icon-bubbles"></i> <span class="d-inline-block">Chat</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="ui">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseForms" aria-expanded="true"
|
||||
aria-controls="collapseForms" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Forms</span>
|
||||
</a>
|
||||
<div id="collapseForms" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Forms.Components.html">
|
||||
<i class="simple-icon-event"></i> <span class="d-inline-block">Components</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Layouts.html">
|
||||
<i class="simple-icon-doc"></i> <span class="d-inline-block">Layouts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Validation.html">
|
||||
<i class="simple-icon-check"></i> <span class="d-inline-block">Validation</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Wizard.html">
|
||||
<i class="simple-icon-magic-wand"></i> <span
|
||||
class="d-inline-block">Wizard</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseDataTables" aria-expanded="true"
|
||||
aria-controls="collapseDataTables" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Datatables</span>
|
||||
</a>
|
||||
<div id="collapseDataTables" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Datatables.Rows.html">
|
||||
<i class="simple-icon-screen-desktop"></i> <span class="d-inline-block">Full
|
||||
Page UI</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Scroll.html">
|
||||
<i class="simple-icon-mouse"></i> <span class="d-inline-block">Scrollable</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Pagination.html">
|
||||
<i class="simple-icon-notebook"></i> <span
|
||||
class="d-inline-block">Pagination</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Default.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseComponents" aria-expanded="true"
|
||||
aria-controls="collapseComponents" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Components</span>
|
||||
</a>
|
||||
<div id="collapseComponents" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Components.Alerts.html">
|
||||
<i class="simple-icon-bell"></i> <span class="d-inline-block">Alerts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Badges.html">
|
||||
<i class="simple-icon-badge"></i> <span class="d-inline-block">Badges</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Buttons.html">
|
||||
<i class="simple-icon-control-play"></i> <span
|
||||
class="d-inline-block">Buttons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Cards.html">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Cards</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="Ui.Components.Carousel.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Carousel</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Charts.html">
|
||||
<i class="simple-icon-chart"></i> <span class="d-inline-block">Charts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Collapse.html">
|
||||
<i class="simple-icon-arrow-up"></i> <span
|
||||
class="d-inline-block">Collapse</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Dropdowns.html">
|
||||
<i class="simple-icon-arrow-down"></i> <span
|
||||
class="d-inline-block">Dropdowns</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Editors.html">
|
||||
<i class="simple-icon-book-open"></i> <span
|
||||
class="d-inline-block">Editors</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Icons.html">
|
||||
<i class="simple-icon-star"></i> <span class="d-inline-block">Icons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.InputGroups.html">
|
||||
<i class="simple-icon-note"></i> <span class="d-inline-block">Input
|
||||
Groups</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Jumbotron.html">
|
||||
<i class="simple-icon-screen-desktop"></i> <span
|
||||
class="d-inline-block">Jumbotron</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Modal.html">
|
||||
<i class="simple-icon-docs"></i> <span class="d-inline-block">Modal</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Navigation.html">
|
||||
<i class="simple-icon-cursor"></i> <span
|
||||
class="d-inline-block">Navigation</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="Ui.Components.PopoverandTooltip.html">
|
||||
<i class="simple-icon-pin"></i> <span class="d-inline-block">Popover &
|
||||
Tooltip</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Sortable.html">
|
||||
<i class="simple-icon-shuffle"></i> <span class="d-inline-block">Sortable</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Tables.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Tables</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<ul class="list-unstyled" data-link="menu" id="menuTypes">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuTypes" aria-expanded="true"
|
||||
aria-controls="collapseMenuTypes" class="rotate-arrow-icon">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Types</span>
|
||||
</a>
|
||||
<div id="collapseMenuTypes" class="collapse show" data-parent="#menuTypes">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Menu.Default.html">
|
||||
<i class="simple-icon-control-pause"></i> <span
|
||||
class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Subhidden.html">
|
||||
<i class="simple-icon-arrow-left mi-subhidden"></i> <span
|
||||
class="d-inline-block">Subhidden</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="Menu.Hidden.html">
|
||||
<i class="simple-icon-control-start mi-hidden"></i> <span
|
||||
class="d-inline-block">Hidden</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Mainhidden.html">
|
||||
<i class="simple-icon-control-rewind mi-hidden"></i> <span
|
||||
class="d-inline-block">Mainhidden</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuLevel" aria-expanded="true"
|
||||
aria-controls="collapseMenuLevel" class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Levels</span>
|
||||
</a>
|
||||
<div id="collapseMenuLevel" class="collapse" data-parent="#menuTypes">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuLevel2"
|
||||
aria-expanded="true" aria-controls="collapseMenuLevel2"
|
||||
class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Another
|
||||
Level</span>
|
||||
</a>
|
||||
<div id="collapseMenuLevel2" class="collapse">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuDetached" aria-expanded="true"
|
||||
aria-controls="collapseMenuDetached" class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Detached</span>
|
||||
</a>
|
||||
<div id="collapseMenuDetached" class="collapse">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row ">
|
||||
<div class="col-12">
|
||||
<h1>Menu Hidden</h1>
|
||||
<nav class="breadcrumb-container d-none d-sm-block d-lg-inline-block" aria-label="breadcrumb">
|
||||
<ol class="breadcrumb pt-0">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Home</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Library</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Data</li>
|
||||
</ol>
|
||||
</nav>
|
||||
<div class="separator mb-5"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="page-footer">
|
||||
<div class="footer-content">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-6">
|
||||
<p class="mb-0 text-muted">ColoredStrategies 2019</p>
|
||||
</div>
|
||||
<div class="col-sm-6 d-none d-sm-block">
|
||||
<ul class="breadcrumb pt-0 pr-0 float-right">
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Review</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Purchase</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Docs</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="js/vendor/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/vendor/bootstrap.bundle.min.js"></script>
|
||||
<script src="js/vendor/perfect-scrollbar.min.js"></script>
|
||||
<script src="js/vendor/mousetrap.min.js"></script>
|
||||
<script src="js/dore.script.js"></script>
|
||||
<script src="js/scripts.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,349 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Dore jQuery</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
|
||||
<link rel="stylesheet" href="font/iconsmind-s/css/iconsminds.css" />
|
||||
<link rel="stylesheet" href="font/simple-line-icons/css/simple-line-icons.css" />
|
||||
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.rtl.only.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/component-custom-switch.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/perfect-scrollbar.css" />
|
||||
<link rel="stylesheet" href="css/main.css" />
|
||||
</head>
|
||||
|
||||
<body id="app-container" class="menu-main-hidden show-spinner">
|
||||
<nav class="navbar fixed-top">
|
||||
<div class="d-flex align-items-center navbar-left">
|
||||
<a href="#" class="menu-button d-none d-md-block">
|
||||
<svg class="sub" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 17">
|
||||
<rect x="0" y="0.5" width="26" height="1" />
|
||||
<rect x="0" y="7.5" width="26" height="1" />
|
||||
<rect x="0" y="15.5" width="26" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<a href="#" class="menu-button-mobile d-xs-block d-sm-block d-md-none">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 17">
|
||||
<rect x="0.5" y="0.5" width="25" height="1" />
|
||||
<rect x="0.5" y="7.5" width="25" height="1" />
|
||||
<rect x="0.5" y="15.5" width="25" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<div class="search" data-search-path="Pages.Search.html?q=">
|
||||
<input placeholder="Search...">
|
||||
<span class="search-icon">
|
||||
<i class="simple-icon-magnifier"></i>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<a class="btn btn-sm btn-outline-primary ml-3 d-none d-md-inline-block"
|
||||
href="https://1.envato.market/5kAb"> BUY </a>
|
||||
</div>
|
||||
|
||||
<a class="navbar-logo" href="Dashboard.Default.html">
|
||||
<span class="logo d-none d-xs-block"></span>
|
||||
<span class="logo-mobile d-block d-xs-none"></span>
|
||||
</a>
|
||||
|
||||
<div class="navbar-right">
|
||||
<div class="header-icons d-inline-block align-middle">
|
||||
<div class="d-none d-md-inline-block align-text-bottom mr-3">
|
||||
<div class="custom-switch custom-switch-primary-inverse custom-switch-small pl-1"
|
||||
data-toggle="tooltip" data-placement="left" title="Dark Mode">
|
||||
<input class="custom-switch-input" id="switchDark" type="checkbox" checked>
|
||||
<label class="custom-switch-btn" for="switchDark"></label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative d-none d-sm-inline-block">
|
||||
<button class="header-icon btn btn-empty" type="button" id="iconMenuButton" data-toggle="dropdown"
|
||||
aria-haspopup="true" aria-expanded="false">
|
||||
<i class="simple-icon-grid"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3 position-absolute" id="iconMenuDropdown">
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-equalizer d-block"></i>
|
||||
<span>Settings</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-male-female d-block"></i>
|
||||
<span>Users</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-puzzle d-block"></i>
|
||||
<span>Components</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-bar-chart-4 d-block"></i>
|
||||
<span>Profits</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-file d-block"></i>
|
||||
<span>Surveys</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-suitcase d-block"></i>
|
||||
<span>Tasks</span>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative d-inline-block">
|
||||
<button class="header-icon btn btn-empty" type="button" id="notificationButton"
|
||||
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="simple-icon-bell"></i>
|
||||
<span class="count">3</span>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3 position-absolute" id="notificationDropdown">
|
||||
<div class="scroll">
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/profiles/l-2.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">Joisse Kaycee just sent a new comment!</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/notifications/1.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">1 item is out of stock!</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/notifications/2.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">New order received! It is total $147,20.</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 ">
|
||||
<a href="#">
|
||||
<img src="img/notifications/3.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">3 items just added to wish list by a user!
|
||||
</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button class="header-icon btn btn-empty d-none d-sm-inline-block" type="button" id="fullScreenButton">
|
||||
<i class="simple-icon-size-fullscreen"></i>
|
||||
<i class="simple-icon-size-actual"></i>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="user d-inline-block">
|
||||
<button class="btn btn-empty p-0" type="button" data-toggle="dropdown" aria-haspopup="true"
|
||||
aria-expanded="false">
|
||||
<span class="name">Sarah Kortney</span>
|
||||
<span>
|
||||
<img alt="Profile Picture" src="img/profiles/l-1.jpg" />
|
||||
</span>
|
||||
</button>
|
||||
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3">
|
||||
<a class="dropdown-item" href="#">Account</a>
|
||||
<a class="dropdown-item" href="#">Features</a>
|
||||
<a class="dropdown-item" href="#">History</a>
|
||||
<a class="dropdown-item" href="#">Support</a>
|
||||
<a class="dropdown-item" href="#">Sign out</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="menu">
|
||||
<div class="main-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled">
|
||||
<li class="active">
|
||||
<a href="#menu">
|
||||
<i class="iconsminds-three-arrow-fork"></i> Menu
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sub-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled" data-link="menu" id="menuTypes">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuTypes" aria-expanded="true"
|
||||
aria-controls="collapseMenuTypes" class="rotate-arrow-icon">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Types</span>
|
||||
</a>
|
||||
<div id="collapseMenuTypes" class="collapse show" data-parent="#menuTypes">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Menu.Default.html">
|
||||
<i class="simple-icon-control-pause"></i> <span
|
||||
class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Subhidden.html">
|
||||
<i class="simple-icon-arrow-left mi-subhidden"></i> <span
|
||||
class="d-inline-block">Subhidden</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Hidden.html">
|
||||
<i class="simple-icon-control-start mi-hidden"></i> <span
|
||||
class="d-inline-block">Hidden</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="Menu.Mainhidden.html">
|
||||
<i class="simple-icon-control-rewind mi-hidden"></i> <span
|
||||
class="d-inline-block">Mainhidden</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuLevel" aria-expanded="true"
|
||||
aria-controls="collapseMenuLevel" class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Levels</span>
|
||||
</a>
|
||||
<div id="collapseMenuLevel" class="collapse" data-parent="#menuTypes">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuLevel2"
|
||||
aria-expanded="true" aria-controls="collapseMenuLevel2"
|
||||
class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Another
|
||||
Level</span>
|
||||
</a>
|
||||
<div id="collapseMenuLevel2" class="collapse">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuDetached" aria-expanded="true"
|
||||
aria-controls="collapseMenuDetached" class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Detached</span>
|
||||
</a>
|
||||
<div id="collapseMenuDetached" class="collapse">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row ">
|
||||
<div class="col-12">
|
||||
<h1>Menu Main Hidden</h1>
|
||||
<nav class="breadcrumb-container d-none d-sm-block d-lg-inline-block" aria-label="breadcrumb">
|
||||
<ol class="breadcrumb pt-0">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Home</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Library</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Data</li>
|
||||
</ol>
|
||||
</nav>
|
||||
<div class="separator mb-5"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="page-footer">
|
||||
<div class="footer-content">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-6">
|
||||
<p class="mb-0 text-muted">ColoredStrategies 2019</p>
|
||||
</div>
|
||||
<div class="col-sm-6 d-none d-sm-block">
|
||||
<ul class="breadcrumb pt-0 pr-0 float-right">
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Review</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Purchase</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Docs</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="js/vendor/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/vendor/bootstrap.bundle.min.js"></script>
|
||||
<script src="js/vendor/perfect-scrollbar.min.js"></script>
|
||||
<script src="js/vendor/mousetrap.min.js"></script>
|
||||
<script src="js/dore.script.js"></script>
|
||||
<script src="js/scripts.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,767 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Dore jQuery</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
|
||||
<link rel="stylesheet" href="font/iconsmind-s/css/iconsminds.css" />
|
||||
<link rel="stylesheet" href="font/simple-line-icons/css/simple-line-icons.css" />
|
||||
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.rtl.only.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/component-custom-switch.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/perfect-scrollbar.css" />
|
||||
<link rel="stylesheet" href="css/main.css" />
|
||||
</head>
|
||||
|
||||
<body id="app-container" class="menu-sub-hidden show-spinner">
|
||||
<nav class="navbar fixed-top">
|
||||
<div class="d-flex align-items-center navbar-left">
|
||||
<a href="#" class="menu-button d-none d-md-block">
|
||||
<svg class="main" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 17">
|
||||
<rect x="0.48" y="0.5" width="7" height="1" />
|
||||
<rect x="0.48" y="7.5" width="7" height="1" />
|
||||
<rect x="0.48" y="15.5" width="7" height="1" />
|
||||
</svg>
|
||||
<svg class="sub" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 17">
|
||||
<rect x="1.56" y="0.5" width="16" height="1" />
|
||||
<rect x="1.56" y="7.5" width="16" height="1" />
|
||||
<rect x="1.56" y="15.5" width="16" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<a href="#" class="menu-button-mobile d-xs-block d-sm-block d-md-none">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 17">
|
||||
<rect x="0.5" y="0.5" width="25" height="1" />
|
||||
<rect x="0.5" y="7.5" width="25" height="1" />
|
||||
<rect x="0.5" y="15.5" width="25" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<div class="search" data-search-path="Pages.Search.html?q=">
|
||||
<input placeholder="Search...">
|
||||
<span class="search-icon">
|
||||
<i class="simple-icon-magnifier"></i>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<a class="btn btn-sm btn-outline-primary ml-3 d-none d-md-inline-block"
|
||||
href="https://1.envato.market/5kAb"> BUY </a>
|
||||
</div>
|
||||
|
||||
|
||||
<a class="navbar-logo" href="Dashboard.Default.html">
|
||||
<span class="logo d-none d-xs-block"></span>
|
||||
<span class="logo-mobile d-block d-xs-none"></span>
|
||||
</a>
|
||||
|
||||
<div class="navbar-right">
|
||||
<div class="header-icons d-inline-block align-middle">
|
||||
<div class="d-none d-md-inline-block align-text-bottom mr-3">
|
||||
<div class="custom-switch custom-switch-primary-inverse custom-switch-small pl-1"
|
||||
data-toggle="tooltip" data-placement="left" title="Dark Mode">
|
||||
<input class="custom-switch-input" id="switchDark" type="checkbox" checked>
|
||||
<label class="custom-switch-btn" for="switchDark"></label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative d-none d-sm-inline-block">
|
||||
<button class="header-icon btn btn-empty" type="button" id="iconMenuButton" data-toggle="dropdown"
|
||||
aria-haspopup="true" aria-expanded="false">
|
||||
<i class="simple-icon-grid"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3 position-absolute" id="iconMenuDropdown">
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-equalizer d-block"></i>
|
||||
<span>Settings</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-male-female d-block"></i>
|
||||
<span>Users</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-puzzle d-block"></i>
|
||||
<span>Components</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-bar-chart-4 d-block"></i>
|
||||
<span>Profits</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-file d-block"></i>
|
||||
<span>Surveys</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-suitcase d-block"></i>
|
||||
<span>Tasks</span>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative d-inline-block">
|
||||
<button class="header-icon btn btn-empty" type="button" id="notificationButton"
|
||||
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="simple-icon-bell"></i>
|
||||
<span class="count">3</span>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3 position-absolute" id="notificationDropdown">
|
||||
<div class="scroll">
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/profiles/l-2.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">Joisse Kaycee just sent a new comment!</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/notifications/1.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">1 item is out of stock!</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/notifications/2.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">New order received! It is total $147,20.</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 ">
|
||||
<a href="#">
|
||||
<img src="img/notifications/3.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">3 items just added to wish list by a user!
|
||||
</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button class="header-icon btn btn-empty d-none d-sm-inline-block" type="button" id="fullScreenButton">
|
||||
<i class="simple-icon-size-fullscreen"></i>
|
||||
<i class="simple-icon-size-actual"></i>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="user d-inline-block">
|
||||
<button class="btn btn-empty p-0" type="button" data-toggle="dropdown" aria-haspopup="true"
|
||||
aria-expanded="false">
|
||||
<span class="name">Sarah Kortney</span>
|
||||
<span>
|
||||
<img alt="Profile Picture" src="img/profiles/l-1.jpg" />
|
||||
</span>
|
||||
</button>
|
||||
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3">
|
||||
<a class="dropdown-item" href="#">Account</a>
|
||||
<a class="dropdown-item" href="#">Features</a>
|
||||
<a class="dropdown-item" href="#">History</a>
|
||||
<a class="dropdown-item" href="#">Support</a>
|
||||
<a class="dropdown-item" href="#">Sign out</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="menu">
|
||||
<div class="main-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled">
|
||||
<li>
|
||||
<a href="#dashboard">
|
||||
<i class="iconsminds-shop-4"></i>
|
||||
<span>Dashboards</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#layouts">
|
||||
<i class="iconsminds-digital-drawing"></i> Pages
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#applications">
|
||||
<i class="iconsminds-air-balloon-1"></i> Applications
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#ui">
|
||||
<i class="iconsminds-pantone"></i> UI
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="#menu">
|
||||
<i class="iconsminds-three-arrow-fork"></i> Menu
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Blank.Page.html">
|
||||
<i class="iconsminds-bucket"></i> Blank Page
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://dore-jquery-docs.coloredstrategies.com" target="_blank">
|
||||
<i class="iconsminds-library"></i> Docs
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sub-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled" data-link="dashboard">
|
||||
<li>
|
||||
<a href="Dashboard.Default.html">
|
||||
<i class="simple-icon-rocket"></i> <span class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Analytics.html">
|
||||
<i class="simple-icon-pie-chart"></i> <span class="d-inline-block">Analytics</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Ecommerce.html">
|
||||
<i class="simple-icon-basket-loaded"></i> <span class="d-inline-block">Ecommerce</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Content.html">
|
||||
<i class="simple-icon-doc"></i> <span class="d-inline-block">Content</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="layouts" id="layouts">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseAuthorization" aria-expanded="true"
|
||||
aria-controls="collapseAuthorization" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Authorization</span>
|
||||
</a>
|
||||
<div id="collapseAuthorization" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="login.html">
|
||||
<i class="simple-icon-user-following"></i> <span
|
||||
class="d-inline-block">Login</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Auth.Register.html">
|
||||
<i class="simple-icon-user-follow"></i> <span
|
||||
class="d-inline-block">Register</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Auth.ForgotPassword.html">
|
||||
<i class="simple-icon-user-unfollow"></i> <span class="d-inline-block">Forgot
|
||||
Password</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseProduct" aria-expanded="true"
|
||||
aria-controls="collapseProduct" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Product</span>
|
||||
</a>
|
||||
<div id="collapseProduct" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Product.List.html">
|
||||
<i class="simple-icon-credit-card"></i> <span class="d-inline-block">Data
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Thumbs.html">
|
||||
<i class="simple-icon-list"></i> <span class="d-inline-block">Thumb
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Images.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Image
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Detail.html">
|
||||
<i class="simple-icon-book-open"></i> <span class="d-inline-block">Detail</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseProfile" aria-expanded="true"
|
||||
aria-controls="collapseProfile" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Profile</span>
|
||||
</a>
|
||||
<div id="collapseProfile" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Profile.Social.html">
|
||||
<i class="simple-icon-share"></i> <span class="d-inline-block">Social</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Profile.Portfolio.html">
|
||||
<i class="simple-icon-link"></i> <span class="d-inline-block">Portfolio</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseBlog" aria-expanded="true"
|
||||
aria-controls="collapseBlog" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Blog</span>
|
||||
</a>
|
||||
<div id="collapseBlog" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Blog.html">
|
||||
<i class="simple-icon-list"></i> <span class="d-inline-block">List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Blog.Detail.html">
|
||||
<i class="simple-icon-book-open"></i> <span class="d-inline-block">Detail</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="edit_booking.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Detail
|
||||
Alt</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMisc" aria-expanded="true"
|
||||
aria-controls="collapseMisc" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Miscellaneous</span>
|
||||
</a>
|
||||
<div id="collapseMisc" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Misc.Coming.Soon.html">
|
||||
<i class="simple-icon-hourglass"></i> <span class="d-inline-block">Coming
|
||||
Soon</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Error.html">
|
||||
<i class="simple-icon-exclamation"></i> <span
|
||||
class="d-inline-block">Error</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Faq.html">
|
||||
<i class="simple-icon-question"></i> <span class="d-inline-block">Faq</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Invoice.html">
|
||||
<i class="simple-icon-bag"></i> <span class="d-inline-block">Invoice</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Knowledge.Base.html">
|
||||
<i class="simple-icon-graduation"></i> <span class="d-inline-block">Knowledge
|
||||
Base</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Mailing.html">
|
||||
<i class="simple-icon-envelope-open"></i> <span
|
||||
class="d-inline-block">Mailing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Pricing.html">
|
||||
<i class="simple-icon-diamond"></i> <span class="d-inline-block">Pricing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Search.html">
|
||||
<i class="simple-icon-magnifier"></i> <span class="d-inline-block">Search</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="applications">
|
||||
<li>
|
||||
<a href="Apps.MediaLibrary.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Library</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Todo.List.html">
|
||||
<i class="simple-icon-check"></i> <span class="d-inline-block">Todo</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Survey.List.html">
|
||||
<i class="simple-icon-calculator"></i> <span class="d-inline-block">Survey</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Chat.html">
|
||||
<i class="simple-icon-bubbles"></i> <span class="d-inline-block">Chat</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="ui">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseForms" aria-expanded="true"
|
||||
aria-controls="collapseForms" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Forms</span>
|
||||
</a>
|
||||
<div id="collapseForms" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Forms.Components.html">
|
||||
<i class="simple-icon-event"></i> <span class="d-inline-block">Components</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Layouts.html">
|
||||
<i class="simple-icon-doc"></i> <span class="d-inline-block">Layouts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Validation.html">
|
||||
<i class="simple-icon-check"></i> <span class="d-inline-block">Validation</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Wizard.html">
|
||||
<i class="simple-icon-magic-wand"></i> <span
|
||||
class="d-inline-block">Wizard</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseDataTables" aria-expanded="true"
|
||||
aria-controls="collapseDataTables" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Datatables</span>
|
||||
</a>
|
||||
<div id="collapseDataTables" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Datatables.Rows.html">
|
||||
<i class="simple-icon-screen-desktop"></i> <span class="d-inline-block">Full
|
||||
Page UI</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Scroll.html">
|
||||
<i class="simple-icon-mouse"></i> <span class="d-inline-block">Scrollable</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Pagination.html">
|
||||
<i class="simple-icon-notebook"></i> <span
|
||||
class="d-inline-block">Pagination</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Default.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseComponents" aria-expanded="true"
|
||||
aria-controls="collapseComponents" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Components</span>
|
||||
</a>
|
||||
<div id="collapseComponents" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Components.Alerts.html">
|
||||
<i class="simple-icon-bell"></i> <span class="d-inline-block">Alerts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Badges.html">
|
||||
<i class="simple-icon-badge"></i> <span class="d-inline-block">Badges</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Buttons.html">
|
||||
<i class="simple-icon-control-play"></i> <span
|
||||
class="d-inline-block">Buttons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Cards.html">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Cards</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="Ui.Components.Carousel.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Carousel</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Charts.html">
|
||||
<i class="simple-icon-chart"></i> <span class="d-inline-block">Charts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Collapse.html">
|
||||
<i class="simple-icon-arrow-up"></i> <span
|
||||
class="d-inline-block">Collapse</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Dropdowns.html">
|
||||
<i class="simple-icon-arrow-down"></i> <span
|
||||
class="d-inline-block">Dropdowns</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Editors.html">
|
||||
<i class="simple-icon-book-open"></i> <span
|
||||
class="d-inline-block">Editors</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Icons.html">
|
||||
<i class="simple-icon-star"></i> <span class="d-inline-block">Icons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.InputGroups.html">
|
||||
<i class="simple-icon-note"></i> <span class="d-inline-block">Input
|
||||
Groups</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Jumbotron.html">
|
||||
<i class="simple-icon-screen-desktop"></i> <span
|
||||
class="d-inline-block">Jumbotron</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Modal.html">
|
||||
<i class="simple-icon-docs"></i> <span class="d-inline-block">Modal</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Navigation.html">
|
||||
<i class="simple-icon-cursor"></i> <span
|
||||
class="d-inline-block">Navigation</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="Ui.Components.PopoverandTooltip.html">
|
||||
<i class="simple-icon-pin"></i> <span class="d-inline-block">Popover &
|
||||
Tooltip</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Sortable.html">
|
||||
<i class="simple-icon-shuffle"></i> <span class="d-inline-block">Sortable</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Tables.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Tables</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<ul class="list-unstyled" data-link="menu" id="menuTypes">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuTypes" aria-expanded="true"
|
||||
aria-controls="collapseMenuTypes" class="rotate-arrow-icon">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Types</span>
|
||||
</a>
|
||||
<div id="collapseMenuTypes" class="collapse show" data-parent="#menuTypes">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Menu.Default.html">
|
||||
<i class="simple-icon-control-pause"></i> <span
|
||||
class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="Menu.Subhidden.html">
|
||||
<i class="simple-icon-arrow-left mi-subhidden"></i> <span
|
||||
class="d-inline-block">Subhidden</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Hidden.html">
|
||||
<i class="simple-icon-control-start mi-hidden"></i> <span
|
||||
class="d-inline-block">Hidden</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Mainhidden.html">
|
||||
<i class="simple-icon-control-rewind mi-hidden"></i> <span
|
||||
class="d-inline-block">Mainhidden</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuLevel" aria-expanded="true"
|
||||
aria-controls="collapseMenuLevel" class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Levels</span>
|
||||
</a>
|
||||
<div id="collapseMenuLevel" class="collapse" data-parent="#menuTypes">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuLevel2"
|
||||
aria-expanded="true" aria-controls="collapseMenuLevel2"
|
||||
class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Another
|
||||
Level</span>
|
||||
</a>
|
||||
<div id="collapseMenuLevel2" class="collapse">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuDetached" aria-expanded="true"
|
||||
aria-controls="collapseMenuDetached" class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Detached</span>
|
||||
</a>
|
||||
<div id="collapseMenuDetached" class="collapse">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row ">
|
||||
<div class="col-12">
|
||||
<h1>Menu Sub Hidden</h1>
|
||||
<nav class="breadcrumb-container d-none d-sm-block d-lg-inline-block" aria-label="breadcrumb">
|
||||
<ol class="breadcrumb pt-0">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Home</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Library</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Data</li>
|
||||
</ol>
|
||||
</nav>
|
||||
<div class="separator mb-5"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="page-footer">
|
||||
<div class="footer-content">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-6">
|
||||
<p class="mb-0 text-muted">ColoredStrategies 2019</p>
|
||||
</div>
|
||||
<div class="col-sm-6 d-none d-sm-block">
|
||||
<ul class="breadcrumb pt-0 pr-0 float-right">
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Review</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Purchase</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Docs</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="js/vendor/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/vendor/bootstrap.bundle.min.js"></script>
|
||||
<script src="js/vendor/perfect-scrollbar.min.js"></script>
|
||||
<script src="js/vendor/mousetrap.min.js"></script>
|
||||
<script src="js/dore.script.js"></script>
|
||||
<script src="js/scripts.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,60 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Dore jQuery</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
|
||||
<link rel="stylesheet" href="font/iconsmind-s/css/iconsminds.css" />
|
||||
<link rel="stylesheet" href="font/simple-line-icons/css/simple-line-icons.css" />
|
||||
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.rtl.only.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap-float-label.min.css" />
|
||||
<link rel="stylesheet" href="css/main.css" />
|
||||
</head>
|
||||
|
||||
<body class="background show-spinner no-footer">
|
||||
<div class="fixed-background"></div>
|
||||
<main>
|
||||
<div class="container">
|
||||
<div class="row h-100">
|
||||
<div class="col-12 col-md-10 mx-auto my-auto">
|
||||
<div class="card auth-card">
|
||||
<div class="position-relative image-side ">
|
||||
<p class=" text-white h2">MAGIC IS IN THE DETAILS</p>
|
||||
<p class="white mb-0">
|
||||
Please use your e-mail to reset your password.
|
||||
<br>If you are not a member, please
|
||||
<a href="#" class="white">register</a>.
|
||||
</p>
|
||||
</div>
|
||||
<div class="form-side">
|
||||
<a href="Dashboard.Default.html">
|
||||
<span class="logo-single"></span>
|
||||
</a>
|
||||
<h6 class="mb-4">Forgot Password</h6>
|
||||
<form>
|
||||
<label class="form-group has-float-label mb-4">
|
||||
<input class="form-control" />
|
||||
<span>E-mail</span>
|
||||
</label>
|
||||
|
||||
<div class="d-flex justify-content-end align-items-center">
|
||||
<button class="btn btn-primary btn-lg btn-shadow" type="submit">RESET</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<script src="js/vendor/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/vendor/bootstrap.bundle.min.js"></script>
|
||||
<script src="js/dore.script.js"></script>
|
||||
<script src="js/scripts.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,68 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Dore jQuery</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
|
||||
<link rel="stylesheet" href="font/iconsmind-s/css/iconsminds.css" />
|
||||
<link rel="stylesheet" href="font/simple-line-icons/css/simple-line-icons.css" />
|
||||
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.rtl.only.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap-float-label.min.css" />
|
||||
<link rel="stylesheet" href="css/main.css" />
|
||||
</head>
|
||||
|
||||
<body class="background show-spinner no-footer">
|
||||
<div class="fixed-background"></div>
|
||||
<main>
|
||||
<div class="container">
|
||||
<div class="row h-100">
|
||||
<div class="col-12 col-md-10 mx-auto my-auto">
|
||||
<div class="card auth-card">
|
||||
<div class="position-relative image-side ">
|
||||
<p class=" text-white h2">MAGIC IS IN THE DETAILS</p>
|
||||
<p class="white mb-0">
|
||||
Please use this form to register.
|
||||
<br>If you are a member, please
|
||||
<a href="#" class="white">login</a>.
|
||||
</p>
|
||||
</div>
|
||||
<div class="form-side">
|
||||
<a href="Dashboard.Default.html">
|
||||
<span class="logo-single"></span>
|
||||
</a>
|
||||
<h6 class="mb-4">Register</h6>
|
||||
|
||||
<form>
|
||||
<label class="form-group has-float-label mb-4">
|
||||
<input class="form-control" />
|
||||
<span>Name</span>
|
||||
</label>
|
||||
<label class="form-group has-float-label mb-4">
|
||||
<input class="form-control" />
|
||||
<span>E-mail</span>
|
||||
</label>
|
||||
<label class="form-group has-float-label mb-4">
|
||||
<input class="form-control" type="password" placeholder="" />
|
||||
<span>Password</span>
|
||||
</label>
|
||||
<div class="d-flex justify-content-end align-items-center">
|
||||
<button class="btn btn-primary btn-lg btn-shadow" type="submit">REGISTER</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<script src="js/vendor/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/vendor/bootstrap.bundle.min.js"></script>
|
||||
<script src="js/dore.script.js"></script>
|
||||
<script src="js/scripts.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,997 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Dore jQuery</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
|
||||
<link rel="stylesheet" href="font/iconsmind-s/css/iconsminds.css" />
|
||||
<link rel="stylesheet" href="font/simple-line-icons/css/simple-line-icons.css" />
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.rtl.only.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/perfect-scrollbar.css" />
|
||||
<link rel="stylesheet" href="css/vendor/component-custom-switch.min.css" />
|
||||
<link rel="stylesheet" href="css/main.css" />
|
||||
</head>
|
||||
|
||||
<body id="app-container" class="menu-default show-spinner vertical boxed">
|
||||
<nav class="navbar fixed-top">
|
||||
<div class="d-flex align-items-center navbar-left">
|
||||
<a href="#" class="menu-button d-none d-md-block">
|
||||
<svg class="main" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 17">
|
||||
<rect x="0.48" y="0.5" width="7" height="1" />
|
||||
<rect x="0.48" y="7.5" width="7" height="1" />
|
||||
<rect x="0.48" y="15.5" width="7" height="1" />
|
||||
</svg>
|
||||
<svg class="sub" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 17">
|
||||
<rect x="1.56" y="0.5" width="16" height="1" />
|
||||
<rect x="1.56" y="7.5" width="16" height="1" />
|
||||
<rect x="1.56" y="15.5" width="16" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<a href="#" class="menu-button-mobile d-xs-block d-sm-block d-md-none">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 17">
|
||||
<rect x="0.5" y="0.5" width="25" height="1" />
|
||||
<rect x="0.5" y="7.5" width="25" height="1" />
|
||||
<rect x="0.5" y="15.5" width="25" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<div class="search" data-search-path="Pages.Search.html?q=">
|
||||
<input placeholder="Search...">
|
||||
<span class="search-icon">
|
||||
<i class="simple-icon-magnifier"></i>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<a class="btn btn-sm btn-outline-primary ml-3 d-none d-md-inline-block"
|
||||
href="https://1.envato.market/5kAb"> BUY </a>
|
||||
</div>
|
||||
|
||||
<a class="navbar-logo" href="Dashboard.Default.html">
|
||||
<span class="logo d-none d-xs-block"></span>
|
||||
<span class="logo-mobile d-block d-xs-none"></span>
|
||||
</a>
|
||||
|
||||
<div class="navbar-right">
|
||||
<div class="header-icons d-inline-block align-middle">
|
||||
<div class="d-none d-md-inline-block align-text-bottom mr-3">
|
||||
<div class="custom-switch custom-switch-primary-inverse custom-switch-small pl-1"
|
||||
data-toggle="tooltip" data-placement="left" title="Dark Mode">
|
||||
<input class="custom-switch-input" id="switchDark" type="checkbox" checked>
|
||||
<label class="custom-switch-btn" for="switchDark"></label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative d-none d-sm-inline-block">
|
||||
<button class="header-icon btn btn-empty" type="button" id="iconMenuButton" data-toggle="dropdown"
|
||||
aria-haspopup="true" aria-expanded="false">
|
||||
<i class="simple-icon-grid"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3 position-absolute" id="iconMenuDropdown">
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-equalizer d-block"></i>
|
||||
<span>Settings</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-male-female d-block"></i>
|
||||
<span>Users</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-puzzle d-block"></i>
|
||||
<span>Components</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-bar-chart-4 d-block"></i>
|
||||
<span>Profits</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-file d-block"></i>
|
||||
<span>Surveys</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-suitcase d-block"></i>
|
||||
<span>Tasks</span>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative d-inline-block">
|
||||
<button class="header-icon btn btn-empty" type="button" id="notificationButton"
|
||||
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="simple-icon-bell"></i>
|
||||
<span class="count">3</span>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3 position-absolute" id="notificationDropdown">
|
||||
<div class="scroll">
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/profiles/l-2.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">Joisse Kaycee just sent a new comment!</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/notifications/1.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">1 item is out of stock!</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/notifications/2.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">New order received! It is total $147,20.</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 ">
|
||||
<a href="#">
|
||||
<img src="img/notifications/3.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">3 items just added to wish list by a user!
|
||||
</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button class="header-icon btn btn-empty d-none d-sm-inline-block" type="button" id="fullScreenButton">
|
||||
<i class="simple-icon-size-fullscreen"></i>
|
||||
<i class="simple-icon-size-actual"></i>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="user d-inline-block">
|
||||
<button class="btn btn-empty p-0" type="button" data-toggle="dropdown" aria-haspopup="true"
|
||||
aria-expanded="false">
|
||||
<span class="name">Sarah Kortney</span>
|
||||
<span>
|
||||
<img alt="Profile Picture" src="img/profiles/l-1.jpg" />
|
||||
</span>
|
||||
</button>
|
||||
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3">
|
||||
<a class="dropdown-item" href="#">Account</a>
|
||||
<a class="dropdown-item" href="#">Features</a>
|
||||
<a class="dropdown-item" href="#">History</a>
|
||||
<a class="dropdown-item" href="#">Support</a>
|
||||
<a class="dropdown-item" href="#">Sign out</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="menu">
|
||||
<div class="main-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled">
|
||||
<li>
|
||||
<a href="#dashboard">
|
||||
<i class="iconsminds-shop-4"></i>
|
||||
<span>Dashboards</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="#layouts">
|
||||
<i class="iconsminds-digital-drawing"></i> Pages
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#applications">
|
||||
<i class="iconsminds-air-balloon-1"></i> Applications
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#ui">
|
||||
<i class="iconsminds-pantone"></i> UI
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#menu">
|
||||
<i class="iconsminds-three-arrow-fork"></i> Menu
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Blank.Page.html">
|
||||
<i class="iconsminds-bucket"></i> Blank Page
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://dore-jquery-docs.coloredstrategies.com" target="_blank">
|
||||
<i class="iconsminds-library"></i> Docs
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sub-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled" data-link="dashboard">
|
||||
<li>
|
||||
<a href="Dashboard.Default.html">
|
||||
<i class="simple-icon-rocket"></i> <span class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Analytics.html">
|
||||
<i class="simple-icon-pie-chart"></i> <span class="d-inline-block">Analytics</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Ecommerce.html">
|
||||
<i class="simple-icon-basket-loaded"></i> <span class="d-inline-block">Ecommerce</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Content.html">
|
||||
<i class="simple-icon-doc"></i> <span class="d-inline-block">Content</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="layouts" id="layouts">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseAuthorization" aria-expanded="true"
|
||||
aria-controls="collapseAuthorization" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Authorization</span>
|
||||
</a>
|
||||
<div id="collapseAuthorization" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="login.html">
|
||||
<i class="simple-icon-user-following"></i> <span
|
||||
class="d-inline-block">Login</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Auth.Register.html">
|
||||
<i class="simple-icon-user-follow"></i> <span
|
||||
class="d-inline-block">Register</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Auth.ForgotPassword.html">
|
||||
<i class="simple-icon-user-unfollow"></i> <span class="d-inline-block">Forgot
|
||||
Password</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseProduct" aria-expanded="true"
|
||||
aria-controls="collapseProduct" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Product</span>
|
||||
</a>
|
||||
<div id="collapseProduct" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Product.List.html">
|
||||
<i class="simple-icon-credit-card"></i> <span class="d-inline-block">Data
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Thumbs.html">
|
||||
<i class="simple-icon-list"></i> <span class="d-inline-block">Thumb
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Images.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Image
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Detail.html">
|
||||
<i class="simple-icon-book-open"></i> <span class="d-inline-block">Detail</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseProfile" aria-expanded="true"
|
||||
aria-controls="collapseProfile" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Profile</span>
|
||||
</a>
|
||||
<div id="collapseProfile" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Profile.Social.html">
|
||||
<i class="simple-icon-share"></i> <span class="d-inline-block">Social</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Profile.Portfolio.html">
|
||||
<i class="simple-icon-link"></i> <span class="d-inline-block">Portfolio</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseBlog" aria-expanded="true"
|
||||
aria-controls="collapseBlog" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Blog</span>
|
||||
</a>
|
||||
<div id="collapseBlog" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li class="active">
|
||||
<a href="Pages.Blog.html">
|
||||
<i class="simple-icon-list"></i> <span class="d-inline-block">List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Blog.Detail.html">
|
||||
<i class="simple-icon-book-open"></i> <span class="d-inline-block">Detail</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="edit_booking.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Detail
|
||||
Alt</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMisc" aria-expanded="true"
|
||||
aria-controls="collapseMisc" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Miscellaneous</span>
|
||||
</a>
|
||||
<div id="collapseMisc" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Misc.Coming.Soon.html">
|
||||
<i class="simple-icon-hourglass"></i> <span class="d-inline-block">Coming
|
||||
Soon</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Error.html">
|
||||
<i class="simple-icon-exclamation"></i> <span
|
||||
class="d-inline-block">Error</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Faq.html">
|
||||
<i class="simple-icon-question"></i> <span class="d-inline-block">Faq</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Invoice.html">
|
||||
<i class="simple-icon-bag"></i> <span class="d-inline-block">Invoice</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Knowledge.Base.html">
|
||||
<i class="simple-icon-graduation"></i> <span class="d-inline-block">Knowledge
|
||||
Base</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Mailing.html">
|
||||
<i class="simple-icon-envelope-open"></i> <span
|
||||
class="d-inline-block">Mailing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Pricing.html">
|
||||
<i class="simple-icon-diamond"></i> <span class="d-inline-block">Pricing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Search.html">
|
||||
<i class="simple-icon-magnifier"></i> <span class="d-inline-block">Search</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="applications">
|
||||
<li>
|
||||
<a href="Apps.MediaLibrary.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Library</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Todo.List.html">
|
||||
<i class="simple-icon-check"></i> <span class="d-inline-block">Todo</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Survey.List.html">
|
||||
<i class="simple-icon-calculator"></i> <span class="d-inline-block">Survey</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Chat.html">
|
||||
<i class="simple-icon-bubbles"></i> <span class="d-inline-block">Chat</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="ui">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseForms" aria-expanded="true"
|
||||
aria-controls="collapseForms" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Forms</span>
|
||||
</a>
|
||||
<div id="collapseForms" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Forms.Components.html">
|
||||
<i class="simple-icon-event"></i> <span class="d-inline-block">Components</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Layouts.html">
|
||||
<i class="simple-icon-doc"></i> <span class="d-inline-block">Layouts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Validation.html">
|
||||
<i class="simple-icon-check"></i> <span class="d-inline-block">Validation</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Wizard.html">
|
||||
<i class="simple-icon-magic-wand"></i> <span
|
||||
class="d-inline-block">Wizard</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseDataTables" aria-expanded="true"
|
||||
aria-controls="collapseDataTables" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Datatables</span>
|
||||
</a>
|
||||
<div id="collapseDataTables" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Datatables.Rows.html">
|
||||
<i class="simple-icon-screen-desktop"></i> <span class="d-inline-block">Full
|
||||
Page UI</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Scroll.html">
|
||||
<i class="simple-icon-mouse"></i> <span class="d-inline-block">Scrollable</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Pagination.html">
|
||||
<i class="simple-icon-notebook"></i> <span
|
||||
class="d-inline-block">Pagination</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Default.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseComponents" aria-expanded="true"
|
||||
aria-controls="collapseComponents" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Components</span>
|
||||
</a>
|
||||
<div id="collapseComponents" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Components.Alerts.html">
|
||||
<i class="simple-icon-bell"></i> <span class="d-inline-block">Alerts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Badges.html">
|
||||
<i class="simple-icon-badge"></i> <span class="d-inline-block">Badges</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Buttons.html">
|
||||
<i class="simple-icon-control-play"></i> <span
|
||||
class="d-inline-block">Buttons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Cards.html">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Cards</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="Ui.Components.Carousel.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Carousel</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Charts.html">
|
||||
<i class="simple-icon-chart"></i> <span class="d-inline-block">Charts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Collapse.html">
|
||||
<i class="simple-icon-arrow-up"></i> <span
|
||||
class="d-inline-block">Collapse</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Dropdowns.html">
|
||||
<i class="simple-icon-arrow-down"></i> <span
|
||||
class="d-inline-block">Dropdowns</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Editors.html">
|
||||
<i class="simple-icon-book-open"></i> <span
|
||||
class="d-inline-block">Editors</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Icons.html">
|
||||
<i class="simple-icon-star"></i> <span class="d-inline-block">Icons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.InputGroups.html">
|
||||
<i class="simple-icon-note"></i> <span class="d-inline-block">Input
|
||||
Groups</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Jumbotron.html">
|
||||
<i class="simple-icon-screen-desktop"></i> <span
|
||||
class="d-inline-block">Jumbotron</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Modal.html">
|
||||
<i class="simple-icon-docs"></i> <span class="d-inline-block">Modal</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Navigation.html">
|
||||
<i class="simple-icon-cursor"></i> <span
|
||||
class="d-inline-block">Navigation</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="Ui.Components.PopoverandTooltip.html">
|
||||
<i class="simple-icon-pin"></i> <span class="d-inline-block">Popover &
|
||||
Tooltip</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Sortable.html">
|
||||
<i class="simple-icon-shuffle"></i> <span class="d-inline-block">Sortable</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Tables.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Tables</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<ul class="list-unstyled" data-link="menu" id="menuTypes">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuTypes" aria-expanded="true"
|
||||
aria-controls="collapseMenuTypes" class="rotate-arrow-icon">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Types</span>
|
||||
</a>
|
||||
<div id="collapseMenuTypes" class="collapse show" data-parent="#menuTypes">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Menu.Default.html">
|
||||
<i class="simple-icon-control-pause"></i> <span
|
||||
class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Subhidden.html">
|
||||
<i class="simple-icon-arrow-left mi-subhidden"></i> <span
|
||||
class="d-inline-block">Subhidden</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Hidden.html">
|
||||
<i class="simple-icon-control-start mi-hidden"></i> <span
|
||||
class="d-inline-block">Hidden</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Mainhidden.html">
|
||||
<i class="simple-icon-control-rewind mi-hidden"></i> <span
|
||||
class="d-inline-block">Mainhidden</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuLevel" aria-expanded="true"
|
||||
aria-controls="collapseMenuLevel" class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Levels</span>
|
||||
</a>
|
||||
<div id="collapseMenuLevel" class="collapse" data-parent="#menuTypes">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuLevel2"
|
||||
aria-expanded="true" aria-controls="collapseMenuLevel2"
|
||||
class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Another
|
||||
Level</span>
|
||||
</a>
|
||||
<div id="collapseMenuLevel2" class="collapse">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuDetached" aria-expanded="true"
|
||||
aria-controls="collapseMenuDetached" class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Detached</span>
|
||||
</a>
|
||||
<div id="collapseMenuDetached" class="collapse">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="mb-2">
|
||||
<h1>Blog</h1>
|
||||
<nav class="breadcrumb-container d-none d-sm-block d-lg-inline-block" aria-label="breadcrumb">
|
||||
<ol class="breadcrumb pt-0">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Home</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Library</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Data</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="separator mb-5"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12 col-lg-6 mb-5">
|
||||
<div class="card flex-row listing-card-container">
|
||||
<div class="w-40 position-relative">
|
||||
<a href="Pages.Blog.Detail.html">
|
||||
<img class="card-img-left" src="img/details/small-5.jpg" alt="Card image cap">
|
||||
<span class="badge badge-pill badge-theme-1 position-absolute badge-top-left">NEW</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="w-60 d-flex align-items-center">
|
||||
<div class="card-body">
|
||||
<a href="Pages.Blog.Detail.html">
|
||||
<h5 class="mb-3 listing-heading ellipsis">Distinctively Exploit Optimal
|
||||
Alignments with Mentality Networks</h5>
|
||||
</a>
|
||||
<p class="listing-desc text-muted ellipsis">
|
||||
Keeping your eye on the ball while performing a deep dive on the
|
||||
start-up mentality to derive convergence on cross-platform integration.
|
||||
Collaboratively administrate via plug-and-play networks.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-lg-6 mb-5">
|
||||
<div class="card flex-row listing-card-container">
|
||||
<div class="w-40 position-relative">
|
||||
<a href="Pages.Blog.Detail.html" class="video-play-icon">
|
||||
<span></span>
|
||||
</a>
|
||||
<img class="card-img-left" src="img/details/small-2.jpg" alt="Card image cap">
|
||||
</div>
|
||||
<div class="w-60 d-flex align-items-center">
|
||||
<div class="card-body">
|
||||
<a href="Pages.Blog.Detail.html">
|
||||
<h5 class="mb-3 listing-heading ellipsis">Progressively Maintain
|
||||
Extensive Infomediaries</h5>
|
||||
</a>
|
||||
<p class="listing-desc text-muted ellipsis">
|
||||
Credibly reintermediate backend ideas for cross-platform models.
|
||||
Continually reintermediate integrated processes through technically
|
||||
sound intellectual capital.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-12 col-lg-6 mb-5">
|
||||
<div class="card flex-row listing-card-container">
|
||||
<div class="w-40 position-relative">
|
||||
<a href="Pages.Blog.Detail.html">
|
||||
<img class="card-img-left" src="img/details/small-3.jpg" alt="Card image cap">
|
||||
</a>
|
||||
</div>
|
||||
<div class="w-60 d-flex align-items-center">
|
||||
<div class="card-body">
|
||||
<a href="Pages.Blog.Detail.html">
|
||||
<h5 class="mb-3 listing-heading ellipsis">Assertively Iterate Resource
|
||||
Maximizing</h5>
|
||||
</a>
|
||||
<p class="listing-desc text-muted ellipsis">
|
||||
Keeping your eye on the ball while performing a deep dive on the
|
||||
start-up mentality to derive convergence on cross-platform integration.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-lg-6 mb-5">
|
||||
<div class="card flex-row listing-card-container">
|
||||
<div class="w-40 position-relative">
|
||||
<a href="Pages.Blog.Detail.html">
|
||||
<img class="card-img-left" src="img/details/small-7.jpg" alt="Card image cap">
|
||||
</a>
|
||||
</div>
|
||||
<div class="w-60 d-flex align-items-center">
|
||||
<div class="card-body">
|
||||
<a href="Pages.Blog.Detail.html">
|
||||
<h5 class="mb-3 listing-heading ellipsis">Podcasting Operational Change
|
||||
Management Inside of Workflows</h5>
|
||||
</a>
|
||||
<p class="listing-desc text-muted ellipsis">
|
||||
Quickly deploy strategic networks with compelling e-business. Credibly
|
||||
pontificate highly efficient manufactured products and enabled data.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-12 col-lg-6 mb-5">
|
||||
<div class="card flex-row listing-card-container">
|
||||
<div class="w-40 position-relative">
|
||||
<a href="Pages.Blog.Detail.html">
|
||||
<img class="card-img-left" src="img/details/small-1.jpg" alt="Card image cap">
|
||||
</a>
|
||||
</div>
|
||||
<div class="w-60 d-flex align-items-center">
|
||||
<div class="card-body">
|
||||
<a href="Pages.Blog.Detail.html">
|
||||
<h5 class="mb-3 listing-heading ellipsis">Objectively Innovate
|
||||
Empowered Manufactured Products</h5>
|
||||
</a>
|
||||
<p class="listing-desc text-muted ellipsis">
|
||||
Completely synergize resource taxing relationships via premier niche
|
||||
markets. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-lg-6 mb-5">
|
||||
<div class="card flex-row listing-card-container">
|
||||
<div class="w-40 position-relative">
|
||||
<a href="Pages.Blog.Detail.html">
|
||||
<img class="card-img-left" src="img/details/small-6.jpg" alt="Card image cap">
|
||||
</a>
|
||||
</div>
|
||||
<div class="w-60 d-flex align-items-center">
|
||||
<div class="card-body">
|
||||
<a href="Pages.Blog.Detail.html">
|
||||
<h5 class="mb-3 listing-heading ellipsis">Completely Pursue Scalable
|
||||
Customer Service</h5>
|
||||
</a>
|
||||
<p class="listing-desc text-muted ellipsis">
|
||||
Credibly reintermediate backend ideas for cross-platform models.
|
||||
Continually reintermediate integrated processes through technically
|
||||
sound intellectual capital.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="col-12 col-lg-6 mb-5">
|
||||
<div class="card flex-row listing-card-container">
|
||||
<div class="w-40 position-relative">
|
||||
<a href="Pages.Blog.Detail.html">
|
||||
<img class="card-img-left" src="img/details/small-7.jpg" alt="Card image cap">
|
||||
</a>
|
||||
</div>
|
||||
<div class="w-60 d-flex align-items-center">
|
||||
<div class="card-body">
|
||||
<a href="Pages.Blog.Detail.html">
|
||||
<h5 class="mb-3 listing-heading ellipsis">Dynamically Procrastinate B2C
|
||||
Users After Installed Base Benefits</h5>
|
||||
</a>
|
||||
<p class="listing-desc text-muted ellipsis">
|
||||
Dramatically maintain clicks-and-mortar solutions without functional
|
||||
solutions.
|
||||
Completely synergize resource taxing relationships via premier niche
|
||||
markets.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-lg-6 mb-5">
|
||||
<div class="card flex-row listing-card-container">
|
||||
<div class="w-40 position-relative">
|
||||
<a href="Pages.Blog.Detail.html">
|
||||
<img class="card-img-left" src="img/details/small-8.jpg" alt="Card image cap">
|
||||
</a>
|
||||
</div>
|
||||
<div class="w-60 d-flex align-items-center">
|
||||
<div class="card-body">
|
||||
<a href="Pages.Blog.Detail.html">
|
||||
<h5 class="mb-3 listing-heading ellipsis">Progressively Maintain
|
||||
Extensive Infomediaries</h5>
|
||||
</a>
|
||||
<p class="listing-desc text-muted ellipsis">
|
||||
Dramatically maintain
|
||||
clicks-and-mortar solutions without functional solutions.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<nav class="mt-4 mb-3">
|
||||
<ul class="pagination justify-content-center mb-0">
|
||||
<li class="page-item ">
|
||||
<a class="page-link first" href="#">
|
||||
<i class="simple-icon-control-start"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="page-item ">
|
||||
<a class="page-link prev" href="#">
|
||||
<i class="simple-icon-arrow-left"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="page-item active">
|
||||
<a class="page-link" href="#">1</a>
|
||||
</li>
|
||||
<li class="page-item ">
|
||||
<a class="page-link" href="#">2</a>
|
||||
</li>
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="#">3</a>
|
||||
</li>
|
||||
<li class="page-item ">
|
||||
<a class="page-link next" href="#" aria-label="Next">
|
||||
<i class="simple-icon-arrow-right"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="page-item ">
|
||||
<a class="page-link last" href="#">
|
||||
<i class="simple-icon-control-end"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
|
||||
<footer class="page-footer">
|
||||
<div class="footer-content">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-6">
|
||||
<p class="mb-0 text-muted">ColoredStrategies 2019</p>
|
||||
</div>
|
||||
<div class="col-sm-6 d-none d-sm-block">
|
||||
<ul class="breadcrumb pt-0 pr-0 float-right">
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Review</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Purchase</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Docs</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
<script src="js/vendor/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/vendor/bootstrap.bundle.min.js"></script>
|
||||
<script src="js/vendor/perfect-scrollbar.min.js"></script>
|
||||
<script src="js/vendor/jquery.autoellipsis.js"></script>
|
||||
<script src="js/dore.script.js"></script>
|
||||
<script src="js/scripts.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Dore jQuery</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
|
||||
<link rel="stylesheet" href="font/iconsmind-s/css/iconsminds.css" />
|
||||
<link rel="stylesheet" href="font/simple-line-icons/css/simple-line-icons.css" />
|
||||
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.rtl.only.min.css" />
|
||||
<link rel="stylesheet" href="css/main.css" />
|
||||
</head>
|
||||
|
||||
<body class="background show-spinner no-footer">
|
||||
<div class="fixed-background"></div>
|
||||
<main>
|
||||
<div class="container">
|
||||
<div class="row h-100">
|
||||
<div class="col-12 col-sm-8 col-md-10 mx-auto my-auto">
|
||||
<div class="card index-card">
|
||||
<div class="card-body text-center form-side">
|
||||
<a href="Dashboard.Default.html">
|
||||
<span class="logo-single"></span>
|
||||
</a>
|
||||
<p class="lead mb-5">Dore will be available soon!</p>
|
||||
<div id="timer" class="mb-5"></div>
|
||||
<div class="row">
|
||||
<div class="col-12 offset-0 col-md-8 offset-md-2 mb-2">
|
||||
<p>To receive our newsletter please complete the form below. We take your
|
||||
privacy seriously and we will not share your information with others.</p>
|
||||
</div>
|
||||
<div class="col-12 offset-0 col-md-8 offset-md-2 col-lg-6 offset-lg-3 newsletter-input-container">
|
||||
<div class="input-group mb-3">
|
||||
<input type="text" class="form-control" placeholder="E-mail address">
|
||||
<div class="input-group-append">
|
||||
<button class="btn btn-secondary btn-xl" type="button">JOIN</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<script src="js/vendor/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/vendor/bootstrap.bundle.min.js"></script>
|
||||
<script src="js/vendor/countdown.min.js"></script>
|
||||
<script src="js/dore.script.js"></script>
|
||||
<script src="js/scripts.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,56 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Dore jQuery</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
|
||||
<link rel="stylesheet" href="font/iconsmind-s/css/iconsminds.css" />
|
||||
<link rel="stylesheet" href="font/simple-line-icons/css/simple-line-icons.css" />
|
||||
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.rtl.only.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap-float-label.min.css" />
|
||||
<link rel="stylesheet" href="css/main.css" />
|
||||
</head>
|
||||
|
||||
<body class="background show-spinner no-footer">
|
||||
<div class="fixed-background"></div>
|
||||
<main>
|
||||
<div class="container">
|
||||
<div class="row h-100">
|
||||
<div class="col-12 col-md-10 mx-auto my-auto">
|
||||
<div class="card auth-card">
|
||||
<div class="position-relative image-side ">
|
||||
<p class=" text-white h2">MAGIC IS IN THE DETAILS</p>
|
||||
<p class="text-white mb-0">Yes, it is indeed!</p>
|
||||
</div>
|
||||
<div class="form-side">
|
||||
<div class="text-center">
|
||||
<a href="Dashboard.Default.html">
|
||||
<span class="logo-single"></span>
|
||||
</a>
|
||||
|
||||
<h6 class="mb-4">Ooops... looks like an error occurred!</h6>
|
||||
<p class="mb-0 text-muted text-small mb-0">Error code</p>
|
||||
<p class="display-1 font-weight-bold mb-5">
|
||||
404
|
||||
</p>
|
||||
<a href="Dashboard.Default.html" class="btn btn-primary btn-lg btn-shadow">GO BACK HOME</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<script src="js/vendor/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/vendor/bootstrap.bundle.min.js"></script>
|
||||
<script src="js/dore.script.js"></script>
|
||||
<script src="js/scripts.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,243 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Dore jQuery</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
|
||||
</head>
|
||||
|
||||
<body style="margin:0; padding:0;">
|
||||
<!--Mailing Start-->
|
||||
<div leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" style="background-color:#ffffff; height:29.7cm; max-width:22cm; font-family: Helvetica,Arial,sans-serif !important; margin-bottom: 40px; position: relative;">
|
||||
<table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" style="width:100%; background-color:#ffffff;border-collapse:separate !important; border-spacing:0;color:#242128; margin:0;padding:30px; padding-top: 20px;"
|
||||
heigth="auto">
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td align="left" valign="center" style="padding-bottom:20px;border-top:0;width:100% !important;">
|
||||
<img src="https://coloredstrategies.com/mailing/dore.png" />
|
||||
</td>
|
||||
<td align="right" valign="center" style="padding-bottom:20px;border-top:0;width:100% !important;">
|
||||
<p style="color: #8f8f8f; font-weight: normal; line-height: 1.2; font-size: 12px; white-space: nowrap; ">
|
||||
ColoredStrategies Inc<br> 35 Little Russell St. Bloomsburg London,UK<br>784 451 12 47
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td colspan="2" style="padding-top:30px; border-top:1px solid #f1f0f0">
|
||||
<table style="width: 100%;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="vertical-align:middle; border-radius: 3px; padding:30px; background-color: #f9f9f9; border-right: 5px solid white;">
|
||||
<p style="color:#303030; font-size: 14px; line-height: 1.6; margin:0; padding:0;">
|
||||
Latashia Nagy<br>100-148 Warwick Trfy, Kansas City, USA
|
||||
</p>
|
||||
</td>
|
||||
|
||||
<td style="text-align: right; padding-top:0px; padding-bottom:0; vertical-align:middle; padding:30px; background-color: #f9f9f9; border-radius: 3px; border-left: 5px solid white;">
|
||||
<p style="color:#8f8f8f; font-size: 14px; padding: 0; line-height: 1.6; margin:0; ">
|
||||
Invoice #: 741<br>
|
||||
02.02.2019
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table style="width: 100%; margin-top:40px;">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="text-align:left; font-size: 10px; color:#8f8f8f; padding-bottom: 15px;">
|
||||
ITEM NAME
|
||||
</th>
|
||||
<th style="text-align:left; font-size: 10px; color:#8f8f8f; padding-bottom: 15px;">
|
||||
COUNT
|
||||
</th>
|
||||
<th style="text-align:right; font-size: 10px; color:#8f8f8f; padding-bottom: 15px;">
|
||||
PRICE
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="padding-top:0px; padding-bottom:5px;">
|
||||
<h4 style="font-size: 16px; line-height: 1; margin-bottom:0; color:#303030; font-weight:500; margin-top: 10px;">Marble
|
||||
Cake</h4>
|
||||
</td>
|
||||
<td>
|
||||
<p href="#" style="font-size: 13px; text-decoration: none; line-height: 1; color:#909090; margin-top:0px; margin-bottom:0;">3
|
||||
pcs</p>
|
||||
</td>
|
||||
<td style="padding-top:0px; padding-bottom:0; text-align: right;">
|
||||
<p style="font-size: 13px; line-height: 1; color:#303030; margin-bottom:0; margin-top:0; vertical-align:top; white-space:nowrap;">$
|
||||
14.82</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding-top:0px; padding-bottom:5px;">
|
||||
<h4 style="font-size: 16px; line-height: 1; margin-bottom:0; color:#303030; font-weight:500; margin-top: 10px;">Chocolate
|
||||
Cake</h4>
|
||||
</td>
|
||||
<td>
|
||||
<p href="#" style="font-size: 13px; text-decoration: none; line-height: 1; color:#909090; margin-top:0px; margin-bottom:0;">2
|
||||
pcs</p>
|
||||
</td>
|
||||
<td style="padding-top:0px; padding-bottom:0; text-align: right;">
|
||||
<p style="font-size: 13px; line-height: 1; color:#303030; margin-bottom:0; margin-top:0; vertical-align:top; white-space:nowrap;">$
|
||||
8.97</p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td style="padding-top:0px; padding-bottom:5px;">
|
||||
<h4 style="font-size: 16px; line-height: 1; margin-bottom:0; color:#303030; font-weight:500; margin-top: 10px;">Fat
|
||||
Rascal</h4>
|
||||
</td>
|
||||
<td>
|
||||
<p href="#" style="font-size: 13px; text-decoration: none; line-height: 1; color:#909090; margin-top:0px; margin-bottom:0;">2
|
||||
pcs</p>
|
||||
</td>
|
||||
<td style="padding-top:0px; padding-bottom:0; text-align: right;">
|
||||
<p style="font-size: 13px; line-height: 1; color:#303030; margin-bottom:0; margin-top:0; vertical-align:top; white-space:nowrap;">$
|
||||
18.24</p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td style="padding-top:0px; padding-bottom:5px;">
|
||||
<h4 style="font-size: 16px; line-height: 1; margin-bottom:0; color:#303030; font-weight:500; margin-top: 10px;">Cremeschnitte</h4>
|
||||
</td>
|
||||
<td>
|
||||
<p href="#" style="font-size: 13px; text-decoration: none; line-height: 1; color:#909090; margin-top:0px; margin-bottom:0;">2
|
||||
pcs</p>
|
||||
</td>
|
||||
<td style="padding-top:0px; padding-bottom:0; text-align: right;">
|
||||
<p style="font-size: 13px; line-height: 1; color:#303030; margin-bottom:0; margin-top:0; vertical-align:top; white-space:nowrap;">$
|
||||
4.24</p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td style="padding-top:0px; padding-bottom:5px;">
|
||||
<h4 style="font-size: 16px; line-height: 1; margin-bottom:0; color:#303030; font-weight:500; margin-top: 10px;">Cheesecake</h4>
|
||||
</td>
|
||||
<td>
|
||||
<p href="#" style="font-size: 13px; text-decoration: none; line-height: 1; color:#909090; margin-top:0px; margin-bottom:0;">3
|
||||
pcs</p>
|
||||
</td>
|
||||
<td style="padding-top:0px; padding-bottom:0; text-align: right;">
|
||||
<p style="font-size: 13px; line-height: 1; color:#303030; margin-bottom:0; margin-top:0; vertical-align:top; white-space:nowrap;">$
|
||||
6.27</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding-top:0px; padding-bottom:5px;">
|
||||
<h4 style="font-size: 16px; line-height: 1; margin-bottom:0; color:#303030; font-weight:500; margin-top: 10px;">Magdalena</h4>
|
||||
</td>
|
||||
<td>
|
||||
<p href="#" style="font-size: 13px; text-decoration: none; line-height: 1; color:#909090; margin-top:0px; margin-bottom:0;">2
|
||||
pcs</p>
|
||||
</td>
|
||||
<td style="padding-top:0px; padding-bottom:0; text-align: right;">
|
||||
<p style="font-size: 13px; line-height: 1; color:#303030; margin-bottom:0; margin-top:0; vertical-align:top; white-space:nowrap;">$
|
||||
10.97</p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td style="padding-top:0px; padding-bottom:5px;">
|
||||
<h4 style="font-size: 16px; line-height: 1; margin-bottom:0; color:#303030; font-weight:500; margin-top: 10px;">Genoise</h4>
|
||||
</td>
|
||||
<td>
|
||||
<p href="#" style="font-size: 13px; text-decoration: none; line-height: 1; color:#909090; margin-top:0px; margin-bottom:0;">2
|
||||
pcs</p>
|
||||
</td>
|
||||
<td style="padding-top:0px; padding-bottom:0; text-align: right;">
|
||||
<p style="font-size: 13px; line-height: 1; color:#303030; margin-bottom:0; margin-top:0; vertical-align:top; white-space:nowrap;">$
|
||||
21.24</p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
<table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" style="position:absolute; bottom:0; width:100%; background-color:#ffffff;border-collapse:separate !important; border-spacing:0;color:#242128; margin:0;padding:30px; padding-top: 20px;"
|
||||
heigth="auto">
|
||||
<tr>
|
||||
<td colspan="3" style="border-top:1px solid #f1f0f0"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2" style="width: 100%">
|
||||
<p href="#" style="font-size: 13px; text-decoration: none; line-height: 1.6; color:#909090; margin-top:0px; margin-bottom:0; text-align: right;">
|
||||
Subtotal : </p>
|
||||
</td>
|
||||
<td style="padding-top:0px; text-align: right;">
|
||||
<p style="font-size: 13px; line-height: 1.6; color:#303030; margin-bottom:0; margin-top:0; vertical-align:top; white-space:nowrap; margin-left:15px">$
|
||||
61.82</p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td colspan="2" style="width: 100%">
|
||||
<p href="#" style="font-size: 13px; text-decoration: none; line-height: 1.6; color:#909090; margin-top:0px; margin-bottom:0; text-align: right;">
|
||||
Tax : </p>
|
||||
</td>
|
||||
<td style="padding-top:0px; text-align: right;">
|
||||
<p style="font-size: 13px; line-height: 1.6; color:#303030; margin-bottom:0; margin-top:0; vertical-align:top; white-space:nowrap; margin-left:15px">$
|
||||
2.18</p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td colspan="2" style="width: 100%">
|
||||
<p href="#" style="font-size: 13px; text-decoration: none; line-height: 1.6; color:#909090; margin-top:0px; margin-bottom:0; text-align: right;">
|
||||
Shipping : </p>
|
||||
</td>
|
||||
<td style="padding-top:0px; text-align: right;">
|
||||
<p style="font-size: 13px; line-height: 1.6; color:#303030; margin-bottom:0; margin-top:0; vertical-align:top; white-space:nowrap; margin-left:15px">$
|
||||
3.21</p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td colspan="2" style=" width: 100%; padding-bottom:15px;">
|
||||
<p href="#" style="font-size: 13px; text-decoration: none; line-height: 1.6; color:#909090; margin-top:0px; margin-bottom:0; text-align: right;">
|
||||
<strong>Total : </strong></p>
|
||||
</td>
|
||||
<td style="padding-top:0px; text-align: right; padding-bottom:15px;">
|
||||
<p style="font-size: 13px; line-height: 1.6; color:#303030; margin-bottom:0; margin-top:0; vertical-align:top; white-space:nowrap; margin-left:15px"><strong>$
|
||||
68.14</strong></p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td colspan="3" style="border-top:1px solid #f1f0f0"> </td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td colspan="3" style="text-align:center;">
|
||||
<p style="color: #909090; font-size:11px; text-align:center;">Invoice was created on a computer and
|
||||
is valid without the signature and seal. </p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<!--Mailing End-->
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,906 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Dore jQuery</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
|
||||
<link rel="stylesheet" href="font/iconsmind-s/css/iconsminds.css" />
|
||||
<link rel="stylesheet" href="font/simple-line-icons/css/simple-line-icons.css" />
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.rtl.only.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/perfect-scrollbar.css" />
|
||||
<link rel="stylesheet" href="css/vendor/component-custom-switch.min.css" />
|
||||
<link rel="stylesheet" href="css/main.css" />
|
||||
</head>
|
||||
|
||||
<body id="app-container" class="menu-default show-spinner vertical boxed">
|
||||
<nav class="navbar fixed-top">
|
||||
<div class="d-flex align-items-center navbar-left">
|
||||
<a href="#" class="menu-button d-none d-md-block">
|
||||
<svg class="main" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 17">
|
||||
<rect x="0.48" y="0.5" width="7" height="1" />
|
||||
<rect x="0.48" y="7.5" width="7" height="1" />
|
||||
<rect x="0.48" y="15.5" width="7" height="1" />
|
||||
</svg>
|
||||
<svg class="sub" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 17">
|
||||
<rect x="1.56" y="0.5" width="16" height="1" />
|
||||
<rect x="1.56" y="7.5" width="16" height="1" />
|
||||
<rect x="1.56" y="15.5" width="16" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<a href="#" class="menu-button-mobile d-xs-block d-sm-block d-md-none">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 17">
|
||||
<rect x="0.5" y="0.5" width="25" height="1" />
|
||||
<rect x="0.5" y="7.5" width="25" height="1" />
|
||||
<rect x="0.5" y="15.5" width="25" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<div class="search" data-search-path="Pages.Search.html?q=">
|
||||
<input placeholder="Search...">
|
||||
<span class="search-icon">
|
||||
<i class="simple-icon-magnifier"></i>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<a class="btn btn-sm btn-outline-primary ml-3 d-none d-md-inline-block"
|
||||
href="https://1.envato.market/5kAb"> BUY </a>
|
||||
</div>
|
||||
|
||||
<a class="navbar-logo" href="Dashboard.Default.html">
|
||||
<span class="logo d-none d-xs-block"></span>
|
||||
<span class="logo-mobile d-block d-xs-none"></span>
|
||||
</a>
|
||||
|
||||
<div class="navbar-right">
|
||||
<div class="header-icons d-inline-block align-middle">
|
||||
<div class="d-none d-md-inline-block align-text-bottom mr-3">
|
||||
<div class="custom-switch custom-switch-primary-inverse custom-switch-small pl-1"
|
||||
data-toggle="tooltip" data-placement="left" title="Dark Mode">
|
||||
<input class="custom-switch-input" id="switchDark" type="checkbox" checked>
|
||||
<label class="custom-switch-btn" for="switchDark"></label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative d-none d-sm-inline-block">
|
||||
<button class="header-icon btn btn-empty" type="button" id="iconMenuButton" data-toggle="dropdown"
|
||||
aria-haspopup="true" aria-expanded="false">
|
||||
<i class="simple-icon-grid"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3 position-absolute" id="iconMenuDropdown">
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-equalizer d-block"></i>
|
||||
<span>Settings</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-male-female d-block"></i>
|
||||
<span>Users</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-puzzle d-block"></i>
|
||||
<span>Components</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-bar-chart-4 d-block"></i>
|
||||
<span>Profits</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-file d-block"></i>
|
||||
<span>Surveys</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-suitcase d-block"></i>
|
||||
<span>Tasks</span>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative d-inline-block">
|
||||
<button class="header-icon btn btn-empty" type="button" id="notificationButton"
|
||||
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="simple-icon-bell"></i>
|
||||
<span class="count">3</span>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3 position-absolute" id="notificationDropdown">
|
||||
<div class="scroll">
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/profiles/l-2.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">Joisse Kaycee just sent a new comment!</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/notifications/1.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">1 item is out of stock!</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/notifications/2.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">New order received! It is total $147,20.</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 ">
|
||||
<a href="#">
|
||||
<img src="img/notifications/3.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">3 items just added to wish list by a user!
|
||||
</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button class="header-icon btn btn-empty d-none d-sm-inline-block" type="button" id="fullScreenButton">
|
||||
<i class="simple-icon-size-fullscreen"></i>
|
||||
<i class="simple-icon-size-actual"></i>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="user d-inline-block">
|
||||
<button class="btn btn-empty p-0" type="button" data-toggle="dropdown" aria-haspopup="true"
|
||||
aria-expanded="false">
|
||||
<span class="name">Sarah Kortney</span>
|
||||
<span>
|
||||
<img alt="Profile Picture" src="img/profiles/l-1.jpg" />
|
||||
</span>
|
||||
</button>
|
||||
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3">
|
||||
<a class="dropdown-item" href="#">Account</a>
|
||||
<a class="dropdown-item" href="#">Features</a>
|
||||
<a class="dropdown-item" href="#">History</a>
|
||||
<a class="dropdown-item" href="#">Support</a>
|
||||
<a class="dropdown-item" href="#">Sign out</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="menu">
|
||||
<div class="main-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled">
|
||||
<li>
|
||||
<a href="#dashboard">
|
||||
<i class="iconsminds-shop-4"></i>
|
||||
<span>Dashboards</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="#layouts">
|
||||
<i class="iconsminds-digital-drawing"></i> Pages
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#applications">
|
||||
<i class="iconsminds-air-balloon-1"></i> Applications
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#ui">
|
||||
<i class="iconsminds-pantone"></i> UI
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#menu">
|
||||
<i class="iconsminds-three-arrow-fork"></i> Menu
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Blank.Page.html">
|
||||
<i class="iconsminds-bucket"></i> Blank Page
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://dore-jquery-docs.coloredstrategies.com" target="_blank">
|
||||
<i class="iconsminds-library"></i> Docs
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sub-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled" data-link="dashboard">
|
||||
<li>
|
||||
<a href="Dashboard.Default.html">
|
||||
<i class="simple-icon-rocket"></i> <span class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Analytics.html">
|
||||
<i class="simple-icon-pie-chart"></i> <span class="d-inline-block">Analytics</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Ecommerce.html">
|
||||
<i class="simple-icon-basket-loaded"></i> <span class="d-inline-block">Ecommerce</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Content.html">
|
||||
<i class="simple-icon-doc"></i> <span class="d-inline-block">Content</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="layouts" id="layouts">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseAuthorization" aria-expanded="true"
|
||||
aria-controls="collapseAuthorization" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Authorization</span>
|
||||
</a>
|
||||
<div id="collapseAuthorization" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="login.html">
|
||||
<i class="simple-icon-user-following"></i> <span
|
||||
class="d-inline-block">Login</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Auth.Register.html">
|
||||
<i class="simple-icon-user-follow"></i> <span
|
||||
class="d-inline-block">Register</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Auth.ForgotPassword.html">
|
||||
<i class="simple-icon-user-unfollow"></i> <span class="d-inline-block">Forgot
|
||||
Password</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseProduct" aria-expanded="true"
|
||||
aria-controls="collapseProduct" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Product</span>
|
||||
</a>
|
||||
<div id="collapseProduct" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Product.List.html">
|
||||
<i class="simple-icon-credit-card"></i> <span class="d-inline-block">Data
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Thumbs.html">
|
||||
<i class="simple-icon-list"></i> <span class="d-inline-block">Thumb
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Images.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Image
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Detail.html">
|
||||
<i class="simple-icon-book-open"></i> <span class="d-inline-block">Detail</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseProfile" aria-expanded="true"
|
||||
aria-controls="collapseProfile" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Profile</span>
|
||||
</a>
|
||||
<div id="collapseProfile" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Profile.Social.html">
|
||||
<i class="simple-icon-share"></i> <span class="d-inline-block">Social</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Profile.Portfolio.html">
|
||||
<i class="simple-icon-link"></i> <span class="d-inline-block">Portfolio</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseBlog" aria-expanded="true"
|
||||
aria-controls="collapseBlog" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Blog</span>
|
||||
</a>
|
||||
<div id="collapseBlog" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Blog.html">
|
||||
<i class="simple-icon-list"></i> <span class="d-inline-block">List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Blog.Detail.html">
|
||||
<i class="simple-icon-book-open"></i> <span class="d-inline-block">Detail</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="edit_booking.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Detail
|
||||
Alt</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMisc" aria-expanded="true"
|
||||
aria-controls="collapseMisc" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Miscellaneous</span>
|
||||
</a>
|
||||
<div id="collapseMisc" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Misc.Coming.Soon.html">
|
||||
<i class="simple-icon-hourglass"></i> <span class="d-inline-block">Coming
|
||||
Soon</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Error.html">
|
||||
<i class="simple-icon-exclamation"></i> <span
|
||||
class="d-inline-block">Error</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Faq.html">
|
||||
<i class="simple-icon-question"></i> <span class="d-inline-block">Faq</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Invoice.html">
|
||||
<i class="simple-icon-bag"></i> <span class="d-inline-block">Invoice</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="Pages.Misc.Knowledge.Base.html">
|
||||
<i class="simple-icon-graduation"></i> <span class="d-inline-block">Knowledge
|
||||
Base</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Mailing.html">
|
||||
<i class="simple-icon-envelope-open"></i> <span
|
||||
class="d-inline-block">Mailing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Pricing.html">
|
||||
<i class="simple-icon-diamond"></i> <span class="d-inline-block">Pricing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Search.html">
|
||||
<i class="simple-icon-magnifier"></i> <span class="d-inline-block">Search</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="applications">
|
||||
<li>
|
||||
<a href="Apps.MediaLibrary.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Library</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Todo.List.html">
|
||||
<i class="simple-icon-check"></i> <span class="d-inline-block">Todo</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Survey.List.html">
|
||||
<i class="simple-icon-calculator"></i> <span class="d-inline-block">Survey</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Chat.html">
|
||||
<i class="simple-icon-bubbles"></i> <span class="d-inline-block">Chat</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="ui">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseForms" aria-expanded="true"
|
||||
aria-controls="collapseForms" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Forms</span>
|
||||
</a>
|
||||
<div id="collapseForms" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Forms.Components.html">
|
||||
<i class="simple-icon-event"></i> <span class="d-inline-block">Components</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Layouts.html">
|
||||
<i class="simple-icon-doc"></i> <span class="d-inline-block">Layouts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Validation.html">
|
||||
<i class="simple-icon-check"></i> <span class="d-inline-block">Validation</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Wizard.html">
|
||||
<i class="simple-icon-magic-wand"></i> <span
|
||||
class="d-inline-block">Wizard</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseDataTables" aria-expanded="true"
|
||||
aria-controls="collapseDataTables" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Datatables</span>
|
||||
</a>
|
||||
<div id="collapseDataTables" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Datatables.Rows.html">
|
||||
<i class="simple-icon-screen-desktop"></i> <span class="d-inline-block">Full
|
||||
Page UI</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Scroll.html">
|
||||
<i class="simple-icon-mouse"></i> <span class="d-inline-block">Scrollable</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Pagination.html">
|
||||
<i class="simple-icon-notebook"></i> <span
|
||||
class="d-inline-block">Pagination</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Default.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseComponents" aria-expanded="true"
|
||||
aria-controls="collapseComponents" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Components</span>
|
||||
</a>
|
||||
<div id="collapseComponents" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Components.Alerts.html">
|
||||
<i class="simple-icon-bell"></i> <span class="d-inline-block">Alerts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Badges.html">
|
||||
<i class="simple-icon-badge"></i> <span class="d-inline-block">Badges</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Buttons.html">
|
||||
<i class="simple-icon-control-play"></i> <span
|
||||
class="d-inline-block">Buttons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Cards.html">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Cards</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="Ui.Components.Carousel.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Carousel</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Charts.html">
|
||||
<i class="simple-icon-chart"></i> <span class="d-inline-block">Charts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Collapse.html">
|
||||
<i class="simple-icon-arrow-up"></i> <span
|
||||
class="d-inline-block">Collapse</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Dropdowns.html">
|
||||
<i class="simple-icon-arrow-down"></i> <span
|
||||
class="d-inline-block">Dropdowns</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Editors.html">
|
||||
<i class="simple-icon-book-open"></i> <span
|
||||
class="d-inline-block">Editors</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Icons.html">
|
||||
<i class="simple-icon-star"></i> <span class="d-inline-block">Icons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.InputGroups.html">
|
||||
<i class="simple-icon-note"></i> <span class="d-inline-block">Input
|
||||
Groups</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Jumbotron.html">
|
||||
<i class="simple-icon-screen-desktop"></i> <span
|
||||
class="d-inline-block">Jumbotron</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Modal.html">
|
||||
<i class="simple-icon-docs"></i> <span class="d-inline-block">Modal</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Navigation.html">
|
||||
<i class="simple-icon-cursor"></i> <span
|
||||
class="d-inline-block">Navigation</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="Ui.Components.PopoverandTooltip.html">
|
||||
<i class="simple-icon-pin"></i> <span class="d-inline-block">Popover &
|
||||
Tooltip</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Sortable.html">
|
||||
<i class="simple-icon-shuffle"></i> <span class="d-inline-block">Sortable</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Tables.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Tables</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<ul class="list-unstyled" data-link="menu" id="menuTypes">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuTypes" aria-expanded="true"
|
||||
aria-controls="collapseMenuTypes" class="rotate-arrow-icon">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Types</span>
|
||||
</a>
|
||||
<div id="collapseMenuTypes" class="collapse show" data-parent="#menuTypes">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Menu.Default.html">
|
||||
<i class="simple-icon-control-pause"></i> <span
|
||||
class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Subhidden.html">
|
||||
<i class="simple-icon-arrow-left mi-subhidden"></i> <span
|
||||
class="d-inline-block">Subhidden</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Hidden.html">
|
||||
<i class="simple-icon-control-start mi-hidden"></i> <span
|
||||
class="d-inline-block">Hidden</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Mainhidden.html">
|
||||
<i class="simple-icon-control-rewind mi-hidden"></i> <span
|
||||
class="d-inline-block">Mainhidden</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuLevel" aria-expanded="true"
|
||||
aria-controls="collapseMenuLevel" class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Levels</span>
|
||||
</a>
|
||||
<div id="collapseMenuLevel" class="collapse" data-parent="#menuTypes">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuLevel2"
|
||||
aria-expanded="true" aria-controls="collapseMenuLevel2"
|
||||
class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Another
|
||||
Level</span>
|
||||
</a>
|
||||
<div id="collapseMenuLevel2" class="collapse">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuDetached" aria-expanded="true"
|
||||
aria-controls="collapseMenuDetached" class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Detached</span>
|
||||
</a>
|
||||
<div id="collapseMenuDetached" class="collapse">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="mb-2">
|
||||
<h1>Knowledge Base</h1>
|
||||
<nav class="breadcrumb-container d-none d-sm-block d-lg-inline-block" aria-label="breadcrumb">
|
||||
<ol class="breadcrumb pt-0">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Home</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Library</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Data</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="mb-2">
|
||||
<a class="btn pt-0 pl-0 d-inline-block d-md-none" data-toggle="collapse" href="#displayOptions"
|
||||
role="button" aria-expanded="true" aria-controls="displayOptions">
|
||||
Display Options
|
||||
<i class="simple-icon-arrow-down align-middle"></i>
|
||||
</a>
|
||||
<div class="collapse d-md-block" id="displayOptions">
|
||||
<div class="d-block d-md-inline-block">
|
||||
<div class="btn-group float-md-left mr-1 mb-1">
|
||||
<button class="btn btn-outline-dark btn-xs dropdown-toggle" type="button"
|
||||
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
Order By
|
||||
</button>
|
||||
<div class="dropdown-menu">
|
||||
<a class="dropdown-item" href="#">Action</a>
|
||||
<a class="dropdown-item" href="#">Another action</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="search-sm d-inline-block float-md-left mr-1 mb-1 align-top">
|
||||
<input placeholder="Search...">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="separator mb-5"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row equal-height-container">
|
||||
|
||||
<div class="col-md-12 col-xl-6 mb-4 col-item">
|
||||
<div class="card">
|
||||
<div class="card-body pt-5 pb-5 d-flex flex-column">
|
||||
<div class="text-center">
|
||||
<i class="iconsminds-director large-icon"></i>
|
||||
<h5 class="mb-0 font-weight-semibold color-theme-1 mb-4">USING DORE</h5>
|
||||
</div>
|
||||
<div class="pl-3 pr-3 pt-3 pb-0 d-flex flex-column flex-grow-1">
|
||||
<p class="text-muted mb-4">Systems thinking correlation, social impact; when
|
||||
revolutionary
|
||||
fully ethical life bandwidth and thought partnership.</p>
|
||||
<ul class="list-unstyled mb-0">
|
||||
<li><a href="#" class="btn-link">Getting Started</a></li>
|
||||
<li><a href="#" class="btn-link">Game Changing Features</a>
|
||||
</li>
|
||||
<li><a href="#" class="btn-link">Structure</a></li>
|
||||
<li><a href="#" class="btn-link">Adding Content</a></li>
|
||||
<li><a href="#" class="btn-link">Gulp & Package.json</a></li>
|
||||
<li><a href="#" class="btn-link">Codebase</a></li>
|
||||
<li><a href="#" class="btn-link">Styles and Themes</a></li>
|
||||
<li><a href="#" class="btn-link">Fonts</a></li>
|
||||
<li><a href="#" class="btn-link">Plugins</a></li>
|
||||
<li><a href="#" class="btn-link">Changelog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-12 col-xl-6 mb-4 col-item">
|
||||
<div class="card">
|
||||
<div class="card-body pt-5 pb-5 d-flex flex-column">
|
||||
<div class="text-center">
|
||||
<i class="iconsminds-security-settings large-icon"></i>
|
||||
<h5 class="mb-0 font-weight-semibold color-theme-1 mb-4">SECURITY</h5>
|
||||
</div>
|
||||
<div class="pl-3 pr-3 pt-3 pb-0 d-flex flex-column flex-grow-1">
|
||||
<p class="text-muted mb-4">Systems thinking correlation, social impact; when
|
||||
revolutionary
|
||||
fully ethical life bandwidth and thought partnership.</p>
|
||||
<ul class="list-unstyled mb-0">
|
||||
<li><a href="#" class="btn-link">Securing Your Account</a>
|
||||
</li>
|
||||
<li><a href="#" class="btn-link">Privacy</a></li>
|
||||
<li><a href="#" class="btn-link">Spam</a></li>
|
||||
<li><a href="#" class="btn-link">Sensitive Content</a></li>
|
||||
<li><a href="#" class="btn-link">Abuse</a></li>
|
||||
<li><a href="#" class="btn-link">Blocking Users</a></li>
|
||||
<li><a href="#" class="btn-link">Reporting</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-12 col-xl-6 mb-4 col-item">
|
||||
<div class="card">
|
||||
<div class="card-body pt-5 pb-5 d-flex flex-column">
|
||||
<div class="text-center">
|
||||
<i class="iconsminds-male large-icon"></i>
|
||||
<h5 class="mb-0 font-weight-semibold color-theme-1 mb-4">ACCOUNT</h5>
|
||||
</div>
|
||||
<div class="pl-3 pr-3 pt-3 pb-0 d-flex flex-column flex-grow-1">
|
||||
<p class="text-muted mb-4">Systems thinking correlation, social impact; when
|
||||
revolutionary
|
||||
fully ethical life bandwidth and thought partnership.</p>
|
||||
<ul class="list-unstyled mb-0">
|
||||
<li><a href="#" class="btn-link">Login and Register</a></li>
|
||||
<li><a href="#" class="btn-link">Password Reset</a></li>
|
||||
<li><a href="#" class="btn-link">Devices</a></li>
|
||||
<li><a href="#" class="btn-link">Integrations</a></li>
|
||||
<li><a href="#" class="btn-link">Notifications</a></li>
|
||||
<li><a href="#" class="btn-link">Messages</a></li>
|
||||
<li><a href="#" class="btn-link">Blocking Users</a></li>
|
||||
<li><a href="#" class="btn-link">Following Users</a></li>
|
||||
<li><a href="#" class="btn-link">Login</a></li>
|
||||
<li><a href="#" class="btn-link">Content Filters</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-12 col-xl-6 mb-4 col-item">
|
||||
<div class="card">
|
||||
<div class="card-body pt-5 pb-5 d-flex flex-column">
|
||||
<div class="text-center">
|
||||
<i class="iconsminds-newspaper large-icon"></i>
|
||||
<h5 class="mb-0 font-weight-semibold color-theme-1 mb-4">POLICIES</h5>
|
||||
</div>
|
||||
<div class="pl-3 pr-3 pt-3 pb-0 d-flex flex-column flex-grow-1">
|
||||
<p class="text-muted mb-4">Systems thinking correlation, social impact; when
|
||||
revolutionary
|
||||
fully ethical life bandwidth and thought partnership.</p>
|
||||
<ul class="list-unstyled mb-0">
|
||||
<li><a href="#" class="btn-link">About</a></li>
|
||||
<li><a href="#" class="btn-link">Policies</a></li>
|
||||
<li><a href="#" class="btn-link">Privacy</a></li>
|
||||
<li><a href="#" class="btn-link">Ad Choices</a></li>
|
||||
<li><a href="#" class="btn-link">Researches and
|
||||
Experiments</a></li>
|
||||
<li><a href="#" class="btn-link">General Guidelines</a></li>
|
||||
<li><a href="#" class="btn-link">Cookies</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
|
||||
<footer class="page-footer">
|
||||
<div class="footer-content">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-6">
|
||||
<p class="mb-0 text-muted">ColoredStrategies 2019</p>
|
||||
</div>
|
||||
<div class="col-sm-6 d-none d-sm-block">
|
||||
<ul class="breadcrumb pt-0 pr-0 float-right">
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Review</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Purchase</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Docs</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
<script src="js/vendor/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/vendor/bootstrap.bundle.min.js"></script>
|
||||
<script src="js/vendor/perfect-scrollbar.min.js"></script>
|
||||
<script src="js/dore.script.js"></script>
|
||||
<script src="js/scripts.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,392 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Dore jQuery</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
|
||||
</head>
|
||||
|
||||
<body style="margin:0; padding:0; background-color:#f8f8f8; padding-top: 10px;">
|
||||
<!--Mailing Start-->
|
||||
<div leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" style="height:auto !important;width:100% !important; font-family: Helvetica,Arial,sans-serif !important; margin-bottom: 40px;">
|
||||
<center>
|
||||
<table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" style="max-width:600px; background-color:#ffffff;border:1px solid #e4e2e2;border-collapse:separate !important; border-radius:4px;border-spacing:0;color:#242128; margin:0;padding:40px;"
|
||||
heigth="auto">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td align="left" valign="center" style="padding-bottom:40px;border-top:0;height:100% !important;width:100% !important;">
|
||||
<img src="https://coloredstrategies.com/mailing/dore.png" />
|
||||
</td>
|
||||
<td align="right" valign="center" style="padding-bottom:40px;border-top:0;height:100% !important;width:100% !important;">
|
||||
<span style="color: #8f8f8f; font-weight: normal; line-height: 2; font-size: 14px;">02.02.2019</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2" style="padding-top:10px;border-top:1px solid #e4e2e2">
|
||||
<h3 style="color:#303030; font-size:18px; line-height: 1.6; font-weight:500;">Get
|
||||
Started</h3>
|
||||
<p style="color:#8f8f8f; font-size: 14px; padding-bottom: 20px; line-height: 1.4;">
|
||||
Dynamically target high-payoff intellectual capital for customized
|
||||
technologies. Objectively integrate emerging core competencies before
|
||||
process-centric communities. Dramatically evisculate holistic
|
||||
innovation rather than client-centric data.<br><br>Progressively
|
||||
maintain extensive infomediaries via extensible niches. Dramatically
|
||||
disseminate standardized metrics after resource-leveling processes.
|
||||
</p>
|
||||
<h3 style="color:#303030; font-size:18px; line-height: 1.6; font-weight:500;">Verification
|
||||
Code</h3>
|
||||
<p style="background-color:#f1f1f1; padding: 8px 15px; border-radius: 50px; display: inline-block; margin-bottom:20px; font-size: 14px; line-height: 1.4; font-family: Courier New, Courier, monospace; margin-top:0">148
|
||||
544 174</p>
|
||||
|
||||
<h3 style="color:#303030; font-size:18px; line-height: 1.6; font-weight:500;">Steps
|
||||
to
|
||||
Follow</h3>
|
||||
<ol style="color:#8f8f8f; font-size: 14px; padding-bottom: 20px; padding-left:20px; line-height: 1.6">
|
||||
<li>Preliminary thinking systems</li>
|
||||
<li>Bandwidth efficient</li>
|
||||
<li>Green space</li>
|
||||
<li>Social impact</li>
|
||||
</ol>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width:100%;border-collapse:collapse;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="padding:15px 0px;" valign="top" align="center">
|
||||
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse:separate !important;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td align="center" valign="middle" style="padding:13px;">
|
||||
<a href="#" title="START NOW" target="_blank" style="font-size: 14px; line-height: 1.5; font-weight: 700; letter-spacing: 1px; padding: 15px 40px; text-align:center; text-decoration:none; color:#FFFFFF; border-radius: 50px; background-color:#145388;">START
|
||||
NOW</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<table style="margin-top:30px; padding-bottom:20px;; margin-bottom: 40px;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td align="center" valign="center">
|
||||
<p style="font-size: 12px; text-decoration: none;line-height: 1; color:#909090; margin-top:0px; ">
|
||||
ColoredStrategies Inc, 35 Little Russell St. Bloomsburg London,UK
|
||||
</p>
|
||||
<p style="font-size: 12px; line-height:1; color:#909090; margin-top:5px;">
|
||||
<a href="#" style="color: #145388; text-decoration:none;">Privacy
|
||||
Policy</a>
|
||||
| <a href="#" style="color: #145388; text-decoration:none;">Unscubscribe</a>
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</center>
|
||||
</div>
|
||||
<!--Mailing End-->
|
||||
|
||||
<!--Mailing Start-->
|
||||
<div leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" style="height:auto !important;width:100% !important; font-family: Helvetica,Arial,sans-serif !important;">
|
||||
<center>
|
||||
<table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" style="max-width:600px; background-color:#ffffff;border:1px solid #e4e2e2;border-collapse:separate !important; border-radius:4px;border-spacing:0;color:#242128; margin:0;padding:40px;"
|
||||
heigth="auto">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td align="left" valign="center" style="padding-bottom:40px;border-top:0;height:100% !important;width:100% !important;">
|
||||
<img src="https://coloredstrategies.com/mailing/dore.png" />
|
||||
</td>
|
||||
<td align="right" valign="center" style="padding-bottom:40px;border-top:0;height:100% !important;width:100% !important;">
|
||||
<span style="color: #8f8f8f; font-weight: normal; line-height: 2; font-size: 14px;">02.02.2019</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2" style="padding-top:10px; border-top:1px solid #e4e2e2">
|
||||
<table>
|
||||
<tr>
|
||||
<td colspan="2" style="padding-bottom:20px;">
|
||||
<h3 style="color:#303030; font-size:18px; line-height: 1.6; font-weight:500;">Order
|
||||
Summary</h3>
|
||||
<p style="color:#8f8f8f; font-size: 14px; padding-bottom: 20px; line-height: 1.4; margin-bottom:0;">
|
||||
Dynamically target high-payoff intellectual capital for
|
||||
customized technologies. Objectively integrate emerging
|
||||
core competencies before process-centric communities.
|
||||
Dramatically evisculate holistic innovation rather than
|
||||
client-centric data.<br><br>Progressively maintain
|
||||
extensive infomediaries via extensible niches.
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding-top:0px; padding-bottom:20px; width:140px ">
|
||||
<img src="https://coloredstrategies.com/mailing/product-1.jpg" style="width: 113px; height: 85px; object-fit: cover; border-radius: 3px; " />
|
||||
</td>
|
||||
<td style="padding-top:0px; padding-bottom:20px;">
|
||||
<h4 style="font-size: 16px; line-height: 1; margin-bottom:20px;"><a href="#"
|
||||
style="text-decoration: none; color:#303030; font-weight:500;">Marble
|
||||
Cake</a></h4>
|
||||
<p href="#" style="font-size: 12px; text-decoration: none; line-height: 1; color:#909090; margin-top:0px; margin-bottom:0;">3
|
||||
pcs</p>
|
||||
<p style="font-size: 12px; line-height: 1; color:#909090; margin-top:5px;">Standart
|
||||
Package</p>
|
||||
</td>
|
||||
<td style="padding-top:0px; padding-bottom:20px; text-align: right;">
|
||||
<p style="font-size: 13px; line-height: 1; color:#145388; margin-top:5px; vertical-align:top; white-space:nowrap;">$
|
||||
14.82</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" style="border-top:1px solid #e4e2e2"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding-top:0px; padding-bottom:20px; width:140px ">
|
||||
<img src="https://coloredstrategies.com/mailing/product-2.jpg" style="width: 113px; height: 85px; object-fit: cover; border-radius: 3px; " />
|
||||
</td>
|
||||
<td style="padding-top:0px; padding-bottom:20px;">
|
||||
<h4 style="font-size: 16px; line-height: 1; margin-bottom:20px;"><a href="#"
|
||||
style="text-decoration: none; color:#303030; font-weight:500;">Chocolate
|
||||
Cake</a></h4>
|
||||
<p href="#" style="font-size: 12px; text-decoration: none; line-height: 1; color:#909090; margin-top:0px; margin-bottom:0;">2
|
||||
pcs</p>
|
||||
<p style="font-size: 12px; line-height: 1; color:#909090; margin-top:5px;">Standart
|
||||
Package</p>
|
||||
</td>
|
||||
<td style="padding-top:0px; padding-bottom:20px; text-align: right;">
|
||||
<p style="font-size: 13px; line-height: 1; color:#145388; margin-top:5px; vertical-align:top; white-space:nowrap;">$
|
||||
4.24</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" style="border-top:1px solid #e4e2e2"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding-top:0px; padding-bottom:20px; width:140px ">
|
||||
<img src="https://coloredstrategies.com/mailing/product-3.jpg" style="width: 113px; height: 85px; object-fit: cover; border-radius: 3px; " />
|
||||
</td>
|
||||
<td style="padding-top:0px; padding-bottom:20px;">
|
||||
<h4 style="font-size: 16px; line-height: 1; margin-bottom:20px;"><a href="#"
|
||||
style="text-decoration: none; color:#303030; font-weight:500;">Fat
|
||||
Rascal</a></h4>
|
||||
<p href="#" style="font-size: 12px; text-decoration: none; line-height: 1; color:#909090; margin-top:0px; margin-bottom:0;">1
|
||||
pcs</p>
|
||||
<p style="font-size: 12px; line-height: 1; color:#909090; margin-top:5px;">Standart
|
||||
Package</p>
|
||||
</td>
|
||||
<td style="padding-top:0px; padding-bottom:20px; text-align: right;">
|
||||
<p style="font-size: 13px; line-height: 1; color:#145388; margin-top:5px; vertical-align:top; white-space:nowrap;">$
|
||||
12.91</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" style="border-top:1px solid #e4e2e2"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding-top:0px; padding-bottom:20px; width:140px ">
|
||||
<img src="https://coloredstrategies.com/mailing/product-4.jpg" style="width: 113px; height: 85px; object-fit: cover; border-radius: 3px; " />
|
||||
</td>
|
||||
<td style="padding-top:0px; padding-bottom:20px;">
|
||||
<h4 style="font-size: 16px; line-height: 1; margin-bottom:20px;"><a href="#"
|
||||
style="text-decoration: none; color:#303030; font-weight:500;">Cremeschnitte</a></h4>
|
||||
<p href="#" style="font-size: 12px; text-decoration: none; line-height: 1; color:#909090; margin-top:0px; margin-bottom:0;">4
|
||||
pcs</p>
|
||||
<p style="font-size: 12px; line-height: 1; color:#909090; margin-top:5px;">Standart
|
||||
Package</p>
|
||||
</td>
|
||||
<td style="padding-top:0px; padding-bottom:20px; text-align: right;">
|
||||
<p style="font-size: 13px; line-height: 1; color:#145388; margin-top:5px; vertical-align:top; white-space:nowrap;">$
|
||||
54.20</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" style="border-top:1px solid #e4e2e2"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2" style="padding-top:0px; padding-bottom:5px; text-align: right; color:#909090;">
|
||||
<p style="font-size: 12px; line-height: 1; margin-top:5px; vertical-align:top; margin-bottom: 0;">Subtotal: </p>
|
||||
</td>
|
||||
<td style="padding-top:0px; padding-bottom:5px; text-align: right; padding-left: 15px;">
|
||||
<p style="font-size: 13px; line-height: 1; margin-top:5px; vertical-align:top; color:#145388; white-space:nowrap; margin-bottom: 0;">$
|
||||
124.20</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2" style="padding-top:0px; padding-bottom:5px; text-align: right; color:#909090;">
|
||||
<p style="font-size: 12px; line-height: 1; margin-top:5px; vertical-align:top; margin-bottom: 0;">Shipping: </p>
|
||||
</td>
|
||||
<td style="padding-top:0px; padding-bottom:5px; text-align: right; padding-left: 15px;">
|
||||
<p style="font-size: 13px; line-height: 1; margin-top:5px; vertical-align:top; color:#145388; white-space:nowrap; margin-bottom: 0;">$
|
||||
4.04</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2" style="padding-top:0px; padding-bottom:5px; text-align: right; color:#909090;">
|
||||
<p style="font-size: 12px; line-height: 1; margin-top:5px; vertical-align:top; margin-bottom: 0;">Taxes: </p>
|
||||
</td>
|
||||
<td style="padding-top:0px; padding-bottom:5px; text-align: right; padding-left: 15px;">
|
||||
<p style="font-size: 13px; line-height: 1; margin-top:5px; vertical-align:top; color:#145388; white-space:nowrap; margin-bottom: 0;">$
|
||||
9.14</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2" style="padding-top:0px; padding-bottom:5px; text-align: right; color:#909090;">
|
||||
<p style="font-size: 12px; line-height: 1; margin-top:5px; vertical-align:top; margin-bottom: 0;"><strong>Total: </strong></p>
|
||||
</td>
|
||||
<td style="padding-top:0px; padding-bottom:5px; text-align: right; padding-left: 15px;">
|
||||
<p style="font-size: 13px; line-height: 1; margin-top:5px; vertical-align:top; color:#145388; white-space:nowrap; margin-bottom: 0;"><strong>$
|
||||
137.38</strong></p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table style="margin-top:30px; padding-bottom:20px; margin-bottom: 40px;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td align="center" valign="center">
|
||||
<p style="font-size: 12px; text-decoration: none;line-height: 1; color:#909090; margin-top:0px; ">
|
||||
ColoredStrategies Inc, 35 Little Russell St. Bloomsburg London,UK
|
||||
</p>
|
||||
<p style="font-size: 12px; line-height:1; color:#909090; margin-top:5px;">
|
||||
<a href="#" style="color: #145388; text-decoration:none;">Privacy
|
||||
Policy</a>
|
||||
| <a href="#" style="color: #145388; text-decoration:none;">Unscubscribe</a>
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</center>
|
||||
</div>
|
||||
<!--Mailing End-->
|
||||
|
||||
<!--Mailing Start-->
|
||||
<div leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" style="height:auto !important;width:100% !important; font-family: Helvetica,Arial,sans-serif !important;">
|
||||
<center>
|
||||
<table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" style="max-width:600px; background-color:#ffffff;border:1px solid #e4e2e2;border-collapse:separate !important; border-radius:4px;border-spacing:0;color:#242128; margin:0;padding:40px;"
|
||||
heigth="auto">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td align="left" valign="center" style="padding-bottom:40px;border-top:0;height:100% !important;width:100% !important;">
|
||||
<img src="https://coloredstrategies.com/mailing/dore.png" />
|
||||
</td>
|
||||
<td align="right" valign="center" style="padding-bottom:40px;border-top:0;height:100% !important;width:100% !important;">
|
||||
<span style="color: #8f8f8f; font-weight: normal; line-height: 2; font-size: 14px;">02.02.2019</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2" style="padding-top:10px;border-top:1px solid #e4e2e2">
|
||||
<table>
|
||||
<tr>
|
||||
<td style="padding-bottom:20px;">
|
||||
<h3 style="color:#303030; font-size:18px; line-height: 1.6; font-weight:500;">Latest
|
||||
from Blog</h3>
|
||||
<p style="color:#8f8f8f; font-size: 14px; padding-bottom: 20px; line-height: 1.4;">
|
||||
Dynamically target high-payoff intellectual capital for
|
||||
customized technologies. Objectively integrate emerging
|
||||
core competencies before process-centric communities.
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding-bottom: 30px;">
|
||||
<a href="#">
|
||||
<img style="max-width: 100%; object-fit: cover; border-radius: 3px; margin-bottom:5px;"
|
||||
src="https://dore-jquery.coloredstrategies.com/img/carousels/1.jpg" />
|
||||
</a>
|
||||
<h4 style="font-size: 16px; line-height: 1; margin-bottom:5px; margin-top: 10px;"><a
|
||||
href="#" style="text-decoration: none; color:#303030; font-weight:500;">Distinctively
|
||||
Exploit Optimal Alignments</a></h4>
|
||||
<p style="color:#8f8f8f; font-size: 14px; line-height: 1.4; margin-top:10px">
|
||||
Objectively integrate emerging
|
||||
core competencies before integrate emerging process-centric
|
||||
communities.
|
||||
</p>
|
||||
<p style="font-size: 14px; line-height: 1; margin-top:5px;"><a style="color:#145388; text-decoration:initial;"
|
||||
href="#">Learn
|
||||
More</a></p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" style="border-top:1px solid #e4e2e2; padding-bottom:10px;"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding-bottom: 30px;">
|
||||
<a href="#">
|
||||
<img style="max-width: 100%; object-fit: cover; border-radius: 3px; margin-bottom:5px;"
|
||||
src="https://dore-jquery.coloredstrategies.com/img/carousels/2.jpg" />
|
||||
</a>
|
||||
<h4 style="font-size: 16px; line-height: 1; margin-bottom:5px; margin-top: 10px;"><a
|
||||
href="#" style="text-decoration: none; color:#303030; font-weight:500;">Assertively
|
||||
Iterate Resource Maximizing</a></h4>
|
||||
<p style="color:#8f8f8f; font-size: 14px; line-height: 1.4; margin-top:10px">
|
||||
Objectively integrate emerging
|
||||
core competencies before integrate emerging process-centric
|
||||
communities.
|
||||
</p>
|
||||
<p style="font-size: 14px; line-height: 1; margin-top:5px;"><a style="color:#145388; text-decoration:initial;"
|
||||
href="#">Learn
|
||||
More</a></p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" style="border-top:1px solid #e4e2e2; padding-bottom:10px;"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="#">
|
||||
<img style="max-width: 100%; object-fit: cover; border-radius: 3px; margin-bottom:5px;"
|
||||
src="https://dore-jquery.coloredstrategies.com/img/carousels/3.jpg" />
|
||||
</a>
|
||||
<h4 style="font-size: 16px; line-height: 1; margin-bottom:5px; margin-top: 10px;"><a
|
||||
href="#" style="text-decoration: none; color:#303030; font-weight:500;">Objectively
|
||||
Manufactured Products</a></h4>
|
||||
<p style="color:#8f8f8f; font-size: 14px; line-height: 1.4; margin-top:10px">
|
||||
Objectively integrate emerging
|
||||
core competencies before integrate emerging process-centric
|
||||
communities.
|
||||
</p>
|
||||
<p style="font-size: 14px; line-height: 1; margin-top:5px;"><a style="color:#145388; text-decoration:initial;"
|
||||
href="#">Learn
|
||||
More</a></p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table style="margin-top:30px; padding-bottom:20px; margin-bottom: 40px;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td align="center" valign="center">
|
||||
<p style="font-size: 12px; text-decoration: none;line-height: 1; color:#909090; margin-top:0px; ">
|
||||
ColoredStrategies Inc, 35 Little Russell St. Bloomsburg London,UK
|
||||
</p>
|
||||
<p style="font-size: 12px; line-height:1; color:#909090; margin-top:5px;">
|
||||
<a href="#" style="color: #145388; text-decoration:none;">Privacy
|
||||
Policy</a>
|
||||
| <a href="#" style="color: #145388; text-decoration:none;">Unscubscribe</a>
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</center>
|
||||
</div>
|
||||
<!--Mailing End-->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,801 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Dore jQuery</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
|
||||
<link rel="stylesheet" href="font/iconsmind-s/css/iconsminds.css" />
|
||||
<link rel="stylesheet" href="font/simple-line-icons/css/simple-line-icons.css" />
|
||||
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.rtl.only.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/perfect-scrollbar.css" />
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap-stars.css" />
|
||||
<link rel="stylesheet" href="css/vendor/component-custom-switch.min.css" />
|
||||
<link rel="stylesheet" href="css/main.css" />
|
||||
</head>
|
||||
|
||||
<body id="app-container" class="menu-default show-spinner">
|
||||
<nav class="navbar fixed-top">
|
||||
<div class="d-flex align-items-center navbar-left">
|
||||
<a href="#" class="menu-button d-none d-md-block">
|
||||
<svg class="main" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 17">
|
||||
<rect x="0.48" y="0.5" width="7" height="1" />
|
||||
<rect x="0.48" y="7.5" width="7" height="1" />
|
||||
<rect x="0.48" y="15.5" width="7" height="1" />
|
||||
</svg>
|
||||
<svg class="sub" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 17">
|
||||
<rect x="1.56" y="0.5" width="16" height="1" />
|
||||
<rect x="1.56" y="7.5" width="16" height="1" />
|
||||
<rect x="1.56" y="15.5" width="16" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<a href="#" class="menu-button-mobile d-xs-block d-sm-block d-md-none">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 17">
|
||||
<rect x="0.5" y="0.5" width="25" height="1" />
|
||||
<rect x="0.5" y="7.5" width="25" height="1" />
|
||||
<rect x="0.5" y="15.5" width="25" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<div class="search" data-search-path="Pages.Search.html?q=">
|
||||
<input placeholder="Search...">
|
||||
<span class="search-icon">
|
||||
<i class="simple-icon-magnifier"></i>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<a class="btn btn-sm btn-outline-primary ml-3 d-none d-md-inline-block"
|
||||
href="https://1.envato.market/5kAb"> BUY </a>
|
||||
</div>
|
||||
|
||||
<a class="navbar-logo" href="Dashboard.Default.html">
|
||||
<span class="logo d-none d-xs-block"></span>
|
||||
<span class="logo-mobile d-block d-xs-none"></span>
|
||||
</a>
|
||||
|
||||
<div class="navbar-right">
|
||||
<div class="header-icons d-inline-block align-middle">
|
||||
<div class="d-none d-md-inline-block align-text-bottom mr-3">
|
||||
<div class="custom-switch custom-switch-primary-inverse custom-switch-small pl-1"
|
||||
data-toggle="tooltip" data-placement="left" title="Dark Mode">
|
||||
<input class="custom-switch-input" id="switchDark" type="checkbox" checked>
|
||||
<label class="custom-switch-btn" for="switchDark"></label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative d-none d-sm-inline-block">
|
||||
<button class="header-icon btn btn-empty" type="button" id="iconMenuButton" data-toggle="dropdown"
|
||||
aria-haspopup="true" aria-expanded="false">
|
||||
<i class="simple-icon-grid"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3 position-absolute" id="iconMenuDropdown">
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-equalizer d-block"></i>
|
||||
<span>Settings</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-male-female d-block"></i>
|
||||
<span>Users</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-puzzle d-block"></i>
|
||||
<span>Components</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-bar-chart-4 d-block"></i>
|
||||
<span>Profits</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-file d-block"></i>
|
||||
<span>Surveys</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-suitcase d-block"></i>
|
||||
<span>Tasks</span>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative d-inline-block">
|
||||
<button class="header-icon btn btn-empty" type="button" id="notificationButton"
|
||||
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="simple-icon-bell"></i>
|
||||
<span class="count">3</span>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3 position-absolute" id="notificationDropdown">
|
||||
<div class="scroll">
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/profiles/l-2.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">Joisse Kaycee just sent a new comment!</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/notifications/1.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">1 item is out of stock!</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/notifications/2.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">New order received! It is total $147,20.</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 ">
|
||||
<a href="#">
|
||||
<img src="img/notifications/3.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">3 items just added to wish list by a user!
|
||||
</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button class="header-icon btn btn-empty d-none d-sm-inline-block" type="button" id="fullScreenButton">
|
||||
<i class="simple-icon-size-fullscreen"></i>
|
||||
<i class="simple-icon-size-actual"></i>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="user d-inline-block">
|
||||
<button class="btn btn-empty p-0" type="button" data-toggle="dropdown" aria-haspopup="true"
|
||||
aria-expanded="false">
|
||||
<span class="name">Sarah Kortney</span>
|
||||
<span>
|
||||
<img alt="Profile Picture" src="img/profiles/l-1.jpg" />
|
||||
</span>
|
||||
</button>
|
||||
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3">
|
||||
<a class="dropdown-item" href="#">Account</a>
|
||||
<a class="dropdown-item" href="#">Features</a>
|
||||
<a class="dropdown-item" href="#">History</a>
|
||||
<a class="dropdown-item" href="#">Support</a>
|
||||
<a class="dropdown-item" href="#">Sign out</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="menu">
|
||||
<div class="main-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled">
|
||||
<li>
|
||||
<a href="#dashboard">
|
||||
<i class="iconsminds-shop-4"></i>
|
||||
<span>Dashboards</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="#layouts">
|
||||
<i class="iconsminds-digital-drawing"></i> Pages
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#applications">
|
||||
<i class="iconsminds-air-balloon-1"></i> Applications
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#ui">
|
||||
<i class="iconsminds-pantone"></i> UI
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#menu">
|
||||
<i class="iconsminds-three-arrow-fork"></i> Menu
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Blank.Page.html">
|
||||
<i class="iconsminds-bucket"></i> Blank Page
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://dore-jquery-docs.coloredstrategies.com" target="_blank">
|
||||
<i class="iconsminds-library"></i> Docs
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sub-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled" data-link="dashboard">
|
||||
<li>
|
||||
<a href="Dashboard.Default.html">
|
||||
<i class="simple-icon-rocket"></i> <span class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Analytics.html">
|
||||
<i class="simple-icon-pie-chart"></i> <span class="d-inline-block">Analytics</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Ecommerce.html">
|
||||
<i class="simple-icon-basket-loaded"></i> <span class="d-inline-block">Ecommerce</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Content.html">
|
||||
<i class="simple-icon-doc"></i> <span class="d-inline-block">Content</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="layouts" id="layouts">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseAuthorization" aria-expanded="true"
|
||||
aria-controls="collapseAuthorization" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Authorization</span>
|
||||
</a>
|
||||
<div id="collapseAuthorization" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="login.html">
|
||||
<i class="simple-icon-user-following"></i> <span
|
||||
class="d-inline-block">Login</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Auth.Register.html">
|
||||
<i class="simple-icon-user-follow"></i> <span
|
||||
class="d-inline-block">Register</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Auth.ForgotPassword.html">
|
||||
<i class="simple-icon-user-unfollow"></i> <span class="d-inline-block">Forgot
|
||||
Password</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseProduct" aria-expanded="true"
|
||||
aria-controls="collapseProduct" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Product</span>
|
||||
</a>
|
||||
<div id="collapseProduct" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Product.List.html">
|
||||
<i class="simple-icon-credit-card"></i> <span class="d-inline-block">Data
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Thumbs.html">
|
||||
<i class="simple-icon-list"></i> <span class="d-inline-block">Thumb
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Images.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Image
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Detail.html">
|
||||
<i class="simple-icon-book-open"></i> <span class="d-inline-block">Detail</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseProfile" aria-expanded="true"
|
||||
aria-controls="collapseProfile" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Profile</span>
|
||||
</a>
|
||||
<div id="collapseProfile" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Profile.Social.html">
|
||||
<i class="simple-icon-share"></i> <span class="d-inline-block">Social</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Profile.Portfolio.html">
|
||||
<i class="simple-icon-link"></i> <span class="d-inline-block">Portfolio</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseBlog" aria-expanded="true"
|
||||
aria-controls="collapseBlog" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Blog</span>
|
||||
</a>
|
||||
<div id="collapseBlog" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Blog.html">
|
||||
<i class="simple-icon-list"></i> <span class="d-inline-block">List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Blog.Detail.html">
|
||||
<i class="simple-icon-book-open"></i> <span class="d-inline-block">Detail</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="edit_booking.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Detail
|
||||
Alt</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMisc" aria-expanded="true"
|
||||
aria-controls="collapseMisc" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Miscellaneous</span>
|
||||
</a>
|
||||
<div id="collapseMisc" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Misc.Coming.Soon.html">
|
||||
<i class="simple-icon-hourglass"></i> <span class="d-inline-block">Coming
|
||||
Soon</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Error.html">
|
||||
<i class="simple-icon-exclamation"></i> <span
|
||||
class="d-inline-block">Error</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Faq.html">
|
||||
<i class="simple-icon-question"></i> <span class="d-inline-block">Faq</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Invoice.html">
|
||||
<i class="simple-icon-bag"></i> <span class="d-inline-block">Invoice</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Knowledge.Base.html">
|
||||
<i class="simple-icon-graduation"></i> <span class="d-inline-block">Knowledge
|
||||
Base</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="Pages.Misc.Mailing.html">
|
||||
<i class="simple-icon-envelope-open"></i> <span
|
||||
class="d-inline-block">Mailing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Pricing.html">
|
||||
<i class="simple-icon-diamond"></i> <span class="d-inline-block">Pricing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Search.html">
|
||||
<i class="simple-icon-magnifier"></i> <span class="d-inline-block">Search</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="applications">
|
||||
<li>
|
||||
<a href="Apps.MediaLibrary.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Library</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Todo.List.html">
|
||||
<i class="simple-icon-check"></i> <span class="d-inline-block">Todo</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Survey.List.html">
|
||||
<i class="simple-icon-calculator"></i> <span class="d-inline-block">Survey</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Chat.html">
|
||||
<i class="simple-icon-bubbles"></i> <span class="d-inline-block">Chat</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="ui">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseForms" aria-expanded="true"
|
||||
aria-controls="collapseForms" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Forms</span>
|
||||
</a>
|
||||
<div id="collapseForms" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Forms.Components.html">
|
||||
<i class="simple-icon-event"></i> <span class="d-inline-block">Components</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Layouts.html">
|
||||
<i class="simple-icon-doc"></i> <span class="d-inline-block">Layouts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Validation.html">
|
||||
<i class="simple-icon-check"></i> <span class="d-inline-block">Validation</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Wizard.html">
|
||||
<i class="simple-icon-magic-wand"></i> <span
|
||||
class="d-inline-block">Wizard</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseDataTables" aria-expanded="true"
|
||||
aria-controls="collapseDataTables" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Datatables</span>
|
||||
</a>
|
||||
<div id="collapseDataTables" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Datatables.Rows.html">
|
||||
<i class="simple-icon-screen-desktop"></i> <span class="d-inline-block">Full
|
||||
Page UI</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Scroll.html">
|
||||
<i class="simple-icon-mouse"></i> <span class="d-inline-block">Scrollable</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Pagination.html">
|
||||
<i class="simple-icon-notebook"></i> <span
|
||||
class="d-inline-block">Pagination</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Default.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseComponents" aria-expanded="true"
|
||||
aria-controls="collapseComponents" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Components</span>
|
||||
</a>
|
||||
<div id="collapseComponents" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Components.Alerts.html">
|
||||
<i class="simple-icon-bell"></i> <span class="d-inline-block">Alerts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Badges.html">
|
||||
<i class="simple-icon-badge"></i> <span class="d-inline-block">Badges</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Buttons.html">
|
||||
<i class="simple-icon-control-play"></i> <span
|
||||
class="d-inline-block">Buttons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Cards.html">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Cards</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="Ui.Components.Carousel.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Carousel</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Charts.html">
|
||||
<i class="simple-icon-chart"></i> <span class="d-inline-block">Charts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Collapse.html">
|
||||
<i class="simple-icon-arrow-up"></i> <span
|
||||
class="d-inline-block">Collapse</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Dropdowns.html">
|
||||
<i class="simple-icon-arrow-down"></i> <span
|
||||
class="d-inline-block">Dropdowns</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Editors.html">
|
||||
<i class="simple-icon-book-open"></i> <span
|
||||
class="d-inline-block">Editors</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Icons.html">
|
||||
<i class="simple-icon-star"></i> <span class="d-inline-block">Icons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.InputGroups.html">
|
||||
<i class="simple-icon-note"></i> <span class="d-inline-block">Input
|
||||
Groups</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Jumbotron.html">
|
||||
<i class="simple-icon-screen-desktop"></i> <span
|
||||
class="d-inline-block">Jumbotron</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Modal.html">
|
||||
<i class="simple-icon-docs"></i> <span class="d-inline-block">Modal</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Navigation.html">
|
||||
<i class="simple-icon-cursor"></i> <span
|
||||
class="d-inline-block">Navigation</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="Ui.Components.PopoverandTooltip.html">
|
||||
<i class="simple-icon-pin"></i> <span class="d-inline-block">Popover &
|
||||
Tooltip</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Sortable.html">
|
||||
<i class="simple-icon-shuffle"></i> <span class="d-inline-block">Sortable</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Tables.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Tables</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<ul class="list-unstyled" data-link="menu" id="menuTypes">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuTypes" aria-expanded="true"
|
||||
aria-controls="collapseMenuTypes" class="rotate-arrow-icon">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Types</span>
|
||||
</a>
|
||||
<div id="collapseMenuTypes" class="collapse show" data-parent="#menuTypes">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Menu.Default.html">
|
||||
<i class="simple-icon-control-pause"></i> <span
|
||||
class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Subhidden.html">
|
||||
<i class="simple-icon-arrow-left mi-subhidden"></i> <span
|
||||
class="d-inline-block">Subhidden</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Hidden.html">
|
||||
<i class="simple-icon-control-start mi-hidden"></i> <span
|
||||
class="d-inline-block">Hidden</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Mainhidden.html">
|
||||
<i class="simple-icon-control-rewind mi-hidden"></i> <span
|
||||
class="d-inline-block">Mainhidden</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuLevel" aria-expanded="true"
|
||||
aria-controls="collapseMenuLevel" class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Levels</span>
|
||||
</a>
|
||||
<div id="collapseMenuLevel" class="collapse" data-parent="#menuTypes">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuLevel2"
|
||||
aria-expanded="true" aria-controls="collapseMenuLevel2"
|
||||
class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Another
|
||||
Level</span>
|
||||
</a>
|
||||
<div id="collapseMenuLevel2" class="collapse">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuDetached" aria-expanded="true"
|
||||
aria-controls="collapseMenuDetached" class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Detached</span>
|
||||
</a>
|
||||
<div id="collapseMenuDetached" class="collapse">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h1>Mailing</h1>
|
||||
<nav class="breadcrumb-container d-none d-sm-block d-lg-inline-block" aria-label="breadcrumb">
|
||||
<ol class="breadcrumb pt-0">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Home</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Library</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Data</li>
|
||||
</ol>
|
||||
</nav>
|
||||
<div class="separator mb-5"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="card mb-5">
|
||||
<div class="card-body">
|
||||
<p>
|
||||
Mailing templates use inline styling and table layout to be displayed well at various
|
||||
service providers. To prevent the template inheriting some styles from the project
|
||||
stylesheets, we included it as an iframe. You may use below button to view standalone
|
||||
version.
|
||||
</p>
|
||||
<a class="btn btn-primary" target="_blank"
|
||||
href="Pages.Misc.Mailing.Standalone.html">Standalone
|
||||
Version</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12 mb-5">
|
||||
<iframe id="idIframe" onload="iframeLoaded()"
|
||||
style="border: initial; width:100%; overflow: hidden; display: block"
|
||||
src="Pages.Misc.Mailing.Standalone.html"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="page-footer">
|
||||
<div class="footer-content">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-6">
|
||||
<p class="mb-0 text-muted">ColoredStrategies 2019</p>
|
||||
</div>
|
||||
<div class="col-sm-6 d-none d-sm-block">
|
||||
<ul class="breadcrumb pt-0 pr-0 float-right">
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Review</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Purchase</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Docs</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="js/vendor/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/vendor/bootstrap.bundle.min.js"></script>
|
||||
<script src="js/vendor/perfect-scrollbar.min.js"></script>
|
||||
<script src="js/dore.script.js"></script>
|
||||
<script src="js/scripts.js"></script>
|
||||
<script type="text/javascript">
|
||||
function iframeLoaded() {
|
||||
var iFrameID = document.getElementById('idIframe');
|
||||
if (iFrameID) {
|
||||
// here you can set the height
|
||||
iFrameID.height = "";
|
||||
iFrameID.height = iFrameID.contentWindow.document.body.scrollHeight + 100 + "px";
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,51 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Dore jQuery</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
|
||||
<link rel="stylesheet" href="font/iconsmind-s/css/iconsminds.css" />
|
||||
<link rel="stylesheet" href="font/simple-line-icons/css/simple-line-icons.css" />
|
||||
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.rtl.only.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap-float-label.min.css" />
|
||||
<link rel="stylesheet" href="css/main.css" />
|
||||
</head>
|
||||
|
||||
<body class="background show-spinner no-footer">
|
||||
<div class="fixed-background"></div>
|
||||
<main>
|
||||
<div class="container">
|
||||
<div class="row h-100">
|
||||
<div class="col-12 col-sm-8 col-md-10 mx-auto my-auto">
|
||||
<div class="card index-card">
|
||||
<div class="card-body text-center form-side">
|
||||
<a href="Dashboard.Default.html">
|
||||
<span class="logo-single"></span>
|
||||
</a>
|
||||
<p class="lead mb-5">Dore is under maintenance!</p>
|
||||
<div class="row">
|
||||
<div class="col-12 offset-0 col-md-8 offset-md-2 mb-2">
|
||||
<p>To receive our newsletter please complete the form below. We take your
|
||||
privacy seriously and we will not share your information with others.</p>
|
||||
</div>
|
||||
<div class="col-12 offset-0 col-md-8 offset-md-2 col-lg-6 offset-lg-3">
|
||||
<button class="btn btn-secondary btn-lg">GO HOME</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<script src="js/vendor/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/vendor/bootstrap.bundle.min.js"></script>
|
||||
<script src="js/dore.script.js"></script>
|
||||
<script src="js/scripts.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,893 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Dore jQuery</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
|
||||
<link rel="stylesheet" href="font/iconsmind-s/css/iconsminds.css" />
|
||||
<link rel="stylesheet" href="font/simple-line-icons/css/simple-line-icons.css" />
|
||||
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.rtl.only.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/perfect-scrollbar.css" />
|
||||
<link rel="stylesheet" href="css/vendor/component-custom-switch.min.css" />
|
||||
<link rel="stylesheet" href="css/main.css" />
|
||||
</head>
|
||||
|
||||
<body id="app-container" class="menu-default show-spinner">
|
||||
<nav class="navbar fixed-top">
|
||||
<div class="d-flex align-items-center navbar-left">
|
||||
<a href="#" class="menu-button d-none d-md-block">
|
||||
<svg class="main" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 17">
|
||||
<rect x="0.48" y="0.5" width="7" height="1" />
|
||||
<rect x="0.48" y="7.5" width="7" height="1" />
|
||||
<rect x="0.48" y="15.5" width="7" height="1" />
|
||||
</svg>
|
||||
<svg class="sub" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 17">
|
||||
<rect x="1.56" y="0.5" width="16" height="1" />
|
||||
<rect x="1.56" y="7.5" width="16" height="1" />
|
||||
<rect x="1.56" y="15.5" width="16" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<a href="#" class="menu-button-mobile d-xs-block d-sm-block d-md-none">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 17">
|
||||
<rect x="0.5" y="0.5" width="25" height="1" />
|
||||
<rect x="0.5" y="7.5" width="25" height="1" />
|
||||
<rect x="0.5" y="15.5" width="25" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<div class="search" data-search-path="Pages.Search.html?q=">
|
||||
<input placeholder="Search...">
|
||||
<span class="search-icon">
|
||||
<i class="simple-icon-magnifier"></i>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<a class="btn btn-sm btn-outline-primary ml-3 d-none d-md-inline-block"
|
||||
href="https://1.envato.market/5kAb"> BUY </a>
|
||||
</div>
|
||||
|
||||
<a class="navbar-logo" href="Dashboard.Default.html">
|
||||
<span class="logo d-none d-xs-block"></span>
|
||||
<span class="logo-mobile d-block d-xs-none"></span>
|
||||
</a>
|
||||
|
||||
<div class="navbar-right">
|
||||
<div class="header-icons d-inline-block align-middle">
|
||||
<div class="d-none d-md-inline-block align-text-bottom mr-3">
|
||||
<div class="custom-switch custom-switch-primary-inverse custom-switch-small pl-1"
|
||||
data-toggle="tooltip" data-placement="left" title="Dark Mode">
|
||||
<input class="custom-switch-input" id="switchDark" type="checkbox" checked>
|
||||
<label class="custom-switch-btn" for="switchDark"></label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative d-none d-sm-inline-block">
|
||||
<button class="header-icon btn btn-empty" type="button" id="iconMenuButton" data-toggle="dropdown"
|
||||
aria-haspopup="true" aria-expanded="false">
|
||||
<i class="simple-icon-grid"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3 position-absolute" id="iconMenuDropdown">
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-equalizer d-block"></i>
|
||||
<span>Settings</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-male-female d-block"></i>
|
||||
<span>Users</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-puzzle d-block"></i>
|
||||
<span>Components</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-bar-chart-4 d-block"></i>
|
||||
<span>Profits</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-file d-block"></i>
|
||||
<span>Surveys</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-suitcase d-block"></i>
|
||||
<span>Tasks</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative d-inline-block">
|
||||
<button class="header-icon btn btn-empty" type="button" id="notificationButton"
|
||||
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="simple-icon-bell"></i>
|
||||
<span class="count">3</span>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3 position-absolute" id="notificationDropdown">
|
||||
<div class="scroll">
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/profiles/l-2.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">Joisse Kaycee just sent a new comment!</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/notifications/1.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">1 item is out of stock!</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/notifications/2.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">New order received! It is total $147,20.</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 ">
|
||||
<a href="#">
|
||||
<img src="img/notifications/3.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">3 items just added to wish list by a user!
|
||||
</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button class="header-icon btn btn-empty d-none d-sm-inline-block" type="button" id="fullScreenButton">
|
||||
<i class="simple-icon-size-fullscreen"></i>
|
||||
<i class="simple-icon-size-actual"></i>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="user d-inline-block">
|
||||
<button class="btn btn-empty p-0" type="button" data-toggle="dropdown" aria-haspopup="true"
|
||||
aria-expanded="false">
|
||||
<span class="name">Sarah Kortney</span>
|
||||
<span>
|
||||
<img alt="Profile Picture" src="img/profiles/l-1.jpg" />
|
||||
</span>
|
||||
</button>
|
||||
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3">
|
||||
<a class="dropdown-item" href="#">Account</a>
|
||||
<a class="dropdown-item" href="#">Features</a>
|
||||
<a class="dropdown-item" href="#">History</a>
|
||||
<a class="dropdown-item" href="#">Support</a>
|
||||
<a class="dropdown-item" href="#">Sign out</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="menu">
|
||||
<div class="main-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled">
|
||||
<li>
|
||||
<a href="#dashboard">
|
||||
<i class="iconsminds-shop-4"></i>
|
||||
<span>Dashboards</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="#layouts">
|
||||
<i class="iconsminds-digital-drawing"></i> Pages
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#applications">
|
||||
<i class="iconsminds-air-balloon-1"></i> Applications
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#ui">
|
||||
<i class="iconsminds-pantone"></i> UI
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#menu">
|
||||
<i class="iconsminds-three-arrow-fork"></i> Menu
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Blank.Page.html">
|
||||
<i class="iconsminds-bucket"></i> Blank Page
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://dore-jquery-docs.coloredstrategies.com" target="_blank">
|
||||
<i class="iconsminds-library"></i> Docs
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sub-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled" data-link="dashboard">
|
||||
<li>
|
||||
<a href="Dashboard.Default.html">
|
||||
<i class="simple-icon-rocket"></i> <span class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Analytics.html">
|
||||
<i class="simple-icon-pie-chart"></i> <span class="d-inline-block">Analytics</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Ecommerce.html">
|
||||
<i class="simple-icon-basket-loaded"></i> <span class="d-inline-block">Ecommerce</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Content.html">
|
||||
<i class="simple-icon-doc"></i> <span class="d-inline-block">Content</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="layouts" id="layouts">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseAuthorization" aria-expanded="true"
|
||||
aria-controls="collapseAuthorization" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Authorization</span>
|
||||
</a>
|
||||
<div id="collapseAuthorization" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="login.html">
|
||||
<i class="simple-icon-user-following"></i> <span
|
||||
class="d-inline-block">Login</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Auth.Register.html">
|
||||
<i class="simple-icon-user-follow"></i> <span
|
||||
class="d-inline-block">Register</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Auth.ForgotPassword.html">
|
||||
<i class="simple-icon-user-unfollow"></i> <span class="d-inline-block">Forgot
|
||||
Password</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseProduct" aria-expanded="true"
|
||||
aria-controls="collapseProduct" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Product</span>
|
||||
</a>
|
||||
<div id="collapseProduct" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Product.List.html">
|
||||
<i class="simple-icon-credit-card"></i> <span class="d-inline-block">Data
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Thumbs.html">
|
||||
<i class="simple-icon-list"></i> <span class="d-inline-block">Thumb
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Images.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Image
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Detail.html">
|
||||
<i class="simple-icon-book-open"></i> <span class="d-inline-block">Detail</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseProfile" aria-expanded="true"
|
||||
aria-controls="collapseProfile" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Profile</span>
|
||||
</a>
|
||||
<div id="collapseProfile" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Profile.Social.html">
|
||||
<i class="simple-icon-share"></i> <span class="d-inline-block">Social</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Profile.Portfolio.html">
|
||||
<i class="simple-icon-link"></i> <span class="d-inline-block">Portfolio</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseBlog" aria-expanded="true"
|
||||
aria-controls="collapseBlog" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Blog</span>
|
||||
</a>
|
||||
<div id="collapseBlog" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Blog.html">
|
||||
<i class="simple-icon-list"></i> <span class="d-inline-block">List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Blog.Detail.html">
|
||||
<i class="simple-icon-book-open"></i> <span class="d-inline-block">Detail</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="edit_booking.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Detail
|
||||
Alt</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMisc" aria-expanded="true"
|
||||
aria-controls="collapseMisc" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Miscellaneous</span>
|
||||
</a>
|
||||
<div id="collapseMisc" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Misc.Coming.Soon.html">
|
||||
<i class="simple-icon-hourglass"></i> <span class="d-inline-block">Coming
|
||||
Soon</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Error.html">
|
||||
<i class="simple-icon-exclamation"></i> <span
|
||||
class="d-inline-block">Error</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Faq.html">
|
||||
<i class="simple-icon-question"></i> <span class="d-inline-block">Faq</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Invoice.html">
|
||||
<i class="simple-icon-bag"></i> <span class="d-inline-block">Invoice</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Knowledge.Base.html">
|
||||
<i class="simple-icon-graduation"></i> <span class="d-inline-block">Knowledge
|
||||
Base</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Mailing.html">
|
||||
<i class="simple-icon-envelope-open"></i> <span
|
||||
class="d-inline-block">Mailing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Pricing.html">
|
||||
<i class="simple-icon-diamond"></i> <span class="d-inline-block">Pricing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="Pages.Misc.Search.html">
|
||||
<i class="simple-icon-magnifier"></i> <span class="d-inline-block">Search</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="applications">
|
||||
<li>
|
||||
<a href="Apps.MediaLibrary.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Library</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Todo.List.html">
|
||||
<i class="simple-icon-check"></i> <span class="d-inline-block">Todo</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Survey.List.html">
|
||||
<i class="simple-icon-calculator"></i> <span class="d-inline-block">Survey</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Chat.html">
|
||||
<i class="simple-icon-bubbles"></i> <span class="d-inline-block">Chat</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="ui">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseForms" aria-expanded="true"
|
||||
aria-controls="collapseForms" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Forms</span>
|
||||
</a>
|
||||
<div id="collapseForms" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Forms.Components.html">
|
||||
<i class="simple-icon-event"></i> <span class="d-inline-block">Components</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Layouts.html">
|
||||
<i class="simple-icon-doc"></i> <span class="d-inline-block">Layouts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Validation.html">
|
||||
<i class="simple-icon-check"></i> <span class="d-inline-block">Validation</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Wizard.html">
|
||||
<i class="simple-icon-magic-wand"></i> <span
|
||||
class="d-inline-block">Wizard</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseDataTables" aria-expanded="true"
|
||||
aria-controls="collapseDataTables" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Datatables</span>
|
||||
</a>
|
||||
<div id="collapseDataTables" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Datatables.Rows.html">
|
||||
<i class="simple-icon-screen-desktop"></i> <span class="d-inline-block">Full
|
||||
Page UI</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Scroll.html">
|
||||
<i class="simple-icon-mouse"></i> <span class="d-inline-block">Scrollable</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Pagination.html">
|
||||
<i class="simple-icon-notebook"></i> <span
|
||||
class="d-inline-block">Pagination</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Default.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseComponents" aria-expanded="true"
|
||||
aria-controls="collapseComponents" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Components</span>
|
||||
</a>
|
||||
<div id="collapseComponents" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Components.Alerts.html">
|
||||
<i class="simple-icon-bell"></i> <span class="d-inline-block">Alerts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Badges.html">
|
||||
<i class="simple-icon-badge"></i> <span class="d-inline-block">Badges</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Buttons.html">
|
||||
<i class="simple-icon-control-play"></i> <span
|
||||
class="d-inline-block">Buttons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Cards.html">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Cards</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="Ui.Components.Carousel.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Carousel</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Charts.html">
|
||||
<i class="simple-icon-chart"></i> <span class="d-inline-block">Charts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Collapse.html">
|
||||
<i class="simple-icon-arrow-up"></i> <span
|
||||
class="d-inline-block">Collapse</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Dropdowns.html">
|
||||
<i class="simple-icon-arrow-down"></i> <span
|
||||
class="d-inline-block">Dropdowns</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Editors.html">
|
||||
<i class="simple-icon-book-open"></i> <span
|
||||
class="d-inline-block">Editors</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Icons.html">
|
||||
<i class="simple-icon-star"></i> <span class="d-inline-block">Icons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.InputGroups.html">
|
||||
<i class="simple-icon-note"></i> <span class="d-inline-block">Input
|
||||
Groups</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Jumbotron.html">
|
||||
<i class="simple-icon-screen-desktop"></i> <span
|
||||
class="d-inline-block">Jumbotron</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Modal.html">
|
||||
<i class="simple-icon-docs"></i> <span class="d-inline-block">Modal</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Navigation.html">
|
||||
<i class="simple-icon-cursor"></i> <span
|
||||
class="d-inline-block">Navigation</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="Ui.Components.PopoverandTooltip.html">
|
||||
<i class="simple-icon-pin"></i> <span class="d-inline-block">Popover &
|
||||
Tooltip</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Sortable.html">
|
||||
<i class="simple-icon-shuffle"></i> <span class="d-inline-block">Sortable</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Tables.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Tables</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<ul class="list-unstyled" data-link="menu" id="menuTypes">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuTypes" aria-expanded="true"
|
||||
aria-controls="collapseMenuTypes" class="rotate-arrow-icon">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Types</span>
|
||||
</a>
|
||||
<div id="collapseMenuTypes" class="collapse show" data-parent="#menuTypes">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Menu.Default.html">
|
||||
<i class="simple-icon-control-pause"></i> <span
|
||||
class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Subhidden.html">
|
||||
<i class="simple-icon-arrow-left mi-subhidden"></i> <span
|
||||
class="d-inline-block">Subhidden</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Hidden.html">
|
||||
<i class="simple-icon-control-start mi-hidden"></i> <span
|
||||
class="d-inline-block">Hidden</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Mainhidden.html">
|
||||
<i class="simple-icon-control-rewind mi-hidden"></i> <span
|
||||
class="d-inline-block">Mainhidden</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuLevel" aria-expanded="true"
|
||||
aria-controls="collapseMenuLevel" class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Levels</span>
|
||||
</a>
|
||||
<div id="collapseMenuLevel" class="collapse" data-parent="#menuTypes">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuLevel2"
|
||||
aria-expanded="true" aria-controls="collapseMenuLevel2"
|
||||
class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Another
|
||||
Level</span>
|
||||
</a>
|
||||
<div id="collapseMenuLevel2" class="collapse">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuDetached" aria-expanded="true"
|
||||
aria-controls="collapseMenuDetached" class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Detached</span>
|
||||
</a>
|
||||
<div id="collapseMenuDetached" class="collapse">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="mb-2">
|
||||
<h1>Search Results: Cake</h1>
|
||||
<nav class="breadcrumb-container d-none d-sm-block d-lg-inline-block" aria-label="breadcrumb">
|
||||
<ol class="breadcrumb pt-0">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Home</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Library</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Data</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="separator mb-5"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="mb-4">
|
||||
<a href="#">
|
||||
<p class="list-item-heading mb-1 color-theme-1">Cheesecake</p>
|
||||
<p class="mb-1 text-muted text-small">Products | Cakes</p>
|
||||
<p class="mb-4 text-small">Wedding cake with flowers Macarons and blueberries</p>
|
||||
</a>
|
||||
<div class="separator"></div>
|
||||
</div>
|
||||
<div class="mb-4">
|
||||
<a href="#">
|
||||
<p class="list-item-heading mb-1 color-theme-1">Marble Cake</p>
|
||||
<p class="mb-1 text-muted text-small">Products | Cupcakes</p>
|
||||
<p class="mb-4 text-small">Cheesecake with chocolate cookies and Cream biscuits</p>
|
||||
</a>
|
||||
<div class="separator"></div>
|
||||
</div>
|
||||
|
||||
<div class="mb-4">
|
||||
<a href="#">
|
||||
<p class="list-item-heading mb-1 color-theme-1">Fruitcake</p>
|
||||
<p class="mb-1 text-muted text-small">Products | Cakes</p>
|
||||
<p class="mb-4 text-small">Homemade cheesecake with fresh berries and mint</p>
|
||||
</a>
|
||||
<div class="separator"></div>
|
||||
</div>
|
||||
<div class="mb-4">
|
||||
<a href="#">
|
||||
<p class="list-item-heading mb-1 color-theme-1">Chocolate Cake</p>
|
||||
<p class="mb-1 text-muted text-small">Products | Cupcakes</p>
|
||||
<p class="mb-4 text-small">Chocolate cake with berries</p>
|
||||
</a>
|
||||
<div class="separator"></div>
|
||||
</div>
|
||||
<div class="mb-4">
|
||||
<a href="#">
|
||||
<p class="list-item-heading mb-1 color-theme-1">White Cake</p>
|
||||
<p class="mb-1 text-muted text-small">Products | Cupcakes</p>
|
||||
<p class="mb-4 text-small">Chocolate cake with mascarpone</p>
|
||||
</a>
|
||||
<div class="separator"></div>
|
||||
</div>
|
||||
<div class="mb-4">
|
||||
<a href="#">
|
||||
<p class="list-item-heading mb-1 color-theme-1">Cake with Icecream</p>
|
||||
<p class="mb-1 text-muted text-small">Products | Cakes</p>
|
||||
<p class="mb-4 text-small">Wedding cake decorated with donuts and wild berries</p>
|
||||
</a>
|
||||
<div class="separator"></div>
|
||||
</div>
|
||||
<div class="mb-4">
|
||||
<a href="#">
|
||||
<p class="list-item-heading mb-1 color-theme-1">Cheesecake</p>
|
||||
<p class="mb-1 text-muted text-small">Products | Cupcakes</p>
|
||||
<p class="mb-4 text-small">Cheesecake with fresh berries and mint for dessert</p>
|
||||
</a>
|
||||
<div class="separator"></div>
|
||||
</div>
|
||||
<div class="mb-4">
|
||||
<a href="#">
|
||||
<p class="list-item-heading mb-1 color-theme-1">Fruitcake</p>
|
||||
<p class="mb-1 text-muted text-small">Products | Cakes</p>
|
||||
<p class="mb-4 text-small">Delicious vegan chocolate cake</p>
|
||||
</a>
|
||||
<div class="separator"></div>
|
||||
</div>
|
||||
<div class="mb-4">
|
||||
<a href="#">
|
||||
<p class="list-item-heading mb-1 color-theme-1">Tea Cake</p>
|
||||
<p class="mb-1 text-muted text-small">Products | Cakes</p>
|
||||
<p class="mb-4 text-small">White chocolate strawberry yogurt cake decorated with
|
||||
fresh fruits and chocolate</p>
|
||||
</a>
|
||||
<div class="separator"></div>
|
||||
</div>
|
||||
<div>
|
||||
<a href="#">
|
||||
<p class="list-item-heading mb-1 color-theme-1">Marble Cake</p>
|
||||
<p class="mb-1 text-muted text-small">Products | Cakes</p>
|
||||
<p class="mb-4 text-small">Christmas fruit cake, pudding on top</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<nav class="mt-4 mb-4">
|
||||
<ul class="pagination justify-content-center">
|
||||
<li class="page-item ">
|
||||
<a class="page-link first" href="#">
|
||||
<i class="simple-icon-control-start"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="page-item ">
|
||||
<a class="page-link prev" href="#">
|
||||
<i class="simple-icon-arrow-left"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="page-item active">
|
||||
<a class="page-link" href="#">1</a>
|
||||
</li>
|
||||
<li class="page-item ">
|
||||
<a class="page-link" href="#">2</a>
|
||||
</li>
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="#">3</a>
|
||||
</li>
|
||||
<li class="page-item ">
|
||||
<a class="page-link next" href="#" aria-label="Next">
|
||||
<i class="simple-icon-arrow-right"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="page-item ">
|
||||
<a class="page-link last" href="#">
|
||||
<i class="simple-icon-control-end"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="page-footer">
|
||||
<div class="footer-content">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-6">
|
||||
<p class="mb-0 text-muted">ColoredStrategies 2019</p>
|
||||
</div>
|
||||
<div class="col-sm-6 d-none d-sm-block">
|
||||
<ul class="breadcrumb pt-0 pr-0 float-right">
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Review</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Purchase</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Docs</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="js/vendor/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/vendor/bootstrap.bundle.min.js"></script>
|
||||
<script src="js/vendor/perfect-scrollbar.min.js"></script>
|
||||
<script src="js/dore.script.js"></script>
|
||||
<script src="js/scripts.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,869 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Dore jQuery</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
|
||||
<link rel="stylesheet" href="font/iconsmind-s/css/iconsminds.css" />
|
||||
<link rel="stylesheet" href="font/simple-line-icons/css/simple-line-icons.css" />
|
||||
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.rtl.only.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/perfect-scrollbar.css" />
|
||||
<link rel="stylesheet" href="css/vendor/component-custom-switch.min.css" />
|
||||
<link rel="stylesheet" href="css/main.css" />
|
||||
</head>
|
||||
|
||||
<body id="app-container" class="menu-default show-spinner">
|
||||
<nav class="navbar fixed-top">
|
||||
<div class="d-flex align-items-center navbar-left">
|
||||
<a href="#" class="menu-button d-none d-md-block">
|
||||
<svg class="main" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 17">
|
||||
<rect x="0.48" y="0.5" width="7" height="1" />
|
||||
<rect x="0.48" y="7.5" width="7" height="1" />
|
||||
<rect x="0.48" y="15.5" width="7" height="1" />
|
||||
</svg>
|
||||
<svg class="sub" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 17">
|
||||
<rect x="1.56" y="0.5" width="16" height="1" />
|
||||
<rect x="1.56" y="7.5" width="16" height="1" />
|
||||
<rect x="1.56" y="15.5" width="16" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<a href="#" class="menu-button-mobile d-xs-block d-sm-block d-md-none">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 17">
|
||||
<rect x="0.5" y="0.5" width="25" height="1" />
|
||||
<rect x="0.5" y="7.5" width="25" height="1" />
|
||||
<rect x="0.5" y="15.5" width="25" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<div class="search" data-search-path="Pages.Search.html?q=">
|
||||
<input placeholder="Search...">
|
||||
<span class="search-icon">
|
||||
<i class="simple-icon-magnifier"></i>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<a class="btn btn-sm btn-outline-primary ml-3 d-none d-md-inline-block"
|
||||
href="https://1.envato.market/5kAb"> BUY </a>
|
||||
</div>
|
||||
|
||||
<a class="navbar-logo" href="Dashboard.Default.html">
|
||||
<span class="logo d-none d-xs-block"></span>
|
||||
<span class="logo-mobile d-block d-xs-none"></span>
|
||||
</a>
|
||||
|
||||
<div class="navbar-right">
|
||||
<div class="header-icons d-inline-block align-middle">
|
||||
<div class="d-none d-md-inline-block align-text-bottom mr-3">
|
||||
<div class="custom-switch custom-switch-primary-inverse custom-switch-small pl-1"
|
||||
data-toggle="tooltip" data-placement="left" title="Dark Mode">
|
||||
<input class="custom-switch-input" id="switchDark" type="checkbox" checked>
|
||||
<label class="custom-switch-btn" for="switchDark"></label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative d-none d-sm-inline-block">
|
||||
<button class="header-icon btn btn-empty" type="button" id="iconMenuButton" data-toggle="dropdown"
|
||||
aria-haspopup="true" aria-expanded="false">
|
||||
<i class="simple-icon-grid"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3 position-absolute" id="iconMenuDropdown">
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-equalizer d-block"></i>
|
||||
<span>Settings</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-male-female d-block"></i>
|
||||
<span>Users</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-puzzle d-block"></i>
|
||||
<span>Components</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-bar-chart-4 d-block"></i>
|
||||
<span>Profits</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-file d-block"></i>
|
||||
<span>Surveys</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-suitcase d-block"></i>
|
||||
<span>Tasks</span>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative d-inline-block">
|
||||
<button class="header-icon btn btn-empty" type="button" id="notificationButton"
|
||||
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="simple-icon-bell"></i>
|
||||
<span class="count">3</span>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3 position-absolute" id="notificationDropdown">
|
||||
<div class="scroll">
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/profiles/l-2.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">Joisse Kaycee just sent a new comment!</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/notifications/1.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">1 item is out of stock!</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/notifications/2.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">New order received! It is total $147,20.</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 ">
|
||||
<a href="#">
|
||||
<img src="img/notifications/3.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">3 items just added to wish list by a user!
|
||||
</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button class="header-icon btn btn-empty d-none d-sm-inline-block" type="button" id="fullScreenButton">
|
||||
<i class="simple-icon-size-fullscreen"></i>
|
||||
<i class="simple-icon-size-actual"></i>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="user d-inline-block">
|
||||
<button class="btn btn-empty p-0" type="button" data-toggle="dropdown" aria-haspopup="true"
|
||||
aria-expanded="false">
|
||||
<span class="name">Sarah Kortney</span>
|
||||
<span>
|
||||
<img alt="Profile Picture" src="img/profiles/l-1.jpg" />
|
||||
</span>
|
||||
</button>
|
||||
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3">
|
||||
<a class="dropdown-item" href="#">Account</a>
|
||||
<a class="dropdown-item" href="#">Features</a>
|
||||
<a class="dropdown-item" href="#">History</a>
|
||||
<a class="dropdown-item" href="#">Support</a>
|
||||
<a class="dropdown-item" href="#">Sign out</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="menu">
|
||||
<div class="main-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled">
|
||||
<li>
|
||||
<a href="#dashboard">
|
||||
<i class="iconsminds-shop-4"></i>
|
||||
<span>Dashboards</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#layouts">
|
||||
<i class="iconsminds-digital-drawing"></i> Pages
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#applications">
|
||||
<i class="iconsminds-air-balloon-1"></i> Applications
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="#ui">
|
||||
<i class="iconsminds-pantone"></i> UI
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#menu">
|
||||
<i class="iconsminds-three-arrow-fork"></i> Menu
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Blank.Page.html">
|
||||
<i class="iconsminds-bucket"></i> Blank Page
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://dore-jquery-docs.coloredstrategies.com" target="_blank">
|
||||
<i class="iconsminds-library"></i> Docs
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sub-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled" data-link="dashboard">
|
||||
<li>
|
||||
<a href="Dashboard.Default.html">
|
||||
<i class="simple-icon-rocket"></i> <span class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Analytics.html">
|
||||
<i class="simple-icon-pie-chart"></i> <span class="d-inline-block">Analytics</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Ecommerce.html">
|
||||
<i class="simple-icon-basket-loaded"></i> <span class="d-inline-block">Ecommerce</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Content.html">
|
||||
<i class="simple-icon-doc"></i> <span class="d-inline-block">Content</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="layouts" id="layouts">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseAuthorization" aria-expanded="true"
|
||||
aria-controls="collapseAuthorization" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Authorization</span>
|
||||
</a>
|
||||
<div id="collapseAuthorization" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="login.html">
|
||||
<i class="simple-icon-user-following"></i> <span
|
||||
class="d-inline-block">Login</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Auth.Register.html">
|
||||
<i class="simple-icon-user-follow"></i> <span
|
||||
class="d-inline-block">Register</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Auth.ForgotPassword.html">
|
||||
<i class="simple-icon-user-unfollow"></i> <span class="d-inline-block">Forgot
|
||||
Password</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseProduct" aria-expanded="true"
|
||||
aria-controls="collapseProduct" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Product</span>
|
||||
</a>
|
||||
<div id="collapseProduct" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Product.List.html">
|
||||
<i class="simple-icon-credit-card"></i> <span class="d-inline-block">Data
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Thumbs.html">
|
||||
<i class="simple-icon-list"></i> <span class="d-inline-block">Thumb
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Images.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Image
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Detail.html">
|
||||
<i class="simple-icon-book-open"></i> <span class="d-inline-block">Detail</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseProfile" aria-expanded="true"
|
||||
aria-controls="collapseProfile" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Profile</span>
|
||||
</a>
|
||||
<div id="collapseProfile" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Profile.Social.html">
|
||||
<i class="simple-icon-share"></i> <span class="d-inline-block">Social</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Profile.Portfolio.html">
|
||||
<i class="simple-icon-link"></i> <span class="d-inline-block">Portfolio</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseBlog" aria-expanded="true"
|
||||
aria-controls="collapseBlog" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Blog</span>
|
||||
</a>
|
||||
<div id="collapseBlog" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Blog.html">
|
||||
<i class="simple-icon-list"></i> <span class="d-inline-block">List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Blog.Detail.html">
|
||||
<i class="simple-icon-book-open"></i> <span class="d-inline-block">Detail</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="edit_booking.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Detail
|
||||
Alt</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMisc" aria-expanded="true"
|
||||
aria-controls="collapseMisc" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Miscellaneous</span>
|
||||
</a>
|
||||
<div id="collapseMisc" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Misc.Coming.Soon.html">
|
||||
<i class="simple-icon-hourglass"></i> <span class="d-inline-block">Coming
|
||||
Soon</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Error.html">
|
||||
<i class="simple-icon-exclamation"></i> <span
|
||||
class="d-inline-block">Error</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Faq.html">
|
||||
<i class="simple-icon-question"></i> <span class="d-inline-block">Faq</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Invoice.html">
|
||||
<i class="simple-icon-bag"></i> <span class="d-inline-block">Invoice</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Knowledge.Base.html">
|
||||
<i class="simple-icon-graduation"></i> <span class="d-inline-block">Knowledge
|
||||
Base</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Mailing.html">
|
||||
<i class="simple-icon-envelope-open"></i> <span
|
||||
class="d-inline-block">Mailing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Pricing.html">
|
||||
<i class="simple-icon-diamond"></i> <span class="d-inline-block">Pricing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Search.html">
|
||||
<i class="simple-icon-magnifier"></i> <span class="d-inline-block">Search</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="applications">
|
||||
<li>
|
||||
<a href="Apps.MediaLibrary.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Library</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Todo.List.html">
|
||||
<i class="simple-icon-check"></i> <span class="d-inline-block">Todo</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Survey.List.html">
|
||||
<i class="simple-icon-calculator"></i> <span class="d-inline-block">Survey</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Chat.html">
|
||||
<i class="simple-icon-bubbles"></i> <span class="d-inline-block">Chat</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="ui">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseForms" aria-expanded="true"
|
||||
aria-controls="collapseForms" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Forms</span>
|
||||
</a>
|
||||
<div id="collapseForms" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Forms.Components.html">
|
||||
<i class="simple-icon-event"></i> <span class="d-inline-block">Components</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Layouts.html">
|
||||
<i class="simple-icon-doc"></i> <span class="d-inline-block">Layouts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Validation.html">
|
||||
<i class="simple-icon-check"></i> <span class="d-inline-block">Validation</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Wizard.html">
|
||||
<i class="simple-icon-magic-wand"></i> <span
|
||||
class="d-inline-block">Wizard</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseDataTables" aria-expanded="true"
|
||||
aria-controls="collapseDataTables" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Datatables</span>
|
||||
</a>
|
||||
<div id="collapseDataTables" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Datatables.Rows.html">
|
||||
<i class="simple-icon-screen-desktop"></i> <span class="d-inline-block">Full
|
||||
Page UI</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Scroll.html">
|
||||
<i class="simple-icon-mouse"></i> <span class="d-inline-block">Scrollable</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Pagination.html">
|
||||
<i class="simple-icon-notebook"></i> <span
|
||||
class="d-inline-block">Pagination</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Default.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseComponents" aria-expanded="true"
|
||||
aria-controls="collapseComponents" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Components</span>
|
||||
</a>
|
||||
<div id="collapseComponents" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li class="active">
|
||||
<a href="Ui.Components.Alerts.html">
|
||||
<i class="simple-icon-bell"></i> <span class="d-inline-block">Alerts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Badges.html">
|
||||
<i class="simple-icon-badge"></i> <span class="d-inline-block">Badges</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Buttons.html">
|
||||
<i class="simple-icon-control-play"></i> <span
|
||||
class="d-inline-block">Buttons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Cards.html">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Cards</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="Ui.Components.Carousel.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Carousel</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Charts.html">
|
||||
<i class="simple-icon-chart"></i> <span class="d-inline-block">Charts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Collapse.html">
|
||||
<i class="simple-icon-arrow-up"></i> <span
|
||||
class="d-inline-block">Collapse</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Dropdowns.html">
|
||||
<i class="simple-icon-arrow-down"></i> <span
|
||||
class="d-inline-block">Dropdowns</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Editors.html">
|
||||
<i class="simple-icon-book-open"></i> <span
|
||||
class="d-inline-block">Editors</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Icons.html">
|
||||
<i class="simple-icon-star"></i> <span class="d-inline-block">Icons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.InputGroups.html">
|
||||
<i class="simple-icon-note"></i> <span class="d-inline-block">Input
|
||||
Groups</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Jumbotron.html">
|
||||
<i class="simple-icon-screen-desktop"></i> <span
|
||||
class="d-inline-block">Jumbotron</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Modal.html">
|
||||
<i class="simple-icon-docs"></i> <span class="d-inline-block">Modal</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Navigation.html">
|
||||
<i class="simple-icon-cursor"></i> <span
|
||||
class="d-inline-block">Navigation</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="Ui.Components.PopoverandTooltip.html">
|
||||
<i class="simple-icon-pin"></i> <span class="d-inline-block">Popover &
|
||||
Tooltip</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Sortable.html">
|
||||
<i class="simple-icon-shuffle"></i> <span class="d-inline-block">Sortable</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Tables.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Tables</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<ul class="list-unstyled" data-link="menu" id="menuTypes">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuTypes" aria-expanded="true"
|
||||
aria-controls="collapseMenuTypes" class="rotate-arrow-icon">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Types</span>
|
||||
</a>
|
||||
<div id="collapseMenuTypes" class="collapse show" data-parent="#menuTypes">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Menu.Default.html">
|
||||
<i class="simple-icon-control-pause"></i> <span
|
||||
class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Subhidden.html">
|
||||
<i class="simple-icon-arrow-left mi-subhidden"></i> <span
|
||||
class="d-inline-block">Subhidden</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Hidden.html">
|
||||
<i class="simple-icon-control-start mi-hidden"></i> <span
|
||||
class="d-inline-block">Hidden</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Mainhidden.html">
|
||||
<i class="simple-icon-control-rewind mi-hidden"></i> <span
|
||||
class="d-inline-block">Mainhidden</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuLevel" aria-expanded="true"
|
||||
aria-controls="collapseMenuLevel" class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Levels</span>
|
||||
</a>
|
||||
<div id="collapseMenuLevel" class="collapse" data-parent="#menuTypes">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuLevel2"
|
||||
aria-expanded="true" aria-controls="collapseMenuLevel2"
|
||||
class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Another
|
||||
Level</span>
|
||||
</a>
|
||||
<div id="collapseMenuLevel2" class="collapse">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuDetached" aria-expanded="true"
|
||||
aria-controls="collapseMenuDetached" class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Detached</span>
|
||||
</a>
|
||||
<div id="collapseMenuDetached" class="collapse">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
|
||||
<h1>Alerts</h1>
|
||||
<nav class="breadcrumb-container d-none d-sm-block d-lg-inline-block" aria-label="breadcrumb">
|
||||
<ol class="breadcrumb pt-0">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Home</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Library</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Data</li>
|
||||
</ol>
|
||||
</nav>
|
||||
<div class="separator mb-5"></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-12">
|
||||
|
||||
<div class="card mb-4">
|
||||
<div class="card-body ">
|
||||
<h5 class="mb-4">Rounded</h5>
|
||||
<div class="alert alert-primary rounded" role="alert">
|
||||
This is a primary alert—check it out!
|
||||
</div>
|
||||
<div class="alert alert-secondary rounded" role="alert">
|
||||
This is a secondary alert—check it out!
|
||||
</div>
|
||||
<div class="alert alert-success rounded" role="alert">
|
||||
This is a success alert—check it out!
|
||||
</div>
|
||||
<div class="alert alert-danger rounded" role="alert">
|
||||
This is a danger alert—check it out!
|
||||
</div>
|
||||
<div class="alert alert-warning rounded" role="alert">
|
||||
This is a warning alert—check it out!
|
||||
</div>
|
||||
<div class="alert alert-info rounded" role="alert">
|
||||
This is a info alert—check it out!
|
||||
</div>
|
||||
<div class="alert alert-light rounded" role="alert">
|
||||
This is a light alert—check it out!
|
||||
</div>
|
||||
<div class="alert alert-dark rounded mb-0" role="alert">
|
||||
This is a dark alert—check it out!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card mb-4">
|
||||
<div class="card-body ">
|
||||
<h5 class="mb-4">Default</h5>
|
||||
<div class="alert alert-primary" role="alert">
|
||||
This is a primary alert—check it out!
|
||||
</div>
|
||||
<div class="alert alert-secondary" role="alert">
|
||||
This is a secondary alert—check it out!
|
||||
</div>
|
||||
<div class="alert alert-success" role="alert">
|
||||
This is a success alert—check it out!
|
||||
</div>
|
||||
<div class="alert alert-danger" role="alert">
|
||||
This is a danger alert—check it out!
|
||||
</div>
|
||||
<div class="alert alert-warning" role="alert">
|
||||
This is a warning alert—check it out!
|
||||
</div>
|
||||
<div class="alert alert-info" role="alert">
|
||||
This is a info alert—check it out!
|
||||
</div>
|
||||
<div class="alert alert-light" role="alert">
|
||||
This is a light alert—check it out!
|
||||
</div>
|
||||
<div class="alert alert-dark mb-0" role="alert">
|
||||
This is a dark alert—check it out!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="card mb-4">
|
||||
<div class="card-body ">
|
||||
<h5 class="mb-4 ">Dismissing</h5>
|
||||
<div class="alert alert-warning alert-dismissible fade show rounded mb-0" role="alert">
|
||||
<strong>Holy guacamole!</strong> You should check in on some of those fields below.
|
||||
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="card mb-4">
|
||||
<div class="card-body ">
|
||||
<h5 class="mb-4">Bootstrap Notify</h5>
|
||||
<a href="#" class="btn btn-outline-primary rounded notify-btn mb-1" data-from="top"
|
||||
data-align="left">Top Left</a>
|
||||
<a href="#" class="btn btn-outline-primary rounded notify-btn mb-1" data-from="top"
|
||||
data-align="center">Top Center</a>
|
||||
<a href="#" class="btn btn-outline-primary rounded notify-btn mb-1" data-from="top"
|
||||
data-align="right">Top Right</a>
|
||||
<a href="#" class="btn btn-outline-primary rounded notify-btn mb-1" data-from="bottom"
|
||||
data-align="left">Bottom Left</a>
|
||||
<a href="#" class="btn btn-outline-primary rounded notify-btn mb-1" data-from="bottom"
|
||||
data-align="center">Bottom Center</a>
|
||||
<a href="#" class="btn btn-outline-primary rounded notify-btn mb-1" data-from="bottom"
|
||||
data-align="right">Bottom Right</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="page-footer">
|
||||
<div class="footer-content">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-6">
|
||||
<p class="mb-0 text-muted">ColoredStrategies 2019</p>
|
||||
</div>
|
||||
<div class="col-sm-6 d-none d-sm-block">
|
||||
<ul class="breadcrumb pt-0 pr-0 float-right">
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Review</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Purchase</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Docs</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="js/vendor/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/vendor/bootstrap.bundle.min.js"></script>
|
||||
<script src="js/vendor/perfect-scrollbar.min.js"></script>
|
||||
<script src="js/vendor/bootstrap-notify.min.js"></script>
|
||||
<script src="js/vendor/mousetrap.min.js"></script>
|
||||
<script src="js/dore.script.js"></script>
|
||||
<script src="js/scripts.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,861 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Dore jQuery</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
|
||||
<link rel="stylesheet" href="font/iconsmind-s/css/iconsminds.css" />
|
||||
<link rel="stylesheet" href="font/simple-line-icons/css/simple-line-icons.css" />
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.rtl.only.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/component-custom-switch.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/perfect-scrollbar.css" />
|
||||
<link rel="stylesheet" href="css/main.css" />
|
||||
</head>
|
||||
|
||||
<body id="app-container" class="menu-default show-spinner">
|
||||
<nav class="navbar fixed-top">
|
||||
<div class="d-flex align-items-center navbar-left">
|
||||
<a href="#" class="menu-button d-none d-md-block">
|
||||
<svg class="main" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 17">
|
||||
<rect x="0.48" y="0.5" width="7" height="1" />
|
||||
<rect x="0.48" y="7.5" width="7" height="1" />
|
||||
<rect x="0.48" y="15.5" width="7" height="1" />
|
||||
</svg>
|
||||
<svg class="sub" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 17">
|
||||
<rect x="1.56" y="0.5" width="16" height="1" />
|
||||
<rect x="1.56" y="7.5" width="16" height="1" />
|
||||
<rect x="1.56" y="15.5" width="16" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<a href="#" class="menu-button-mobile d-xs-block d-sm-block d-md-none">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 17">
|
||||
<rect x="0.5" y="0.5" width="25" height="1" />
|
||||
<rect x="0.5" y="7.5" width="25" height="1" />
|
||||
<rect x="0.5" y="15.5" width="25" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<div class="search" data-search-path="Pages.Search.html?q=">
|
||||
<input placeholder="Search...">
|
||||
<span class="search-icon">
|
||||
<i class="simple-icon-magnifier"></i>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<a class="btn btn-sm btn-outline-primary ml-3 d-none d-md-inline-block"
|
||||
href="https://1.envato.market/5kAb"> BUY </a>
|
||||
</div>
|
||||
|
||||
<a class="navbar-logo" href="Dashboard.Default.html">
|
||||
<span class="logo d-none d-xs-block"></span>
|
||||
<span class="logo-mobile d-block d-xs-none"></span>
|
||||
</a>
|
||||
|
||||
<div class="navbar-right">
|
||||
<div class="header-icons d-inline-block align-middle">
|
||||
<div class="d-none d-md-inline-block align-text-bottom mr-3">
|
||||
<div class="custom-switch custom-switch-primary-inverse custom-switch-small pl-1"
|
||||
data-toggle="tooltip" data-placement="left" title="Dark Mode">
|
||||
<input class="custom-switch-input" id="switchDark" type="checkbox" checked>
|
||||
<label class="custom-switch-btn" for="switchDark"></label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative d-none d-sm-inline-block">
|
||||
<button class="header-icon btn btn-empty" type="button" id="iconMenuButton" data-toggle="dropdown"
|
||||
aria-haspopup="true" aria-expanded="false">
|
||||
<i class="simple-icon-grid"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3 position-absolute" id="iconMenuDropdown">
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-equalizer d-block"></i>
|
||||
<span>Settings</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-male-female d-block"></i>
|
||||
<span>Users</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-puzzle d-block"></i>
|
||||
<span>Components</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-bar-chart-4 d-block"></i>
|
||||
<span>Profits</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-file d-block"></i>
|
||||
<span>Surveys</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-suitcase d-block"></i>
|
||||
<span>Tasks</span>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative d-inline-block">
|
||||
<button class="header-icon btn btn-empty" type="button" id="notificationButton"
|
||||
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="simple-icon-bell"></i>
|
||||
<span class="count">3</span>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3 position-absolute" id="notificationDropdown">
|
||||
<div class="scroll">
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/profiles/l-2.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">Joisse Kaycee just sent a new comment!</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/notifications/1.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">1 item is out of stock!</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/notifications/2.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">New order received! It is total $147,20.</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 ">
|
||||
<a href="#">
|
||||
<img src="img/notifications/3.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">3 items just added to wish list by a user!
|
||||
</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button class="header-icon btn btn-empty d-none d-sm-inline-block" type="button" id="fullScreenButton">
|
||||
<i class="simple-icon-size-fullscreen"></i>
|
||||
<i class="simple-icon-size-actual"></i>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="user d-inline-block">
|
||||
<button class="btn btn-empty p-0" type="button" data-toggle="dropdown" aria-haspopup="true"
|
||||
aria-expanded="false">
|
||||
<span class="name">Sarah Kortney</span>
|
||||
<span>
|
||||
<img alt="Profile Picture" src="img/profiles/l-1.jpg" />
|
||||
</span>
|
||||
</button>
|
||||
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3">
|
||||
<a class="dropdown-item" href="#">Account</a>
|
||||
<a class="dropdown-item" href="#">Features</a>
|
||||
<a class="dropdown-item" href="#">History</a>
|
||||
<a class="dropdown-item" href="#">Support</a>
|
||||
<a class="dropdown-item" href="#">Sign out</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="menu">
|
||||
<div class="main-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled">
|
||||
<li>
|
||||
<a href="#dashboard">
|
||||
<i class="iconsminds-shop-4"></i>
|
||||
<span>Dashboards</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#layouts">
|
||||
<i class="iconsminds-digital-drawing"></i> Pages
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#applications">
|
||||
<i class="iconsminds-air-balloon-1"></i> Applications
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="#ui">
|
||||
<i class="iconsminds-pantone"></i> UI
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#menu">
|
||||
<i class="iconsminds-three-arrow-fork"></i> Menu
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Blank.Page.html">
|
||||
<i class="iconsminds-bucket"></i> Blank Page
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://dore-jquery-docs.coloredstrategies.com" target="_blank">
|
||||
<i class="iconsminds-library"></i> Docs
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sub-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled" data-link="dashboard">
|
||||
<li>
|
||||
<a href="Dashboard.Default.html">
|
||||
<i class="simple-icon-rocket"></i> <span class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Analytics.html">
|
||||
<i class="simple-icon-pie-chart"></i> <span class="d-inline-block">Analytics</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Ecommerce.html">
|
||||
<i class="simple-icon-basket-loaded"></i> <span class="d-inline-block">Ecommerce</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Content.html">
|
||||
<i class="simple-icon-doc"></i> <span class="d-inline-block">Content</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="layouts" id="layouts">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseAuthorization" aria-expanded="true"
|
||||
aria-controls="collapseAuthorization" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Authorization</span>
|
||||
</a>
|
||||
<div id="collapseAuthorization" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="login.html">
|
||||
<i class="simple-icon-user-following"></i> <span
|
||||
class="d-inline-block">Login</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Auth.Register.html">
|
||||
<i class="simple-icon-user-follow"></i> <span
|
||||
class="d-inline-block">Register</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Auth.ForgotPassword.html">
|
||||
<i class="simple-icon-user-unfollow"></i> <span class="d-inline-block">Forgot
|
||||
Password</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseProduct" aria-expanded="true"
|
||||
aria-controls="collapseProduct" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Product</span>
|
||||
</a>
|
||||
<div id="collapseProduct" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Product.List.html">
|
||||
<i class="simple-icon-credit-card"></i> <span class="d-inline-block">Data
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Thumbs.html">
|
||||
<i class="simple-icon-list"></i> <span class="d-inline-block">Thumb
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Images.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Image
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Detail.html">
|
||||
<i class="simple-icon-book-open"></i> <span class="d-inline-block">Detail</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseProfile" aria-expanded="true"
|
||||
aria-controls="collapseProfile" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Profile</span>
|
||||
</a>
|
||||
<div id="collapseProfile" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Profile.Social.html">
|
||||
<i class="simple-icon-share"></i> <span class="d-inline-block">Social</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Profile.Portfolio.html">
|
||||
<i class="simple-icon-link"></i> <span class="d-inline-block">Portfolio</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseBlog" aria-expanded="true"
|
||||
aria-controls="collapseBlog" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Blog</span>
|
||||
</a>
|
||||
<div id="collapseBlog" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Blog.html">
|
||||
<i class="simple-icon-list"></i> <span class="d-inline-block">List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Blog.Detail.html">
|
||||
<i class="simple-icon-book-open"></i> <span class="d-inline-block">Detail</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="edit_booking.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Detail
|
||||
Alt</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMisc" aria-expanded="true"
|
||||
aria-controls="collapseMisc" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Miscellaneous</span>
|
||||
</a>
|
||||
<div id="collapseMisc" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Misc.Coming.Soon.html">
|
||||
<i class="simple-icon-hourglass"></i> <span class="d-inline-block">Coming
|
||||
Soon</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Error.html">
|
||||
<i class="simple-icon-exclamation"></i> <span
|
||||
class="d-inline-block">Error</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Faq.html">
|
||||
<i class="simple-icon-question"></i> <span class="d-inline-block">Faq</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Invoice.html">
|
||||
<i class="simple-icon-bag"></i> <span class="d-inline-block">Invoice</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Knowledge.Base.html">
|
||||
<i class="simple-icon-graduation"></i> <span class="d-inline-block">Knowledge
|
||||
Base</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Mailing.html">
|
||||
<i class="simple-icon-envelope-open"></i> <span
|
||||
class="d-inline-block">Mailing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Pricing.html">
|
||||
<i class="simple-icon-diamond"></i> <span class="d-inline-block">Pricing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Search.html">
|
||||
<i class="simple-icon-magnifier"></i> <span class="d-inline-block">Search</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="applications">
|
||||
<li>
|
||||
<a href="Apps.MediaLibrary.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Library</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Todo.List.html">
|
||||
<i class="simple-icon-check"></i> <span class="d-inline-block">Todo</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Survey.List.html">
|
||||
<i class="simple-icon-calculator"></i> <span class="d-inline-block">Survey</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Chat.html">
|
||||
<i class="simple-icon-bubbles"></i> <span class="d-inline-block">Chat</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="ui">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseForms" aria-expanded="true"
|
||||
aria-controls="collapseForms" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Forms</span>
|
||||
</a>
|
||||
<div id="collapseForms" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Forms.Components.html">
|
||||
<i class="simple-icon-event"></i> <span class="d-inline-block">Components</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Layouts.html">
|
||||
<i class="simple-icon-doc"></i> <span class="d-inline-block">Layouts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Validation.html">
|
||||
<i class="simple-icon-check"></i> <span class="d-inline-block">Validation</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Wizard.html">
|
||||
<i class="simple-icon-magic-wand"></i> <span
|
||||
class="d-inline-block">Wizard</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseDataTables" aria-expanded="true"
|
||||
aria-controls="collapseDataTables" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Datatables</span>
|
||||
</a>
|
||||
<div id="collapseDataTables" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Datatables.Rows.html">
|
||||
<i class="simple-icon-screen-desktop"></i> <span class="d-inline-block">Full
|
||||
Page UI</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Scroll.html">
|
||||
<i class="simple-icon-mouse"></i> <span class="d-inline-block">Scrollable</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Pagination.html">
|
||||
<i class="simple-icon-notebook"></i> <span
|
||||
class="d-inline-block">Pagination</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Default.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseComponents" aria-expanded="true"
|
||||
aria-controls="collapseComponents" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Components</span>
|
||||
</a>
|
||||
<div id="collapseComponents" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Components.Alerts.html">
|
||||
<i class="simple-icon-bell"></i> <span class="d-inline-block">Alerts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="Ui.Components.Badges.html">
|
||||
<i class="simple-icon-badge"></i> <span class="d-inline-block">Badges</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Buttons.html">
|
||||
<i class="simple-icon-control-play"></i> <span
|
||||
class="d-inline-block">Buttons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Cards.html">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Cards</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="Ui.Components.Carousel.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Carousel</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Charts.html">
|
||||
<i class="simple-icon-chart"></i> <span class="d-inline-block">Charts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Collapse.html">
|
||||
<i class="simple-icon-arrow-up"></i> <span
|
||||
class="d-inline-block">Collapse</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Dropdowns.html">
|
||||
<i class="simple-icon-arrow-down"></i> <span
|
||||
class="d-inline-block">Dropdowns</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Editors.html">
|
||||
<i class="simple-icon-book-open"></i> <span
|
||||
class="d-inline-block">Editors</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Icons.html">
|
||||
<i class="simple-icon-star"></i> <span class="d-inline-block">Icons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.InputGroups.html">
|
||||
<i class="simple-icon-note"></i> <span class="d-inline-block">Input
|
||||
Groups</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Jumbotron.html">
|
||||
<i class="simple-icon-screen-desktop"></i> <span
|
||||
class="d-inline-block">Jumbotron</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Modal.html">
|
||||
<i class="simple-icon-docs"></i> <span class="d-inline-block">Modal</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Navigation.html">
|
||||
<i class="simple-icon-cursor"></i> <span
|
||||
class="d-inline-block">Navigation</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="Ui.Components.PopoverandTooltip.html">
|
||||
<i class="simple-icon-pin"></i> <span class="d-inline-block">Popover &
|
||||
Tooltip</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Sortable.html">
|
||||
<i class="simple-icon-shuffle"></i> <span class="d-inline-block">Sortable</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Tables.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Tables</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<ul class="list-unstyled" data-link="menu" id="menuTypes">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuTypes" aria-expanded="true"
|
||||
aria-controls="collapseMenuTypes" class="rotate-arrow-icon">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Types</span>
|
||||
</a>
|
||||
<div id="collapseMenuTypes" class="collapse show" data-parent="#menuTypes">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Menu.Default.html">
|
||||
<i class="simple-icon-control-pause"></i> <span
|
||||
class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Subhidden.html">
|
||||
<i class="simple-icon-arrow-left mi-subhidden"></i> <span
|
||||
class="d-inline-block">Subhidden</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Hidden.html">
|
||||
<i class="simple-icon-control-start mi-hidden"></i> <span
|
||||
class="d-inline-block">Hidden</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Mainhidden.html">
|
||||
<i class="simple-icon-control-rewind mi-hidden"></i> <span
|
||||
class="d-inline-block">Mainhidden</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuLevel" aria-expanded="true"
|
||||
aria-controls="collapseMenuLevel" class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Levels</span>
|
||||
</a>
|
||||
<div id="collapseMenuLevel" class="collapse" data-parent="#menuTypes">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuLevel2"
|
||||
aria-expanded="true" aria-controls="collapseMenuLevel2"
|
||||
class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Another
|
||||
Level</span>
|
||||
</a>
|
||||
<div id="collapseMenuLevel2" class="collapse">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuDetached" aria-expanded="true"
|
||||
aria-controls="collapseMenuDetached" class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Detached</span>
|
||||
</a>
|
||||
<div id="collapseMenuDetached" class="collapse">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
|
||||
<h1>Badges</h1>
|
||||
<nav class="breadcrumb-container d-none d-sm-block d-lg-inline-block" aria-label="breadcrumb">
|
||||
<ol class="breadcrumb pt-0">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Home</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Library</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Data</li>
|
||||
</ol>
|
||||
</nav>
|
||||
<div class="separator mb-5"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="card mb-4">
|
||||
<div class="card-body ">
|
||||
<h5 class="mb-4">Sizes</h5>
|
||||
<h1>Example heading
|
||||
<span class="badge badge-secondary">New</span>
|
||||
</h1>
|
||||
<h2>Example heading
|
||||
<span class="badge badge-secondary">New</span>
|
||||
</h2>
|
||||
<h3>Example heading
|
||||
<span class="badge badge-secondary">New</span>
|
||||
</h3>
|
||||
<h4>Example heading
|
||||
<span class="badge badge-secondary">New</span>
|
||||
</h4>
|
||||
<h5>Example heading
|
||||
<span class="badge badge-secondary">New</span>
|
||||
</h5>
|
||||
<h6>Example heading
|
||||
<span class="badge badge-secondary">New</span>
|
||||
</h6>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="card mb-4">
|
||||
<div class="card-body ">
|
||||
<h5 class="mb-4">Colors</h5>
|
||||
<span class="badge badge-pill badge-primary mb-1">Primary</span>
|
||||
<span class="badge badge-pill badge-secondary mb-1">Secondary</span>
|
||||
<span class="badge badge-pill badge-success mb-1">Success</span>
|
||||
<span class="badge badge-pill badge-danger mb-1">Danger</span>
|
||||
<span class="badge badge-pill badge-warning mb-1">Warning</span>
|
||||
<span class="badge badge-pill badge-info mb-1">Info</span>
|
||||
<span class="badge badge-pill badge-light mb-1">Light</span>
|
||||
<span class="badge badge-pill badge-dark mb-1">Dark</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card mb-4">
|
||||
<div class="card-body ">
|
||||
<h5 class="mb-4">Outline</h5>
|
||||
<span class="badge badge-pill badge-outline-primary mb-1">Primary</span>
|
||||
<span class="badge badge-pill badge-outline-secondary mb-1">Secondary</span>
|
||||
<span class="badge badge-pill badge-outline-success mb-1">Success</span>
|
||||
<span class="badge badge-pill badge-outline-danger mb-1">Danger</span>
|
||||
<span class="badge badge-pill badge-outline-warning mb-1">Warning</span>
|
||||
<span class="badge badge-pill badge-outline-info mb-1">Info</span>
|
||||
<span class="badge badge-pill badge-outline-light mb-1">Light</span>
|
||||
<span class="badge badge-pill badge-outline-dark mb-1">Dark</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="card mb-4">
|
||||
<div class="card-body ">
|
||||
<h5 class="mb-4">Links</h5>
|
||||
<a href="#" class="badge badge-primary mb-1">Primary</a>
|
||||
<a href="#" class="badge badge-secondary mb-1">Secondary</a>
|
||||
<a href="#" class="badge badge-success mb-1">Success</a>
|
||||
<a href="#" class="badge badge-danger mb-1">Danger</a>
|
||||
<a href="#" class="badge badge-warning mb-1">Warning</a>
|
||||
<a href="#" class="badge badge-info mb-1">Info</a>
|
||||
<a href="#" class="badge badge-light mb-1">Light</a>
|
||||
<a href="#" class="badge badge-dark mb-1">Dark</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card mb-4">
|
||||
<div class="card-body ">
|
||||
<h5 class="mb-4">Counter Badges</h5>
|
||||
<button type="button" class="btn btn-primary">
|
||||
Notifications
|
||||
<span class="badge badge-light">4</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card mb-4">
|
||||
<div class="card-body ">
|
||||
<h5 class="mb-4">Bootstrap Default</h5>
|
||||
<span class="badge badge-primary mb-1">Primary</span>
|
||||
<span class="badge badge-secondary mb-1">Secondary</span>
|
||||
<span class="badge badge-success mb-1">Success</span>
|
||||
<span class="badge badge-danger mb-1">Danger</span>
|
||||
<span class="badge badge-warning mb-1">Warning</span>
|
||||
<span class="badge badge-info mb-1">Info</span>
|
||||
<span class="badge badge-light mb-1">Light</span>
|
||||
<span class="badge badge-dark mb-1">Dark</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="page-footer">
|
||||
<div class="footer-content">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-6">
|
||||
<p class="mb-0 text-muted">ColoredStrategies 2019</p>
|
||||
</div>
|
||||
<div class="col-sm-6 d-none d-sm-block">
|
||||
<ul class="breadcrumb pt-0 pr-0 float-right">
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Review</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Purchase</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Docs</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="js/vendor/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/vendor/bootstrap.bundle.min.js"></script>
|
||||
<script src="js/vendor/perfect-scrollbar.min.js"></script>
|
||||
<script src="js/vendor/mousetrap.min.js"></script>
|
||||
<script src="js/dore.script.js"></script>
|
||||
<script src="js/scripts.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,936 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Dore jQuery</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
|
||||
<link rel="stylesheet" href="font/iconsmind-s/css/iconsminds.css" />
|
||||
<link rel="stylesheet" href="font/simple-line-icons/css/simple-line-icons.css" />
|
||||
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.rtl.only.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/perfect-scrollbar.css" />
|
||||
<link rel="stylesheet" href="css/vendor/component-custom-switch.min.css" />
|
||||
<link rel="stylesheet" href="css/main.css" />
|
||||
</head>
|
||||
|
||||
<body id="app-container" class="menu-default show-spinner">
|
||||
<nav class="navbar fixed-top">
|
||||
<div class="d-flex align-items-center navbar-left">
|
||||
<a href="#" class="menu-button d-none d-md-block">
|
||||
<svg class="main" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 17">
|
||||
<rect x="0.48" y="0.5" width="7" height="1" />
|
||||
<rect x="0.48" y="7.5" width="7" height="1" />
|
||||
<rect x="0.48" y="15.5" width="7" height="1" />
|
||||
</svg>
|
||||
<svg class="sub" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 17">
|
||||
<rect x="1.56" y="0.5" width="16" height="1" />
|
||||
<rect x="1.56" y="7.5" width="16" height="1" />
|
||||
<rect x="1.56" y="15.5" width="16" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<a href="#" class="menu-button-mobile d-xs-block d-sm-block d-md-none">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 17">
|
||||
<rect x="0.5" y="0.5" width="25" height="1" />
|
||||
<rect x="0.5" y="7.5" width="25" height="1" />
|
||||
<rect x="0.5" y="15.5" width="25" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<div class="search" data-search-path="Pages.Search.html?q=">
|
||||
<input placeholder="Search...">
|
||||
<span class="search-icon">
|
||||
<i class="simple-icon-magnifier"></i>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<a class="btn btn-sm btn-outline-primary ml-3 d-none d-md-inline-block"
|
||||
href="https://1.envato.market/5kAb"> BUY </a>
|
||||
</div>
|
||||
|
||||
<a class="navbar-logo" href="Dashboard.Default.html">
|
||||
<span class="logo d-none d-xs-block"></span>
|
||||
<span class="logo-mobile d-block d-xs-none"></span>
|
||||
</a>
|
||||
|
||||
<div class="navbar-right">
|
||||
<div class="header-icons d-inline-block align-middle">
|
||||
<div class="d-none d-md-inline-block align-text-bottom mr-3">
|
||||
<div class="custom-switch custom-switch-primary-inverse custom-switch-small pl-1"
|
||||
data-toggle="tooltip" data-placement="left" title="Dark Mode">
|
||||
<input class="custom-switch-input" id="switchDark" type="checkbox" checked>
|
||||
<label class="custom-switch-btn" for="switchDark"></label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative d-none d-sm-inline-block">
|
||||
<button class="header-icon btn btn-empty" type="button" id="iconMenuButton" data-toggle="dropdown"
|
||||
aria-haspopup="true" aria-expanded="false">
|
||||
<i class="simple-icon-grid"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3 position-absolute" id="iconMenuDropdown">
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-equalizer d-block"></i>
|
||||
<span>Settings</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-male-female d-block"></i>
|
||||
<span>Users</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-puzzle d-block"></i>
|
||||
<span>Components</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-bar-chart-4 d-block"></i>
|
||||
<span>Profits</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-file d-block"></i>
|
||||
<span>Surveys</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-suitcase d-block"></i>
|
||||
<span>Tasks</span>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative d-inline-block">
|
||||
<button class="header-icon btn btn-empty" type="button" id="notificationButton"
|
||||
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="simple-icon-bell"></i>
|
||||
<span class="count">3</span>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3 position-absolute" id="notificationDropdown">
|
||||
<div class="scroll">
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/profiles/l-2.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">Joisse Kaycee just sent a new comment!</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/notifications/1.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">1 item is out of stock!</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/notifications/2.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">New order received! It is total $147,20.</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 ">
|
||||
<a href="#">
|
||||
<img src="img/notifications/3.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">3 items just added to wish list by a user!
|
||||
</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button class="header-icon btn btn-empty d-none d-sm-inline-block" type="button" id="fullScreenButton">
|
||||
<i class="simple-icon-size-fullscreen"></i>
|
||||
<i class="simple-icon-size-actual"></i>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="user d-inline-block">
|
||||
<button class="btn btn-empty p-0" type="button" data-toggle="dropdown" aria-haspopup="true"
|
||||
aria-expanded="false">
|
||||
<span class="name">Sarah Kortney</span>
|
||||
<span>
|
||||
<img alt="Profile Picture" src="img/profiles/l-1.jpg" />
|
||||
</span>
|
||||
</button>
|
||||
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3">
|
||||
<a class="dropdown-item" href="#">Account</a>
|
||||
<a class="dropdown-item" href="#">Features</a>
|
||||
<a class="dropdown-item" href="#">History</a>
|
||||
<a class="dropdown-item" href="#">Support</a>
|
||||
<a class="dropdown-item" href="#">Sign out</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="menu">
|
||||
<div class="main-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled">
|
||||
<li>
|
||||
<a href="#dashboard">
|
||||
<i class="iconsminds-shop-4"></i>
|
||||
<span>Dashboards</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#layouts">
|
||||
<i class="iconsminds-digital-drawing"></i> Pages
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#applications">
|
||||
<i class="iconsminds-air-balloon-1"></i> Applications
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="#ui">
|
||||
<i class="iconsminds-pantone"></i> UI
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#menu">
|
||||
<i class="iconsminds-three-arrow-fork"></i> Menu
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Blank.Page.html">
|
||||
<i class="iconsminds-bucket"></i> Blank Page
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://dore-jquery-docs.coloredstrategies.com" target="_blank">
|
||||
<i class="iconsminds-library"></i> Docs
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sub-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled" data-link="dashboard">
|
||||
<li>
|
||||
<a href="Dashboard.Default.html">
|
||||
<i class="simple-icon-rocket"></i> <span class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Analytics.html">
|
||||
<i class="simple-icon-pie-chart"></i> <span class="d-inline-block">Analytics</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Ecommerce.html">
|
||||
<i class="simple-icon-basket-loaded"></i> <span class="d-inline-block">Ecommerce</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Content.html">
|
||||
<i class="simple-icon-doc"></i> <span class="d-inline-block">Content</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="layouts" id="layouts">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseAuthorization" aria-expanded="true"
|
||||
aria-controls="collapseAuthorization" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Authorization</span>
|
||||
</a>
|
||||
<div id="collapseAuthorization" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="login.html">
|
||||
<i class="simple-icon-user-following"></i> <span
|
||||
class="d-inline-block">Login</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Auth.Register.html">
|
||||
<i class="simple-icon-user-follow"></i> <span
|
||||
class="d-inline-block">Register</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Auth.ForgotPassword.html">
|
||||
<i class="simple-icon-user-unfollow"></i> <span class="d-inline-block">Forgot
|
||||
Password</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseProduct" aria-expanded="true"
|
||||
aria-controls="collapseProduct" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Product</span>
|
||||
</a>
|
||||
<div id="collapseProduct" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Product.List.html">
|
||||
<i class="simple-icon-credit-card"></i> <span class="d-inline-block">Data
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Thumbs.html">
|
||||
<i class="simple-icon-list"></i> <span class="d-inline-block">Thumb
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Images.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Image
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Detail.html">
|
||||
<i class="simple-icon-book-open"></i> <span class="d-inline-block">Detail</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseProfile" aria-expanded="true"
|
||||
aria-controls="collapseProfile" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Profile</span>
|
||||
</a>
|
||||
<div id="collapseProfile" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Profile.Social.html">
|
||||
<i class="simple-icon-share"></i> <span class="d-inline-block">Social</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Profile.Portfolio.html">
|
||||
<i class="simple-icon-link"></i> <span class="d-inline-block">Portfolio</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseBlog" aria-expanded="true"
|
||||
aria-controls="collapseBlog" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Blog</span>
|
||||
</a>
|
||||
<div id="collapseBlog" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Blog.html">
|
||||
<i class="simple-icon-list"></i> <span class="d-inline-block">List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Blog.Detail.html">
|
||||
<i class="simple-icon-book-open"></i> <span class="d-inline-block">Detail</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="edit_booking.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Detail
|
||||
Alt</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMisc" aria-expanded="true"
|
||||
aria-controls="collapseMisc" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Miscellaneous</span>
|
||||
</a>
|
||||
<div id="collapseMisc" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Misc.Coming.Soon.html">
|
||||
<i class="simple-icon-hourglass"></i> <span class="d-inline-block">Coming
|
||||
Soon</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Error.html">
|
||||
<i class="simple-icon-exclamation"></i> <span
|
||||
class="d-inline-block">Error</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Faq.html">
|
||||
<i class="simple-icon-question"></i> <span class="d-inline-block">Faq</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Invoice.html">
|
||||
<i class="simple-icon-bag"></i> <span class="d-inline-block">Invoice</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Knowledge.Base.html">
|
||||
<i class="simple-icon-graduation"></i> <span class="d-inline-block">Knowledge
|
||||
Base</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Mailing.html">
|
||||
<i class="simple-icon-envelope-open"></i> <span
|
||||
class="d-inline-block">Mailing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Pricing.html">
|
||||
<i class="simple-icon-diamond"></i> <span class="d-inline-block">Pricing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Search.html">
|
||||
<i class="simple-icon-magnifier"></i> <span class="d-inline-block">Search</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="applications">
|
||||
<li>
|
||||
<a href="Apps.MediaLibrary.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Library</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Todo.List.html">
|
||||
<i class="simple-icon-check"></i> <span class="d-inline-block">Todo</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Survey.List.html">
|
||||
<i class="simple-icon-calculator"></i> <span class="d-inline-block">Survey</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Chat.html">
|
||||
<i class="simple-icon-bubbles"></i> <span class="d-inline-block">Chat</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="ui">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseForms" aria-expanded="true"
|
||||
aria-controls="collapseForms" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Forms</span>
|
||||
</a>
|
||||
<div id="collapseForms" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Forms.Components.html">
|
||||
<i class="simple-icon-event"></i> <span class="d-inline-block">Components</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Layouts.html">
|
||||
<i class="simple-icon-doc"></i> <span class="d-inline-block">Layouts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Validation.html">
|
||||
<i class="simple-icon-check"></i> <span class="d-inline-block">Validation</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Wizard.html">
|
||||
<i class="simple-icon-magic-wand"></i> <span
|
||||
class="d-inline-block">Wizard</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseDataTables" aria-expanded="true"
|
||||
aria-controls="collapseDataTables" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Datatables</span>
|
||||
</a>
|
||||
<div id="collapseDataTables" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Datatables.Rows.html">
|
||||
<i class="simple-icon-screen-desktop"></i> <span class="d-inline-block">Full
|
||||
Page UI</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Scroll.html">
|
||||
<i class="simple-icon-mouse"></i> <span class="d-inline-block">Scrollable</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Pagination.html">
|
||||
<i class="simple-icon-notebook"></i> <span
|
||||
class="d-inline-block">Pagination</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Default.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseComponents" aria-expanded="true"
|
||||
aria-controls="collapseComponents" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Components</span>
|
||||
</a>
|
||||
<div id="collapseComponents" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Components.Alerts.html">
|
||||
<i class="simple-icon-bell"></i> <span class="d-inline-block">Alerts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Badges.html">
|
||||
<i class="simple-icon-badge"></i> <span class="d-inline-block">Badges</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Buttons.html">
|
||||
<i class="simple-icon-control-play"></i> <span
|
||||
class="d-inline-block">Buttons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Cards.html">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Cards</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="Ui.Components.Carousel.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Carousel</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="Ui.Components.Charts.html">
|
||||
<i class="simple-icon-chart"></i> <span class="d-inline-block">Charts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Collapse.html">
|
||||
<i class="simple-icon-arrow-up"></i> <span
|
||||
class="d-inline-block">Collapse</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Dropdowns.html">
|
||||
<i class="simple-icon-arrow-down"></i> <span
|
||||
class="d-inline-block">Dropdowns</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Editors.html">
|
||||
<i class="simple-icon-book-open"></i> <span
|
||||
class="d-inline-block">Editors</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Icons.html">
|
||||
<i class="simple-icon-star"></i> <span class="d-inline-block">Icons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.InputGroups.html">
|
||||
<i class="simple-icon-note"></i> <span class="d-inline-block">Input
|
||||
Groups</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Jumbotron.html">
|
||||
<i class="simple-icon-screen-desktop"></i> <span
|
||||
class="d-inline-block">Jumbotron</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Modal.html">
|
||||
<i class="simple-icon-docs"></i> <span class="d-inline-block">Modal</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Navigation.html">
|
||||
<i class="simple-icon-cursor"></i> <span
|
||||
class="d-inline-block">Navigation</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="Ui.Components.PopoverandTooltip.html">
|
||||
<i class="simple-icon-pin"></i> <span class="d-inline-block">Popover &
|
||||
Tooltip</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Sortable.html">
|
||||
<i class="simple-icon-shuffle"></i> <span class="d-inline-block">Sortable</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Tables.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Tables</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<ul class="list-unstyled" data-link="menu" id="menuTypes">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuTypes" aria-expanded="true"
|
||||
aria-controls="collapseMenuTypes" class="rotate-arrow-icon">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Types</span>
|
||||
</a>
|
||||
<div id="collapseMenuTypes" class="collapse show" data-parent="#menuTypes">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Menu.Default.html">
|
||||
<i class="simple-icon-control-pause"></i> <span
|
||||
class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Subhidden.html">
|
||||
<i class="simple-icon-arrow-left mi-subhidden"></i> <span
|
||||
class="d-inline-block">Subhidden</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Hidden.html">
|
||||
<i class="simple-icon-control-start mi-hidden"></i> <span
|
||||
class="d-inline-block">Hidden</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Mainhidden.html">
|
||||
<i class="simple-icon-control-rewind mi-hidden"></i> <span
|
||||
class="d-inline-block">Mainhidden</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuLevel" aria-expanded="true"
|
||||
aria-controls="collapseMenuLevel" class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Levels</span>
|
||||
</a>
|
||||
<div id="collapseMenuLevel" class="collapse" data-parent="#menuTypes">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuLevel2"
|
||||
aria-expanded="true" aria-controls="collapseMenuLevel2"
|
||||
class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Another
|
||||
Level</span>
|
||||
</a>
|
||||
<div id="collapseMenuLevel2" class="collapse">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuDetached" aria-expanded="true"
|
||||
aria-controls="collapseMenuDetached" class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Detached</span>
|
||||
</a>
|
||||
<div id="collapseMenuDetached" class="collapse">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h1>Charts</h1>
|
||||
<nav class="breadcrumb-container d-none d-sm-block d-lg-inline-block" aria-label="breadcrumb">
|
||||
<ol class="breadcrumb pt-0">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Home</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Library</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Data</li>
|
||||
</ol>
|
||||
</nav>
|
||||
<div class="separator mb-5"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="card mb-4">
|
||||
<div class="card-body">
|
||||
<h5 class="mb-4">Line Chart</h5>
|
||||
<div class="row">
|
||||
<div class="col-lg-6 mb-5">
|
||||
<h6 class="mb-4">Shadow</h6>
|
||||
<div class="chart-container chart">
|
||||
<canvas id="salesChart"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 mb-5">
|
||||
<h6 class="mb-4">No Shadow</h6>
|
||||
<div class="chart-container chart">
|
||||
<canvas id="salesChartNoShadow"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card mb-4">
|
||||
<div class="card-body">
|
||||
<h5 class="mb-4">Bar Chart</h5>
|
||||
<div class="row">
|
||||
<div class="col-lg-6 mb-5">
|
||||
<h6 class="mb-4">Shadow</h6>
|
||||
<div class="chart-container chart">
|
||||
<canvas id="productChart"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 mb-5">
|
||||
<h6 class="mb-4">No Shadow</h6>
|
||||
<div class="chart-container chart">
|
||||
<canvas id="productChartNoShadow"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="card mb-4">
|
||||
<div class="card-body">
|
||||
<h5 class="mb-4">Area Chart</h5>
|
||||
<div class="row">
|
||||
<div class="col-lg-6 mb-5">
|
||||
<h6 class="mb-4">Shadow</h6>
|
||||
<div class="chart-container chart">
|
||||
<canvas id="areaChart"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 mb-5">
|
||||
<h6 class="mb-4">No Shadow</h6>
|
||||
<div class="chart-container chart">
|
||||
<canvas id="areaChartNoShadow"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card mb-4">
|
||||
<div class="card-body">
|
||||
<h5 class="mb-4">Scatter Chart</h5>
|
||||
<div class="row">
|
||||
<div class="col-lg-6 mb-5">
|
||||
<h6 class="mb-4">Shadow</h6>
|
||||
<div class="chart-container chart">
|
||||
<canvas id="scatterChart"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 mb-5">
|
||||
<h6 class="mb-4">No Shadow</h6>
|
||||
<div class="chart-container chart">
|
||||
<canvas id="scatterChartNoShadow"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card mb-4">
|
||||
<div class="card-body">
|
||||
<h5 class="mb-4">Radar Chart</h5>
|
||||
<div class="row">
|
||||
<div class="col-lg-6 mb-5">
|
||||
<h6 class="mb-4">Shadow</h6>
|
||||
<div class="chart-container chart">
|
||||
<canvas id="radarChart"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 mb-5">
|
||||
<h6 class="mb-4">No Shadow</h6>
|
||||
<div class="chart-container chart">
|
||||
<canvas id="radarChartNoShadow"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card mb-4">
|
||||
<div class="card-body">
|
||||
<h5 class="mb-4">Polar Chart</h5>
|
||||
<div class="row">
|
||||
<div class="col-lg-6 mb-5">
|
||||
<h6 class="mb-4">Shadow</h6>
|
||||
<div class="chart-container chart">
|
||||
<canvas id="polarChart"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 mb-5">
|
||||
<h6 class="mb-4">No Shadow</h6>
|
||||
<div class="chart-container chart">
|
||||
<canvas id="polarChartNoShadow"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card mb-4">
|
||||
<div class="card-body">
|
||||
<h5 class="mb-4">Doughnut Chart</h5>
|
||||
<div class="row">
|
||||
<div class="col-lg-6 mb-5">
|
||||
<h6 class="mb-4">Shadow</h6>
|
||||
<div class="chart-container chart">
|
||||
<canvas id="categoryChart"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 mb-5">
|
||||
<h6 class="mb-4">No Shadow</h6>
|
||||
<div class="chart-container chart">
|
||||
<canvas id="categoryChartNoShadow"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card mb-4">
|
||||
<div class="card-body">
|
||||
<h5 class="mb-4">Pie Chart</h5>
|
||||
<div class="row">
|
||||
<div class="col-lg-6 mb-5">
|
||||
<h6 class="mb-4">Shadow</h6>
|
||||
<div class="chart-container chart">
|
||||
<canvas id="pieChart"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 mb-5">
|
||||
<h6 class="mb-4">No Shadow</h6>
|
||||
<div class="chart-container chart">
|
||||
<canvas id="pieChartNoShadow"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="page-footer">
|
||||
<div class="footer-content">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-6">
|
||||
<p class="mb-0 text-muted">ColoredStrategies 2019</p>
|
||||
</div>
|
||||
<div class="col-sm-6 d-none d-sm-block">
|
||||
<ul class="breadcrumb pt-0 pr-0 float-right">
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Review</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Purchase</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Docs</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="js/vendor/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/vendor/bootstrap.bundle.min.js"></script>
|
||||
<script src="js/vendor/perfect-scrollbar.min.js"></script>
|
||||
<script src="js/vendor/Chart.bundle.min.js"></script>
|
||||
<script src="js/vendor/chartjs-plugin-datalabels.js"></script>
|
||||
<script src="js/vendor/mousetrap.min.js"></script>
|
||||
<script src="js/dore.script.js"></script>
|
||||
<script src="js/scripts.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,919 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Dore jQuery</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
|
||||
<link rel="stylesheet" href="font/iconsmind-s/css/iconsminds.css" />
|
||||
<link rel="stylesheet" href="font/simple-line-icons/css/simple-line-icons.css" />
|
||||
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.rtl.only.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/perfect-scrollbar.css" />
|
||||
<link rel="stylesheet" href="css/vendor/component-custom-switch.min.css" />
|
||||
<link rel="stylesheet" href="css/main.css" />
|
||||
</head>
|
||||
|
||||
<body id="app-container" class="menu-default show-spinner">
|
||||
<nav class="navbar fixed-top">
|
||||
<div class="d-flex align-items-center navbar-left">
|
||||
<a href="#" class="menu-button d-none d-md-block">
|
||||
<svg class="main" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 17">
|
||||
<rect x="0.48" y="0.5" width="7" height="1" />
|
||||
<rect x="0.48" y="7.5" width="7" height="1" />
|
||||
<rect x="0.48" y="15.5" width="7" height="1" />
|
||||
</svg>
|
||||
<svg class="sub" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 17">
|
||||
<rect x="1.56" y="0.5" width="16" height="1" />
|
||||
<rect x="1.56" y="7.5" width="16" height="1" />
|
||||
<rect x="1.56" y="15.5" width="16" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<a href="#" class="menu-button-mobile d-xs-block d-sm-block d-md-none">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 17">
|
||||
<rect x="0.5" y="0.5" width="25" height="1" />
|
||||
<rect x="0.5" y="7.5" width="25" height="1" />
|
||||
<rect x="0.5" y="15.5" width="25" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<div class="search" data-search-path="Pages.Search.html?q=">
|
||||
<input placeholder="Search...">
|
||||
<span class="search-icon">
|
||||
<i class="simple-icon-magnifier"></i>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<a class="btn btn-sm btn-outline-primary ml-3 d-none d-md-inline-block"
|
||||
href="https://1.envato.market/5kAb"> BUY </a>
|
||||
</div>
|
||||
|
||||
<a class="navbar-logo" href="Dashboard.Default.html">
|
||||
<span class="logo d-none d-xs-block"></span>
|
||||
<span class="logo-mobile d-block d-xs-none"></span>
|
||||
</a>
|
||||
|
||||
<div class="navbar-right">
|
||||
<div class="header-icons d-inline-block align-middle">
|
||||
<div class="d-none d-md-inline-block align-text-bottom mr-3">
|
||||
<div class="custom-switch custom-switch-primary-inverse custom-switch-small pl-1"
|
||||
data-toggle="tooltip" data-placement="left" title="Dark Mode">
|
||||
<input class="custom-switch-input" id="switchDark" type="checkbox" checked>
|
||||
<label class="custom-switch-btn" for="switchDark"></label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative d-none d-sm-inline-block">
|
||||
<button class="header-icon btn btn-empty" type="button" id="iconMenuButton" data-toggle="dropdown"
|
||||
aria-haspopup="true" aria-expanded="false">
|
||||
<i class="simple-icon-grid"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3 position-absolute" id="iconMenuDropdown">
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-equalizer d-block"></i>
|
||||
<span>Settings</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-male-female d-block"></i>
|
||||
<span>Users</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-puzzle d-block"></i>
|
||||
<span>Components</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-bar-chart-4 d-block"></i>
|
||||
<span>Profits</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-file d-block"></i>
|
||||
<span>Surveys</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-suitcase d-block"></i>
|
||||
<span>Tasks</span>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative d-inline-block">
|
||||
<button class="header-icon btn btn-empty" type="button" id="notificationButton"
|
||||
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="simple-icon-bell"></i>
|
||||
<span class="count">3</span>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3 position-absolute" id="notificationDropdown">
|
||||
<div class="scroll">
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/profiles/l-2.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">Joisse Kaycee just sent a new comment!</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/notifications/1.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">1 item is out of stock!</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/notifications/2.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">New order received! It is total $147,20.</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 ">
|
||||
<a href="#">
|
||||
<img src="img/notifications/3.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">3 items just added to wish list by a user!
|
||||
</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button class="header-icon btn btn-empty d-none d-sm-inline-block" type="button" id="fullScreenButton">
|
||||
<i class="simple-icon-size-fullscreen"></i>
|
||||
<i class="simple-icon-size-actual"></i>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="user d-inline-block">
|
||||
<button class="btn btn-empty p-0" type="button" data-toggle="dropdown" aria-haspopup="true"
|
||||
aria-expanded="false">
|
||||
<span class="name">Sarah Kortney</span>
|
||||
<span>
|
||||
<img alt="Profile Picture" src="img/profiles/l-1.jpg" />
|
||||
</span>
|
||||
</button>
|
||||
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3">
|
||||
<a class="dropdown-item" href="#">Account</a>
|
||||
<a class="dropdown-item" href="#">Features</a>
|
||||
<a class="dropdown-item" href="#">History</a>
|
||||
<a class="dropdown-item" href="#">Support</a>
|
||||
<a class="dropdown-item" href="#">Sign out</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="menu">
|
||||
<div class="main-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled">
|
||||
<li>
|
||||
<a href="#dashboard">
|
||||
<i class="iconsminds-shop-4"></i>
|
||||
<span>Dashboards</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#layouts">
|
||||
<i class="iconsminds-digital-drawing"></i> Pages
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#applications">
|
||||
<i class="iconsminds-air-balloon-1"></i> Applications
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="#ui">
|
||||
<i class="iconsminds-pantone"></i> UI
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#menu">
|
||||
<i class="iconsminds-three-arrow-fork"></i> Menu
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Blank.Page.html">
|
||||
<i class="iconsminds-bucket"></i> Blank Page
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://dore-jquery-docs.coloredstrategies.com" target="_blank">
|
||||
<i class="iconsminds-library"></i> Docs
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sub-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled" data-link="dashboard">
|
||||
<li>
|
||||
<a href="Dashboard.Default.html">
|
||||
<i class="simple-icon-rocket"></i> <span class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Analytics.html">
|
||||
<i class="simple-icon-pie-chart"></i> <span class="d-inline-block">Analytics</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Ecommerce.html">
|
||||
<i class="simple-icon-basket-loaded"></i> <span class="d-inline-block">Ecommerce</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Content.html">
|
||||
<i class="simple-icon-doc"></i> <span class="d-inline-block">Content</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="layouts" id="layouts">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseAuthorization" aria-expanded="true"
|
||||
aria-controls="collapseAuthorization" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Authorization</span>
|
||||
</a>
|
||||
<div id="collapseAuthorization" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="login.html">
|
||||
<i class="simple-icon-user-following"></i> <span
|
||||
class="d-inline-block">Login</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Auth.Register.html">
|
||||
<i class="simple-icon-user-follow"></i> <span
|
||||
class="d-inline-block">Register</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Auth.ForgotPassword.html">
|
||||
<i class="simple-icon-user-unfollow"></i> <span class="d-inline-block">Forgot
|
||||
Password</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseProduct" aria-expanded="true"
|
||||
aria-controls="collapseProduct" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Product</span>
|
||||
</a>
|
||||
<div id="collapseProduct" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Product.List.html">
|
||||
<i class="simple-icon-credit-card"></i> <span class="d-inline-block">Data
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Thumbs.html">
|
||||
<i class="simple-icon-list"></i> <span class="d-inline-block">Thumb
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Images.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Image
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Detail.html">
|
||||
<i class="simple-icon-book-open"></i> <span class="d-inline-block">Detail</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseProfile" aria-expanded="true"
|
||||
aria-controls="collapseProfile" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Profile</span>
|
||||
</a>
|
||||
<div id="collapseProfile" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Profile.Social.html">
|
||||
<i class="simple-icon-share"></i> <span class="d-inline-block">Social</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Profile.Portfolio.html">
|
||||
<i class="simple-icon-link"></i> <span class="d-inline-block">Portfolio</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseBlog" aria-expanded="true"
|
||||
aria-controls="collapseBlog" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Blog</span>
|
||||
</a>
|
||||
<div id="collapseBlog" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Blog.html">
|
||||
<i class="simple-icon-list"></i> <span class="d-inline-block">List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Blog.Detail.html">
|
||||
<i class="simple-icon-book-open"></i> <span class="d-inline-block">Detail</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="edit_booking.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Detail
|
||||
Alt</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMisc" aria-expanded="true"
|
||||
aria-controls="collapseMisc" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Miscellaneous</span>
|
||||
</a>
|
||||
<div id="collapseMisc" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Misc.Coming.Soon.html">
|
||||
<i class="simple-icon-hourglass"></i> <span class="d-inline-block">Coming
|
||||
Soon</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Error.html">
|
||||
<i class="simple-icon-exclamation"></i> <span
|
||||
class="d-inline-block">Error</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Faq.html">
|
||||
<i class="simple-icon-question"></i> <span class="d-inline-block">Faq</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Invoice.html">
|
||||
<i class="simple-icon-bag"></i> <span class="d-inline-block">Invoice</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Knowledge.Base.html">
|
||||
<i class="simple-icon-graduation"></i> <span class="d-inline-block">Knowledge
|
||||
Base</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Mailing.html">
|
||||
<i class="simple-icon-envelope-open"></i> <span
|
||||
class="d-inline-block">Mailing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Pricing.html">
|
||||
<i class="simple-icon-diamond"></i> <span class="d-inline-block">Pricing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Search.html">
|
||||
<i class="simple-icon-magnifier"></i> <span class="d-inline-block">Search</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="applications">
|
||||
<li>
|
||||
<a href="Apps.MediaLibrary.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Library</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Todo.List.html">
|
||||
<i class="simple-icon-check"></i> <span class="d-inline-block">Todo</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Survey.List.html">
|
||||
<i class="simple-icon-calculator"></i> <span class="d-inline-block">Survey</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Chat.html">
|
||||
<i class="simple-icon-bubbles"></i> <span class="d-inline-block">Chat</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="ui">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseForms" aria-expanded="true"
|
||||
aria-controls="collapseForms" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Forms</span>
|
||||
</a>
|
||||
<div id="collapseForms" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Forms.Components.html">
|
||||
<i class="simple-icon-event"></i> <span class="d-inline-block">Components</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Layouts.html">
|
||||
<i class="simple-icon-doc"></i> <span class="d-inline-block">Layouts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Validation.html">
|
||||
<i class="simple-icon-check"></i> <span class="d-inline-block">Validation</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Wizard.html">
|
||||
<i class="simple-icon-magic-wand"></i> <span
|
||||
class="d-inline-block">Wizard</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseDataTables" aria-expanded="true"
|
||||
aria-controls="collapseDataTables" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Datatables</span>
|
||||
</a>
|
||||
<div id="collapseDataTables" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Datatables.Rows.html">
|
||||
<i class="simple-icon-screen-desktop"></i> <span class="d-inline-block">Full
|
||||
Page UI</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Scroll.html">
|
||||
<i class="simple-icon-mouse"></i> <span class="d-inline-block">Scrollable</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Pagination.html">
|
||||
<i class="simple-icon-notebook"></i> <span
|
||||
class="d-inline-block">Pagination</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Default.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseComponents" aria-expanded="true"
|
||||
aria-controls="collapseComponents" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Components</span>
|
||||
</a>
|
||||
<div id="collapseComponents" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Components.Alerts.html">
|
||||
<i class="simple-icon-bell"></i> <span class="d-inline-block">Alerts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Badges.html">
|
||||
<i class="simple-icon-badge"></i> <span class="d-inline-block">Badges</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Buttons.html">
|
||||
<i class="simple-icon-control-play"></i> <span
|
||||
class="d-inline-block">Buttons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Cards.html">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Cards</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="Ui.Components.Carousel.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Carousel</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Charts.html">
|
||||
<i class="simple-icon-chart"></i> <span class="d-inline-block">Charts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="Ui.Components.Collapse.html">
|
||||
<i class="simple-icon-arrow-up"></i> <span
|
||||
class="d-inline-block">Collapse</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Dropdowns.html">
|
||||
<i class="simple-icon-arrow-down"></i> <span
|
||||
class="d-inline-block">Dropdowns</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Editors.html">
|
||||
<i class="simple-icon-book-open"></i> <span
|
||||
class="d-inline-block">Editors</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Icons.html">
|
||||
<i class="simple-icon-star"></i> <span class="d-inline-block">Icons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.InputGroups.html">
|
||||
<i class="simple-icon-note"></i> <span class="d-inline-block">Input
|
||||
Groups</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Jumbotron.html">
|
||||
<i class="simple-icon-screen-desktop"></i> <span
|
||||
class="d-inline-block">Jumbotron</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Modal.html">
|
||||
<i class="simple-icon-docs"></i> <span class="d-inline-block">Modal</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Navigation.html">
|
||||
<i class="simple-icon-cursor"></i> <span
|
||||
class="d-inline-block">Navigation</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="Ui.Components.PopoverandTooltip.html">
|
||||
<i class="simple-icon-pin"></i> <span class="d-inline-block">Popover &
|
||||
Tooltip</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Sortable.html">
|
||||
<i class="simple-icon-shuffle"></i> <span class="d-inline-block">Sortable</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Tables.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Tables</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<ul class="list-unstyled" data-link="menu" id="menuTypes">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuTypes" aria-expanded="true"
|
||||
aria-controls="collapseMenuTypes" class="rotate-arrow-icon">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Types</span>
|
||||
</a>
|
||||
<div id="collapseMenuTypes" class="collapse show" data-parent="#menuTypes">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Menu.Default.html">
|
||||
<i class="simple-icon-control-pause"></i> <span
|
||||
class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Subhidden.html">
|
||||
<i class="simple-icon-arrow-left mi-subhidden"></i> <span
|
||||
class="d-inline-block">Subhidden</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Hidden.html">
|
||||
<i class="simple-icon-control-start mi-hidden"></i> <span
|
||||
class="d-inline-block">Hidden</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Mainhidden.html">
|
||||
<i class="simple-icon-control-rewind mi-hidden"></i> <span
|
||||
class="d-inline-block">Mainhidden</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuLevel" aria-expanded="true"
|
||||
aria-controls="collapseMenuLevel" class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Levels</span>
|
||||
</a>
|
||||
<div id="collapseMenuLevel" class="collapse" data-parent="#menuTypes">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuLevel2"
|
||||
aria-expanded="true" aria-controls="collapseMenuLevel2"
|
||||
class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Another
|
||||
Level</span>
|
||||
</a>
|
||||
<div id="collapseMenuLevel2" class="collapse">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuDetached" aria-expanded="true"
|
||||
aria-controls="collapseMenuDetached" class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Detached</span>
|
||||
</a>
|
||||
<div id="collapseMenuDetached" class="collapse">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h1>Collapse</h1>
|
||||
<nav class="breadcrumb-container d-none d-sm-block d-lg-inline-block" aria-label="breadcrumb">
|
||||
<ol class="breadcrumb pt-0">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Home</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Library</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Data</li>
|
||||
</ol>
|
||||
</nav>
|
||||
<div class="separator mb-5"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="card mb-4">
|
||||
<div class="card-body">
|
||||
<h5 class="mb-4">Basic</h5>
|
||||
<p class="mb-0">
|
||||
<a class="btn btn-primary mb-1" data-toggle="collapse" href="#collapseExample"
|
||||
role="button" aria-expanded="true" aria-controls="collapseExample">
|
||||
Link with href
|
||||
</a>
|
||||
<button class="btn btn-primary mb-1" type="button" data-toggle="collapse"
|
||||
data-target="#collapseExample" aria-expanded="false"
|
||||
aria-controls="collapseExample">
|
||||
Button with data-target
|
||||
</button>
|
||||
</p>
|
||||
<div class="collapse" id="collapseExample">
|
||||
<div class="p-4 border mt-4">
|
||||
<p class="mb-0">
|
||||
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry
|
||||
richardson ad squid. Nihil anim keffiyeh helvetica,
|
||||
craft beer labore wes anderson cred nesciunt sapiente ea proident. Anim
|
||||
pariatur
|
||||
cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad
|
||||
squid.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card mb-4">
|
||||
<div class="card-body">
|
||||
<h5 class="mb-4">Multiple Targets</h5>
|
||||
<p class="mb-0">
|
||||
<a class="btn btn-primary mb-1" data-toggle="collapse" href="#multiCollapseExample1"
|
||||
role="button" aria-expanded="false" aria-controls="multiCollapseExample1">Toggle
|
||||
first element</a>
|
||||
<button class="btn btn-primary mb-1" type="button" data-toggle="collapse"
|
||||
data-target="#multiCollapseExample2" aria-expanded="false"
|
||||
aria-controls="multiCollapseExample2">Toggle second element</button>
|
||||
<button class="btn btn-primary mb-1" type="button" data-toggle="collapse"
|
||||
data-target=".multi-collapse" aria-expanded="false"
|
||||
aria-controls="multiCollapseExample1 multiCollapseExample2">Toggle
|
||||
both elements</button>
|
||||
</p>
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-6">
|
||||
<div class="collapse multi-collapse" id="multiCollapseExample1">
|
||||
<div class="p-4 border mt-4">
|
||||
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry
|
||||
richardson ad squid. Nihil anim keffiyeh helvetica,
|
||||
craft beer labore wes anderson cred nesciunt sapiente ea proident.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6">
|
||||
<div class="collapse multi-collapse" id="multiCollapseExample2">
|
||||
<div class="p-4 border mt-4">
|
||||
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry
|
||||
richardson ad squid. Nihil anim keffiyeh helvetica,
|
||||
craft beer labore wes anderson cred nesciunt sapiente ea proident.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card mb-4">
|
||||
<div class="card-body">
|
||||
<h5 class="mb-4">Accordion</h5>
|
||||
<div id="accordion">
|
||||
|
||||
<div class="border">
|
||||
<button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne"
|
||||
aria-expanded="true" aria-controls="collapseOne">
|
||||
Collapsible Group Item #1
|
||||
</button>
|
||||
|
||||
<div id="collapseOne" class="collapse show " data-parent="#accordion">
|
||||
<div class="p-4">
|
||||
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. 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="border">
|
||||
<button class="btn btn-link collapsed" data-toggle="collapse"
|
||||
data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
|
||||
Collapsible Group Item #2
|
||||
</button>
|
||||
<div id="collapseTwo" class="collapse" data-parent="#accordion">
|
||||
<div class="p-4">
|
||||
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. 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="border">
|
||||
<button class="btn btn-link collapsed" data-toggle="collapse"
|
||||
data-target="#collapseThree" aria-expanded="false"
|
||||
aria-controls="collapseThree">
|
||||
Collapsible Group Item #3
|
||||
</button>
|
||||
<div id="collapseThree" class="collapse" data-parent="#accordion">
|
||||
<div class="p-4">
|
||||
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. 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>
|
||||
</main>
|
||||
|
||||
<footer class="page-footer">
|
||||
<div class="footer-content">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-6">
|
||||
<p class="mb-0 text-muted">ColoredStrategies 2019</p>
|
||||
</div>
|
||||
<div class="col-sm-6 d-none d-sm-block">
|
||||
<ul class="breadcrumb pt-0 pr-0 float-right">
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Review</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Purchase</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Docs</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="js/vendor/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/vendor/bootstrap.bundle.min.js"></script>
|
||||
<script src="js/vendor/perfect-scrollbar.min.js"></script>
|
||||
<script src="js/vendor/mousetrap.min.js"></script>
|
||||
<script src="js/dore.script.js"></script>
|
||||
<script src="js/scripts.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,796 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Dore jQuery</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
|
||||
<link rel="stylesheet" href="font/iconsmind-s/css/iconsminds.css" />
|
||||
<link rel="stylesheet" href="font/simple-line-icons/css/simple-line-icons.css" />
|
||||
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.rtl.only.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/perfect-scrollbar.css" />
|
||||
<link rel="stylesheet" href="css/vendor/quill.snow.css" />
|
||||
<link rel="stylesheet" href="css/vendor/quill.bubble.css" />
|
||||
<link rel="stylesheet" href="css/vendor/component-custom-switch.min.css" />
|
||||
<link rel="stylesheet" href="css/main.css" />
|
||||
</head>
|
||||
|
||||
<body id="app-container" class="menu-default show-spinner">
|
||||
<nav class="navbar fixed-top">
|
||||
<div class="d-flex align-items-center navbar-left">
|
||||
<a href="#" class="menu-button d-none d-md-block">
|
||||
<svg class="main" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 17">
|
||||
<rect x="0.48" y="0.5" width="7" height="1" />
|
||||
<rect x="0.48" y="7.5" width="7" height="1" />
|
||||
<rect x="0.48" y="15.5" width="7" height="1" />
|
||||
</svg>
|
||||
<svg class="sub" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 17">
|
||||
<rect x="1.56" y="0.5" width="16" height="1" />
|
||||
<rect x="1.56" y="7.5" width="16" height="1" />
|
||||
<rect x="1.56" y="15.5" width="16" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<a href="#" class="menu-button-mobile d-xs-block d-sm-block d-md-none">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 17">
|
||||
<rect x="0.5" y="0.5" width="25" height="1" />
|
||||
<rect x="0.5" y="7.5" width="25" height="1" />
|
||||
<rect x="0.5" y="15.5" width="25" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<div class="search" data-search-path="Pages.Search.html?q=">
|
||||
<input placeholder="Search...">
|
||||
<span class="search-icon">
|
||||
<i class="simple-icon-magnifier"></i>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<a class="btn btn-sm btn-outline-primary ml-3 d-none d-md-inline-block"
|
||||
href="https://1.envato.market/5kAb"> BUY </a>
|
||||
</div>
|
||||
|
||||
<a class="navbar-logo" href="Dashboard.Default.html">
|
||||
<span class="logo d-none d-xs-block"></span>
|
||||
<span class="logo-mobile d-block d-xs-none"></span>
|
||||
</a>
|
||||
|
||||
<div class="navbar-right">
|
||||
<div class="header-icons d-inline-block align-middle">
|
||||
<div class="d-none d-md-inline-block align-text-bottom mr-3">
|
||||
<div class="custom-switch custom-switch-primary-inverse custom-switch-small pl-1"
|
||||
data-toggle="tooltip" data-placement="left" title="Dark Mode">
|
||||
<input class="custom-switch-input" id="switchDark" type="checkbox" checked>
|
||||
<label class="custom-switch-btn" for="switchDark"></label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative d-none d-sm-inline-block">
|
||||
<button class="header-icon btn btn-empty" type="button" id="iconMenuButton" data-toggle="dropdown"
|
||||
aria-haspopup="true" aria-expanded="false">
|
||||
<i class="simple-icon-grid"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3 position-absolute" id="iconMenuDropdown">
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-equalizer d-block"></i>
|
||||
<span>Settings</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-male-female d-block"></i>
|
||||
<span>Users</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-puzzle d-block"></i>
|
||||
<span>Components</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-bar-chart-4 d-block"></i>
|
||||
<span>Profits</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-file d-block"></i>
|
||||
<span>Surveys</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-suitcase d-block"></i>
|
||||
<span>Tasks</span>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative d-inline-block">
|
||||
<button class="header-icon btn btn-empty" type="button" id="notificationButton"
|
||||
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="simple-icon-bell"></i>
|
||||
<span class="count">3</span>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3 position-absolute" id="notificationDropdown">
|
||||
<div class="scroll">
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/profiles/l-2.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">Joisse Kaycee just sent a new comment!</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/notifications/1.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">1 item is out of stock!</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/notifications/2.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">New order received! It is total $147,20.</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 ">
|
||||
<a href="#">
|
||||
<img src="img/notifications/3.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">3 items just added to wish list by a user!
|
||||
</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button class="header-icon btn btn-empty d-none d-sm-inline-block" type="button" id="fullScreenButton">
|
||||
<i class="simple-icon-size-fullscreen"></i>
|
||||
<i class="simple-icon-size-actual"></i>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="user d-inline-block">
|
||||
<button class="btn btn-empty p-0" type="button" data-toggle="dropdown" aria-haspopup="true"
|
||||
aria-expanded="false">
|
||||
<span class="name">Sarah Kortney</span>
|
||||
<span>
|
||||
<img alt="Profile Picture" src="img/profiles/l-1.jpg" />
|
||||
</span>
|
||||
</button>
|
||||
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3">
|
||||
<a class="dropdown-item" href="#">Account</a>
|
||||
<a class="dropdown-item" href="#">Features</a>
|
||||
<a class="dropdown-item" href="#">History</a>
|
||||
<a class="dropdown-item" href="#">Support</a>
|
||||
<a class="dropdown-item" href="#">Sign out</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="menu">
|
||||
<div class="main-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled">
|
||||
<li>
|
||||
<a href="#dashboard">
|
||||
<i class="iconsminds-shop-4"></i>
|
||||
<span>Dashboards</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#layouts">
|
||||
<i class="iconsminds-digital-drawing"></i> Pages
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#applications">
|
||||
<i class="iconsminds-air-balloon-1"></i> Applications
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="#ui">
|
||||
<i class="iconsminds-pantone"></i> UI
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#menu">
|
||||
<i class="iconsminds-three-arrow-fork"></i> Menu
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Blank.Page.html">
|
||||
<i class="iconsminds-bucket"></i> Blank Page
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://dore-jquery-docs.coloredstrategies.com" target="_blank">
|
||||
<i class="iconsminds-library"></i> Docs
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sub-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled" data-link="dashboard">
|
||||
<li>
|
||||
<a href="Dashboard.Default.html">
|
||||
<i class="simple-icon-rocket"></i> <span class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Analytics.html">
|
||||
<i class="simple-icon-pie-chart"></i> <span class="d-inline-block">Analytics</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Ecommerce.html">
|
||||
<i class="simple-icon-basket-loaded"></i> <span class="d-inline-block">Ecommerce</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Content.html">
|
||||
<i class="simple-icon-doc"></i> <span class="d-inline-block">Content</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="layouts" id="layouts">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseAuthorization" aria-expanded="true"
|
||||
aria-controls="collapseAuthorization" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Authorization</span>
|
||||
</a>
|
||||
<div id="collapseAuthorization" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="login.html">
|
||||
<i class="simple-icon-user-following"></i> <span
|
||||
class="d-inline-block">Login</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Auth.Register.html">
|
||||
<i class="simple-icon-user-follow"></i> <span
|
||||
class="d-inline-block">Register</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Auth.ForgotPassword.html">
|
||||
<i class="simple-icon-user-unfollow"></i> <span class="d-inline-block">Forgot
|
||||
Password</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseProduct" aria-expanded="true"
|
||||
aria-controls="collapseProduct" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Product</span>
|
||||
</a>
|
||||
<div id="collapseProduct" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Product.List.html">
|
||||
<i class="simple-icon-credit-card"></i> <span class="d-inline-block">Data
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Thumbs.html">
|
||||
<i class="simple-icon-list"></i> <span class="d-inline-block">Thumb
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Images.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Image
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Detail.html">
|
||||
<i class="simple-icon-book-open"></i> <span class="d-inline-block">Detail</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseProfile" aria-expanded="true"
|
||||
aria-controls="collapseProfile" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Profile</span>
|
||||
</a>
|
||||
<div id="collapseProfile" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Profile.Social.html">
|
||||
<i class="simple-icon-share"></i> <span class="d-inline-block">Social</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Profile.Portfolio.html">
|
||||
<i class="simple-icon-link"></i> <span class="d-inline-block">Portfolio</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseBlog" aria-expanded="true"
|
||||
aria-controls="collapseBlog" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Blog</span>
|
||||
</a>
|
||||
<div id="collapseBlog" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Blog.html">
|
||||
<i class="simple-icon-list"></i> <span class="d-inline-block">List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Blog.Detail.html">
|
||||
<i class="simple-icon-book-open"></i> <span class="d-inline-block">Detail</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="edit_booking.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Detail
|
||||
Alt</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMisc" aria-expanded="true"
|
||||
aria-controls="collapseMisc" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Miscellaneous</span>
|
||||
</a>
|
||||
<div id="collapseMisc" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Misc.Coming.Soon.html">
|
||||
<i class="simple-icon-hourglass"></i> <span class="d-inline-block">Coming
|
||||
Soon</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Error.html">
|
||||
<i class="simple-icon-exclamation"></i> <span
|
||||
class="d-inline-block">Error</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Faq.html">
|
||||
<i class="simple-icon-question"></i> <span class="d-inline-block">Faq</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Invoice.html">
|
||||
<i class="simple-icon-bag"></i> <span class="d-inline-block">Invoice</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Knowledge.Base.html">
|
||||
<i class="simple-icon-graduation"></i> <span class="d-inline-block">Knowledge
|
||||
Base</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Mailing.html">
|
||||
<i class="simple-icon-envelope-open"></i> <span
|
||||
class="d-inline-block">Mailing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Pricing.html">
|
||||
<i class="simple-icon-diamond"></i> <span class="d-inline-block">Pricing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Search.html">
|
||||
<i class="simple-icon-magnifier"></i> <span class="d-inline-block">Search</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="applications">
|
||||
<li>
|
||||
<a href="Apps.MediaLibrary.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Library</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Todo.List.html">
|
||||
<i class="simple-icon-check"></i> <span class="d-inline-block">Todo</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Survey.List.html">
|
||||
<i class="simple-icon-calculator"></i> <span class="d-inline-block">Survey</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Chat.html">
|
||||
<i class="simple-icon-bubbles"></i> <span class="d-inline-block">Chat</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="ui">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseForms" aria-expanded="true"
|
||||
aria-controls="collapseForms" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Forms</span>
|
||||
</a>
|
||||
<div id="collapseForms" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Forms.Components.html">
|
||||
<i class="simple-icon-event"></i> <span class="d-inline-block">Components</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Layouts.html">
|
||||
<i class="simple-icon-doc"></i> <span class="d-inline-block">Layouts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Validation.html">
|
||||
<i class="simple-icon-check"></i> <span class="d-inline-block">Validation</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Wizard.html">
|
||||
<i class="simple-icon-magic-wand"></i> <span
|
||||
class="d-inline-block">Wizard</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseDataTables" aria-expanded="true"
|
||||
aria-controls="collapseDataTables" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Datatables</span>
|
||||
</a>
|
||||
<div id="collapseDataTables" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Datatables.Rows.html">
|
||||
<i class="simple-icon-screen-desktop"></i> <span class="d-inline-block">Full
|
||||
Page UI</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Scroll.html">
|
||||
<i class="simple-icon-mouse"></i> <span class="d-inline-block">Scrollable</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Pagination.html">
|
||||
<i class="simple-icon-notebook"></i> <span
|
||||
class="d-inline-block">Pagination</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Default.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseComponents" aria-expanded="true"
|
||||
aria-controls="collapseComponents" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Components</span>
|
||||
</a>
|
||||
<div id="collapseComponents" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Components.Alerts.html">
|
||||
<i class="simple-icon-bell"></i> <span class="d-inline-block">Alerts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Badges.html">
|
||||
<i class="simple-icon-badge"></i> <span class="d-inline-block">Badges</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Buttons.html">
|
||||
<i class="simple-icon-control-play"></i> <span
|
||||
class="d-inline-block">Buttons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Cards.html">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Cards</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="Ui.Components.Carousel.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Carousel</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Charts.html">
|
||||
<i class="simple-icon-chart"></i> <span class="d-inline-block">Charts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Collapse.html">
|
||||
<i class="simple-icon-arrow-up"></i> <span
|
||||
class="d-inline-block">Collapse</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Dropdowns.html">
|
||||
<i class="simple-icon-arrow-down"></i> <span
|
||||
class="d-inline-block">Dropdowns</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="Ui.Components.Editors.html">
|
||||
<i class="simple-icon-book-open"></i> <span
|
||||
class="d-inline-block">Editors</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Icons.html">
|
||||
<i class="simple-icon-star"></i> <span class="d-inline-block">Icons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.InputGroups.html">
|
||||
<i class="simple-icon-note"></i> <span class="d-inline-block">Input
|
||||
Groups</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Jumbotron.html">
|
||||
<i class="simple-icon-screen-desktop"></i> <span
|
||||
class="d-inline-block">Jumbotron</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Modal.html">
|
||||
<i class="simple-icon-docs"></i> <span class="d-inline-block">Modal</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Navigation.html">
|
||||
<i class="simple-icon-cursor"></i> <span
|
||||
class="d-inline-block">Navigation</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="Ui.Components.PopoverandTooltip.html">
|
||||
<i class="simple-icon-pin"></i> <span class="d-inline-block">Popover &
|
||||
Tooltip</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Sortable.html">
|
||||
<i class="simple-icon-shuffle"></i> <span class="d-inline-block">Sortable</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Tables.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Tables</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<ul class="list-unstyled" data-link="menu" id="menuTypes">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuTypes" aria-expanded="true"
|
||||
aria-controls="collapseMenuTypes" class="rotate-arrow-icon">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Types</span>
|
||||
</a>
|
||||
<div id="collapseMenuTypes" class="collapse show" data-parent="#menuTypes">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Menu.Default.html">
|
||||
<i class="simple-icon-control-pause"></i> <span
|
||||
class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Subhidden.html">
|
||||
<i class="simple-icon-arrow-left mi-subhidden"></i> <span
|
||||
class="d-inline-block">Subhidden</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Hidden.html">
|
||||
<i class="simple-icon-control-start mi-hidden"></i> <span
|
||||
class="d-inline-block">Hidden</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Mainhidden.html">
|
||||
<i class="simple-icon-control-rewind mi-hidden"></i> <span
|
||||
class="d-inline-block">Mainhidden</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuLevel" aria-expanded="true"
|
||||
aria-controls="collapseMenuLevel" class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Levels</span>
|
||||
</a>
|
||||
<div id="collapseMenuLevel" class="collapse" data-parent="#menuTypes">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuLevel2"
|
||||
aria-expanded="true" aria-controls="collapseMenuLevel2"
|
||||
class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Another
|
||||
Level</span>
|
||||
</a>
|
||||
<div id="collapseMenuLevel2" class="collapse">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuDetached" aria-expanded="true"
|
||||
aria-controls="collapseMenuDetached" class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Detached</span>
|
||||
</a>
|
||||
<div id="collapseMenuDetached" class="collapse">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h1>Html Editors</h1>
|
||||
<nav class="breadcrumb-container d-none d-sm-block d-lg-inline-block" aria-label="breadcrumb">
|
||||
<ol class="breadcrumb pt-0">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Home</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Library</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Data</li>
|
||||
</ol>
|
||||
</nav>
|
||||
<div class="separator mb-5"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
|
||||
<div class="card mb-4">
|
||||
<div class="card-body ">
|
||||
<h5 class="mb-4">CKEditor </h5>
|
||||
<textarea name="content" id="ckEditorClassic"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card mb-4">
|
||||
<div class="card-body ">
|
||||
<h5 class="mb-4">Quill Standart</h5>
|
||||
<div class="html-editor" id="quillEditor"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card mb-4">
|
||||
<div class="card-body ">
|
||||
<h5 class="mb-4">Quill Bubble</h5>
|
||||
<div class="html-editor-bubble" id="quillEditorBubble"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="page-footer">
|
||||
<div class="footer-content">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-6">
|
||||
<p class="mb-0 text-muted">ColoredStrategies 2019</p>
|
||||
</div>
|
||||
<div class="col-sm-6 d-none d-sm-block">
|
||||
<ul class="breadcrumb pt-0 pr-0 float-right">
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Review</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Purchase</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Docs</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="js/vendor/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/vendor/bootstrap.bundle.min.js"></script>
|
||||
<script src="js/vendor/perfect-scrollbar.min.js"></script>
|
||||
<script src="js/vendor/quill.min.js"></script>
|
||||
<script src="js/vendor/ckeditor5-build-classic/ckeditor.js"></script>
|
||||
<script src="js/vendor/mousetrap.min.js"></script>
|
||||
<script src="js/dore.script.js"></script>
|
||||
<script src="js/scripts.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,792 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Dore jQuery</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
|
||||
<link rel="stylesheet" href="font/iconsmind-s/css/iconsminds.css" />
|
||||
<link rel="stylesheet" href="font/simple-line-icons/css/simple-line-icons.css" />
|
||||
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.rtl.only.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/perfect-scrollbar.css" />
|
||||
<link rel="stylesheet" href="css/vendor/component-custom-switch.min.css" />
|
||||
<link rel="stylesheet" href="css/main.css" />
|
||||
</head>
|
||||
|
||||
<body id="app-container" class="menu-default show-spinner">
|
||||
<nav class="navbar fixed-top">
|
||||
<div class="d-flex align-items-center navbar-left">
|
||||
<a href="#" class="menu-button d-none d-md-block">
|
||||
<svg class="main" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 17">
|
||||
<rect x="0.48" y="0.5" width="7" height="1" />
|
||||
<rect x="0.48" y="7.5" width="7" height="1" />
|
||||
<rect x="0.48" y="15.5" width="7" height="1" />
|
||||
</svg>
|
||||
<svg class="sub" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 17">
|
||||
<rect x="1.56" y="0.5" width="16" height="1" />
|
||||
<rect x="1.56" y="7.5" width="16" height="1" />
|
||||
<rect x="1.56" y="15.5" width="16" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<a href="#" class="menu-button-mobile d-xs-block d-sm-block d-md-none">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 17">
|
||||
<rect x="0.5" y="0.5" width="25" height="1" />
|
||||
<rect x="0.5" y="7.5" width="25" height="1" />
|
||||
<rect x="0.5" y="15.5" width="25" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<div class="search" data-search-path="Pages.Search.html?q=">
|
||||
<input placeholder="Search...">
|
||||
<span class="search-icon">
|
||||
<i class="simple-icon-magnifier"></i>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<a class="btn btn-sm btn-outline-primary ml-3 d-none d-md-inline-block"
|
||||
href="https://1.envato.market/5kAb"> BUY </a>
|
||||
</div>
|
||||
|
||||
<a class="navbar-logo" href="Dashboard.Default.html">
|
||||
<span class="logo d-none d-xs-block"></span>
|
||||
<span class="logo-mobile d-block d-xs-none"></span>
|
||||
</a>
|
||||
|
||||
<div class="navbar-right">
|
||||
<div class="header-icons d-inline-block align-middle">
|
||||
<div class="d-none d-md-inline-block align-text-bottom mr-3">
|
||||
<div class="custom-switch custom-switch-primary-inverse custom-switch-small pl-1"
|
||||
data-toggle="tooltip" data-placement="left" title="Dark Mode">
|
||||
<input class="custom-switch-input" id="switchDark" type="checkbox" checked>
|
||||
<label class="custom-switch-btn" for="switchDark"></label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative d-none d-sm-inline-block">
|
||||
<button class="header-icon btn btn-empty" type="button" id="iconMenuButton" data-toggle="dropdown"
|
||||
aria-haspopup="true" aria-expanded="false">
|
||||
<i class="simple-icon-grid"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3 position-absolute" id="iconMenuDropdown">
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-equalizer d-block"></i>
|
||||
<span>Settings</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-male-female d-block"></i>
|
||||
<span>Users</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-puzzle d-block"></i>
|
||||
<span>Components</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-bar-chart-4 d-block"></i>
|
||||
<span>Profits</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-file d-block"></i>
|
||||
<span>Surveys</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-suitcase d-block"></i>
|
||||
<span>Tasks</span>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative d-inline-block">
|
||||
<button class="header-icon btn btn-empty" type="button" id="notificationButton"
|
||||
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="simple-icon-bell"></i>
|
||||
<span class="count">3</span>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3 position-absolute" id="notificationDropdown">
|
||||
<div class="scroll">
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/profiles/l-2.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">Joisse Kaycee just sent a new comment!</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/notifications/1.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">1 item is out of stock!</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/notifications/2.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">New order received! It is total $147,20.</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 ">
|
||||
<a href="#">
|
||||
<img src="img/notifications/3.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">3 items just added to wish list by a user!
|
||||
</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button class="header-icon btn btn-empty d-none d-sm-inline-block" type="button" id="fullScreenButton">
|
||||
<i class="simple-icon-size-fullscreen"></i>
|
||||
<i class="simple-icon-size-actual"></i>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="user d-inline-block">
|
||||
<button class="btn btn-empty p-0" type="button" data-toggle="dropdown" aria-haspopup="true"
|
||||
aria-expanded="false">
|
||||
<span class="name">Sarah Kortney</span>
|
||||
<span>
|
||||
<img alt="Profile Picture" src="img/profiles/l-1.jpg" />
|
||||
</span>
|
||||
</button>
|
||||
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3">
|
||||
<a class="dropdown-item" href="#">Account</a>
|
||||
<a class="dropdown-item" href="#">Features</a>
|
||||
<a class="dropdown-item" href="#">History</a>
|
||||
<a class="dropdown-item" href="#">Support</a>
|
||||
<a class="dropdown-item" href="#">Sign out</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="menu">
|
||||
<div class="main-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled">
|
||||
<li>
|
||||
<a href="#dashboard">
|
||||
<i class="iconsminds-shop-4"></i>
|
||||
<span>Dashboards</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#layouts">
|
||||
<i class="iconsminds-digital-drawing"></i> Pages
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#applications">
|
||||
<i class="iconsminds-air-balloon-1"></i> Applications
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="#ui">
|
||||
<i class="iconsminds-pantone"></i> UI
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#menu">
|
||||
<i class="iconsminds-three-arrow-fork"></i> Menu
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Blank.Page.html">
|
||||
<i class="iconsminds-bucket"></i> Blank Page
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://dore-jquery-docs.coloredstrategies.com" target="_blank">
|
||||
<i class="iconsminds-library"></i> Docs
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sub-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled" data-link="dashboard">
|
||||
<li>
|
||||
<a href="Dashboard.Default.html">
|
||||
<i class="simple-icon-rocket"></i> <span class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Analytics.html">
|
||||
<i class="simple-icon-pie-chart"></i> <span class="d-inline-block">Analytics</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Ecommerce.html">
|
||||
<i class="simple-icon-basket-loaded"></i> <span class="d-inline-block">Ecommerce</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Content.html">
|
||||
<i class="simple-icon-doc"></i> <span class="d-inline-block">Content</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="layouts" id="layouts">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseAuthorization" aria-expanded="true"
|
||||
aria-controls="collapseAuthorization" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Authorization</span>
|
||||
</a>
|
||||
<div id="collapseAuthorization" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="login.html">
|
||||
<i class="simple-icon-user-following"></i> <span
|
||||
class="d-inline-block">Login</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Auth.Register.html">
|
||||
<i class="simple-icon-user-follow"></i> <span
|
||||
class="d-inline-block">Register</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Auth.ForgotPassword.html">
|
||||
<i class="simple-icon-user-unfollow"></i> <span class="d-inline-block">Forgot
|
||||
Password</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseProduct" aria-expanded="true"
|
||||
aria-controls="collapseProduct" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Product</span>
|
||||
</a>
|
||||
<div id="collapseProduct" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Product.List.html">
|
||||
<i class="simple-icon-credit-card"></i> <span class="d-inline-block">Data
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Thumbs.html">
|
||||
<i class="simple-icon-list"></i> <span class="d-inline-block">Thumb
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Images.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Image
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Detail.html">
|
||||
<i class="simple-icon-book-open"></i> <span class="d-inline-block">Detail</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseProfile" aria-expanded="true"
|
||||
aria-controls="collapseProfile" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Profile</span>
|
||||
</a>
|
||||
<div id="collapseProfile" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Profile.Social.html">
|
||||
<i class="simple-icon-share"></i> <span class="d-inline-block">Social</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Profile.Portfolio.html">
|
||||
<i class="simple-icon-link"></i> <span class="d-inline-block">Portfolio</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseBlog" aria-expanded="true"
|
||||
aria-controls="collapseBlog" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Blog</span>
|
||||
</a>
|
||||
<div id="collapseBlog" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Blog.html">
|
||||
<i class="simple-icon-list"></i> <span class="d-inline-block">List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Blog.Detail.html">
|
||||
<i class="simple-icon-book-open"></i> <span class="d-inline-block">Detail</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="edit_booking.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Detail
|
||||
Alt</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMisc" aria-expanded="true"
|
||||
aria-controls="collapseMisc" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Miscellaneous</span>
|
||||
</a>
|
||||
<div id="collapseMisc" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Misc.Coming.Soon.html">
|
||||
<i class="simple-icon-hourglass"></i> <span class="d-inline-block">Coming
|
||||
Soon</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Error.html">
|
||||
<i class="simple-icon-exclamation"></i> <span
|
||||
class="d-inline-block">Error</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Faq.html">
|
||||
<i class="simple-icon-question"></i> <span class="d-inline-block">Faq</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Invoice.html">
|
||||
<i class="simple-icon-bag"></i> <span class="d-inline-block">Invoice</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Knowledge.Base.html">
|
||||
<i class="simple-icon-graduation"></i> <span class="d-inline-block">Knowledge
|
||||
Base</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Mailing.html">
|
||||
<i class="simple-icon-envelope-open"></i> <span
|
||||
class="d-inline-block">Mailing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Pricing.html">
|
||||
<i class="simple-icon-diamond"></i> <span class="d-inline-block">Pricing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Search.html">
|
||||
<i class="simple-icon-magnifier"></i> <span class="d-inline-block">Search</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="applications">
|
||||
<li>
|
||||
<a href="Apps.MediaLibrary.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Library</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Todo.List.html">
|
||||
<i class="simple-icon-check"></i> <span class="d-inline-block">Todo</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Survey.List.html">
|
||||
<i class="simple-icon-calculator"></i> <span class="d-inline-block">Survey</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Chat.html">
|
||||
<i class="simple-icon-bubbles"></i> <span class="d-inline-block">Chat</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="ui">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseForms" aria-expanded="true"
|
||||
aria-controls="collapseForms" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Forms</span>
|
||||
</a>
|
||||
<div id="collapseForms" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Forms.Components.html">
|
||||
<i class="simple-icon-event"></i> <span class="d-inline-block">Components</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Layouts.html">
|
||||
<i class="simple-icon-doc"></i> <span class="d-inline-block">Layouts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Validation.html">
|
||||
<i class="simple-icon-check"></i> <span class="d-inline-block">Validation</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Wizard.html">
|
||||
<i class="simple-icon-magic-wand"></i> <span
|
||||
class="d-inline-block">Wizard</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseDataTables" aria-expanded="true"
|
||||
aria-controls="collapseDataTables" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Datatables</span>
|
||||
</a>
|
||||
<div id="collapseDataTables" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Datatables.Rows.html">
|
||||
<i class="simple-icon-screen-desktop"></i> <span class="d-inline-block">Full
|
||||
Page UI</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Scroll.html">
|
||||
<i class="simple-icon-mouse"></i> <span class="d-inline-block">Scrollable</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Pagination.html">
|
||||
<i class="simple-icon-notebook"></i> <span
|
||||
class="d-inline-block">Pagination</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Default.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseComponents" aria-expanded="true"
|
||||
aria-controls="collapseComponents" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Components</span>
|
||||
</a>
|
||||
<div id="collapseComponents" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Components.Alerts.html">
|
||||
<i class="simple-icon-bell"></i> <span class="d-inline-block">Alerts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Badges.html">
|
||||
<i class="simple-icon-badge"></i> <span class="d-inline-block">Badges</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Buttons.html">
|
||||
<i class="simple-icon-control-play"></i> <span
|
||||
class="d-inline-block">Buttons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Cards.html">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Cards</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="Ui.Components.Carousel.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Carousel</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Charts.html">
|
||||
<i class="simple-icon-chart"></i> <span class="d-inline-block">Charts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Collapse.html">
|
||||
<i class="simple-icon-arrow-up"></i> <span
|
||||
class="d-inline-block">Collapse</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Dropdowns.html">
|
||||
<i class="simple-icon-arrow-down"></i> <span
|
||||
class="d-inline-block">Dropdowns</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Editors.html">
|
||||
<i class="simple-icon-book-open"></i> <span
|
||||
class="d-inline-block">Editors</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Icons.html">
|
||||
<i class="simple-icon-star"></i> <span class="d-inline-block">Icons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.InputGroups.html">
|
||||
<i class="simple-icon-note"></i> <span class="d-inline-block">Input
|
||||
Groups</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="Ui.Components.Jumbotron.html">
|
||||
<i class="simple-icon-screen-desktop"></i> <span
|
||||
class="d-inline-block">Jumbotron</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Modal.html">
|
||||
<i class="simple-icon-docs"></i> <span class="d-inline-block">Modal</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Navigation.html">
|
||||
<i class="simple-icon-cursor"></i> <span
|
||||
class="d-inline-block">Navigation</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="Ui.Components.PopoverandTooltip.html">
|
||||
<i class="simple-icon-pin"></i> <span class="d-inline-block">Popover &
|
||||
Tooltip</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Sortable.html">
|
||||
<i class="simple-icon-shuffle"></i> <span class="d-inline-block">Sortable</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Tables.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Tables</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<ul class="list-unstyled" data-link="menu" id="menuTypes">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuTypes" aria-expanded="true"
|
||||
aria-controls="collapseMenuTypes" class="rotate-arrow-icon">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Types</span>
|
||||
</a>
|
||||
<div id="collapseMenuTypes" class="collapse show" data-parent="#menuTypes">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Menu.Default.html">
|
||||
<i class="simple-icon-control-pause"></i> <span
|
||||
class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Subhidden.html">
|
||||
<i class="simple-icon-arrow-left mi-subhidden"></i> <span
|
||||
class="d-inline-block">Subhidden</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Hidden.html">
|
||||
<i class="simple-icon-control-start mi-hidden"></i> <span
|
||||
class="d-inline-block">Hidden</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Mainhidden.html">
|
||||
<i class="simple-icon-control-rewind mi-hidden"></i> <span
|
||||
class="d-inline-block">Mainhidden</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuLevel" aria-expanded="true"
|
||||
aria-controls="collapseMenuLevel" class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Levels</span>
|
||||
</a>
|
||||
<div id="collapseMenuLevel" class="collapse" data-parent="#menuTypes">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuLevel2"
|
||||
aria-expanded="true" aria-controls="collapseMenuLevel2"
|
||||
class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Another
|
||||
Level</span>
|
||||
</a>
|
||||
<div id="collapseMenuLevel2" class="collapse">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuDetached" aria-expanded="true"
|
||||
aria-controls="collapseMenuDetached" class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Detached</span>
|
||||
</a>
|
||||
<div id="collapseMenuDetached" class="collapse">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
|
||||
<h1>Jumbotron</h1>
|
||||
<nav class="breadcrumb-container d-none d-sm-block d-lg-inline-block" aria-label="breadcrumb">
|
||||
<ol class="breadcrumb pt-0">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Home</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Library</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Data</li>
|
||||
</ol>
|
||||
</nav>
|
||||
<div class="separator mb-5"></div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="card mb-4">
|
||||
<div class="card-body">
|
||||
<div class="jumbotron">
|
||||
<h1 class="display-4">Hello, world!</h1>
|
||||
<p class="lead">This is a simple hero unit, a simple jumbotron-style component for
|
||||
calling extra attention
|
||||
to featured content or information.</p>
|
||||
<hr class="my-4">
|
||||
<p>It uses utility classes for typography and spacing to space content out within the
|
||||
larger
|
||||
container.
|
||||
</p>
|
||||
<p class="lead mb-0">
|
||||
<a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="page-footer">
|
||||
<div class="footer-content">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-6">
|
||||
<p class="mb-0 text-muted">ColoredStrategies 2019</p>
|
||||
</div>
|
||||
<div class="col-sm-6 d-none d-sm-block">
|
||||
<ul class="breadcrumb pt-0 pr-0 float-right">
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Review</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Purchase</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Docs</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="js/vendor/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/vendor/bootstrap.bundle.min.js"></script>
|
||||
<script src="js/vendor/perfect-scrollbar.min.js"></script>
|
||||
<script src="js/vendor/mousetrap.min.js"></script>
|
||||
<script src="js/dore.script.js"></script>
|
||||
<script src="js/scripts.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,828 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Dore jQuery</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
|
||||
<link rel="stylesheet" href="font/iconsmind-s/css/iconsminds.css" />
|
||||
<link rel="stylesheet" href="font/simple-line-icons/css/simple-line-icons.css" />
|
||||
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.rtl.only.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/component-custom-switch.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/perfect-scrollbar.css" />
|
||||
<link rel="stylesheet" href="css/main.css" />
|
||||
</head>
|
||||
|
||||
<body id="app-container" class="menu-default show-spinner">
|
||||
<nav class="navbar fixed-top">
|
||||
<div class="d-flex align-items-center navbar-left">
|
||||
<a href="#" class="menu-button d-none d-md-block">
|
||||
<svg class="main" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 17">
|
||||
<rect x="0.48" y="0.5" width="7" height="1" />
|
||||
<rect x="0.48" y="7.5" width="7" height="1" />
|
||||
<rect x="0.48" y="15.5" width="7" height="1" />
|
||||
</svg>
|
||||
<svg class="sub" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 17">
|
||||
<rect x="1.56" y="0.5" width="16" height="1" />
|
||||
<rect x="1.56" y="7.5" width="16" height="1" />
|
||||
<rect x="1.56" y="15.5" width="16" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<a href="#" class="menu-button-mobile d-xs-block d-sm-block d-md-none">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 17">
|
||||
<rect x="0.5" y="0.5" width="25" height="1" />
|
||||
<rect x="0.5" y="7.5" width="25" height="1" />
|
||||
<rect x="0.5" y="15.5" width="25" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<div class="search" data-search-path="Pages.Search.html?q=">
|
||||
<input placeholder="Search...">
|
||||
<span class="search-icon">
|
||||
<i class="simple-icon-magnifier"></i>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<a class="btn btn-sm btn-outline-primary ml-3 d-none d-md-inline-block"
|
||||
href="https://1.envato.market/5kAb"> BUY </a>
|
||||
</div>
|
||||
|
||||
<a class="navbar-logo" href="Dashboard.Default.html">
|
||||
<span class="logo d-none d-xs-block"></span>
|
||||
<span class="logo-mobile d-block d-xs-none"></span>
|
||||
</a>
|
||||
|
||||
<div class="navbar-right">
|
||||
<div class="header-icons d-inline-block align-middle">
|
||||
<div class="d-none d-md-inline-block align-text-bottom mr-3">
|
||||
<div class="custom-switch custom-switch-primary-inverse custom-switch-small pl-1"
|
||||
data-toggle="tooltip" data-placement="left" title="Dark Mode">
|
||||
<input class="custom-switch-input" id="switchDark" type="checkbox" checked>
|
||||
<label class="custom-switch-btn" for="switchDark"></label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative d-none d-sm-inline-block">
|
||||
<button class="header-icon btn btn-empty" type="button" id="iconMenuButton" data-toggle="dropdown"
|
||||
aria-haspopup="true" aria-expanded="false">
|
||||
<i class="simple-icon-grid"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3 position-absolute" id="iconMenuDropdown">
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-equalizer d-block"></i>
|
||||
<span>Settings</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-male-female d-block"></i>
|
||||
<span>Users</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-puzzle d-block"></i>
|
||||
<span>Components</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-bar-chart-4 d-block"></i>
|
||||
<span>Profits</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-file d-block"></i>
|
||||
<span>Surveys</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-suitcase d-block"></i>
|
||||
<span>Tasks</span>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative d-inline-block">
|
||||
<button class="header-icon btn btn-empty" type="button" id="notificationButton"
|
||||
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="simple-icon-bell"></i>
|
||||
<span class="count">3</span>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3 position-absolute" id="notificationDropdown">
|
||||
<div class="scroll">
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/profiles/l-2.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">Joisse Kaycee just sent a new comment!</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/notifications/1.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">1 item is out of stock!</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/notifications/2.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">New order received! It is total $147,20.</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 ">
|
||||
<a href="#">
|
||||
<img src="img/notifications/3.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">3 items just added to wish list by a user!
|
||||
</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button class="header-icon btn btn-empty d-none d-sm-inline-block" type="button" id="fullScreenButton">
|
||||
<i class="simple-icon-size-fullscreen"></i>
|
||||
<i class="simple-icon-size-actual"></i>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="user d-inline-block">
|
||||
<button class="btn btn-empty p-0" type="button" data-toggle="dropdown" aria-haspopup="true"
|
||||
aria-expanded="false">
|
||||
<span class="name">Sarah Kortney</span>
|
||||
<span>
|
||||
<img alt="Profile Picture" src="img/profiles/l-1.jpg" />
|
||||
</span>
|
||||
</button>
|
||||
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3">
|
||||
<a class="dropdown-item" href="#">Account</a>
|
||||
<a class="dropdown-item" href="#">Features</a>
|
||||
<a class="dropdown-item" href="#">History</a>
|
||||
<a class="dropdown-item" href="#">Support</a>
|
||||
<a class="dropdown-item" href="#">Sign out</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="menu">
|
||||
<div class="main-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled">
|
||||
<li>
|
||||
<a href="#dashboard">
|
||||
<i class="iconsminds-shop-4"></i>
|
||||
<span>Dashboards</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#layouts">
|
||||
<i class="iconsminds-digital-drawing"></i> Pages
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#applications">
|
||||
<i class="iconsminds-air-balloon-1"></i> Applications
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="#ui">
|
||||
<i class="iconsminds-pantone"></i> UI
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#menu">
|
||||
<i class="iconsminds-three-arrow-fork"></i> Menu
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Blank.Page.html">
|
||||
<i class="iconsminds-bucket"></i> Blank Page
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://dore-jquery-docs.coloredstrategies.com" target="_blank">
|
||||
<i class="iconsminds-library"></i> Docs
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sub-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled" data-link="dashboard">
|
||||
<li>
|
||||
<a href="Dashboard.Default.html">
|
||||
<i class="simple-icon-rocket"></i> <span class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Analytics.html">
|
||||
<i class="simple-icon-pie-chart"></i> <span class="d-inline-block">Analytics</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Ecommerce.html">
|
||||
<i class="simple-icon-basket-loaded"></i> <span class="d-inline-block">Ecommerce</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Content.html">
|
||||
<i class="simple-icon-doc"></i> <span class="d-inline-block">Content</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="layouts" id="layouts">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseAuthorization" aria-expanded="true"
|
||||
aria-controls="collapseAuthorization" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Authorization</span>
|
||||
</a>
|
||||
<div id="collapseAuthorization" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="login.html">
|
||||
<i class="simple-icon-user-following"></i> <span
|
||||
class="d-inline-block">Login</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Auth.Register.html">
|
||||
<i class="simple-icon-user-follow"></i> <span
|
||||
class="d-inline-block">Register</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Auth.ForgotPassword.html">
|
||||
<i class="simple-icon-user-unfollow"></i> <span class="d-inline-block">Forgot
|
||||
Password</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseProduct" aria-expanded="true"
|
||||
aria-controls="collapseProduct" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Product</span>
|
||||
</a>
|
||||
<div id="collapseProduct" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Product.List.html">
|
||||
<i class="simple-icon-credit-card"></i> <span class="d-inline-block">Data
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Thumbs.html">
|
||||
<i class="simple-icon-list"></i> <span class="d-inline-block">Thumb
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Images.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Image
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Detail.html">
|
||||
<i class="simple-icon-book-open"></i> <span class="d-inline-block">Detail</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseProfile" aria-expanded="true"
|
||||
aria-controls="collapseProfile" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Profile</span>
|
||||
</a>
|
||||
<div id="collapseProfile" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Profile.Social.html">
|
||||
<i class="simple-icon-share"></i> <span class="d-inline-block">Social</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Profile.Portfolio.html">
|
||||
<i class="simple-icon-link"></i> <span class="d-inline-block">Portfolio</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseBlog" aria-expanded="true"
|
||||
aria-controls="collapseBlog" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Blog</span>
|
||||
</a>
|
||||
<div id="collapseBlog" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Blog.html">
|
||||
<i class="simple-icon-list"></i> <span class="d-inline-block">List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Blog.Detail.html">
|
||||
<i class="simple-icon-book-open"></i> <span class="d-inline-block">Detail</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="edit_booking.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Detail
|
||||
Alt</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMisc" aria-expanded="true"
|
||||
aria-controls="collapseMisc" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Miscellaneous</span>
|
||||
</a>
|
||||
<div id="collapseMisc" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Misc.Coming.Soon.html">
|
||||
<i class="simple-icon-hourglass"></i> <span class="d-inline-block">Coming
|
||||
Soon</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Error.html">
|
||||
<i class="simple-icon-exclamation"></i> <span
|
||||
class="d-inline-block">Error</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Faq.html">
|
||||
<i class="simple-icon-question"></i> <span class="d-inline-block">Faq</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Invoice.html">
|
||||
<i class="simple-icon-bag"></i> <span class="d-inline-block">Invoice</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Knowledge.Base.html">
|
||||
<i class="simple-icon-graduation"></i> <span class="d-inline-block">Knowledge
|
||||
Base</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Mailing.html">
|
||||
<i class="simple-icon-envelope-open"></i> <span
|
||||
class="d-inline-block">Mailing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Pricing.html">
|
||||
<i class="simple-icon-diamond"></i> <span class="d-inline-block">Pricing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Search.html">
|
||||
<i class="simple-icon-magnifier"></i> <span class="d-inline-block">Search</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="applications">
|
||||
<li>
|
||||
<a href="Apps.MediaLibrary.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Library</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Todo.List.html">
|
||||
<i class="simple-icon-check"></i> <span class="d-inline-block">Todo</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Survey.List.html">
|
||||
<i class="simple-icon-calculator"></i> <span class="d-inline-block">Survey</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Chat.html">
|
||||
<i class="simple-icon-bubbles"></i> <span class="d-inline-block">Chat</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="ui">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseForms" aria-expanded="true"
|
||||
aria-controls="collapseForms" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Forms</span>
|
||||
</a>
|
||||
<div id="collapseForms" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Forms.Components.html">
|
||||
<i class="simple-icon-event"></i> <span class="d-inline-block">Components</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Layouts.html">
|
||||
<i class="simple-icon-doc"></i> <span class="d-inline-block">Layouts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Validation.html">
|
||||
<i class="simple-icon-check"></i> <span class="d-inline-block">Validation</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Wizard.html">
|
||||
<i class="simple-icon-magic-wand"></i> <span
|
||||
class="d-inline-block">Wizard</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseDataTables" aria-expanded="true"
|
||||
aria-controls="collapseDataTables" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Datatables</span>
|
||||
</a>
|
||||
<div id="collapseDataTables" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Datatables.Rows.html">
|
||||
<i class="simple-icon-screen-desktop"></i> <span class="d-inline-block">Full
|
||||
Page UI</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Scroll.html">
|
||||
<i class="simple-icon-mouse"></i> <span class="d-inline-block">Scrollable</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Pagination.html">
|
||||
<i class="simple-icon-notebook"></i> <span
|
||||
class="d-inline-block">Pagination</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Default.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseComponents" aria-expanded="true"
|
||||
aria-controls="collapseComponents" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Components</span>
|
||||
</a>
|
||||
<div id="collapseComponents" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Components.Alerts.html">
|
||||
<i class="simple-icon-bell"></i> <span class="d-inline-block">Alerts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Badges.html">
|
||||
<i class="simple-icon-badge"></i> <span class="d-inline-block">Badges</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Buttons.html">
|
||||
<i class="simple-icon-control-play"></i> <span
|
||||
class="d-inline-block">Buttons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Cards.html">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Cards</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="Ui.Components.Carousel.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Carousel</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Charts.html">
|
||||
<i class="simple-icon-chart"></i> <span class="d-inline-block">Charts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Collapse.html">
|
||||
<i class="simple-icon-arrow-up"></i> <span
|
||||
class="d-inline-block">Collapse</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Dropdowns.html">
|
||||
<i class="simple-icon-arrow-down"></i> <span
|
||||
class="d-inline-block">Dropdowns</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Editors.html">
|
||||
<i class="simple-icon-book-open"></i> <span
|
||||
class="d-inline-block">Editors</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Icons.html">
|
||||
<i class="simple-icon-star"></i> <span class="d-inline-block">Icons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.InputGroups.html">
|
||||
<i class="simple-icon-note"></i> <span class="d-inline-block">Input
|
||||
Groups</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Jumbotron.html">
|
||||
<i class="simple-icon-screen-desktop"></i> <span
|
||||
class="d-inline-block">Jumbotron</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Modal.html">
|
||||
<i class="simple-icon-docs"></i> <span class="d-inline-block">Modal</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Navigation.html">
|
||||
<i class="simple-icon-cursor"></i> <span
|
||||
class="d-inline-block">Navigation</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="active">
|
||||
<a href="Ui.Components.PopoverandTooltip.html">
|
||||
<i class="simple-icon-pin"></i> <span class="d-inline-block">Popover &
|
||||
Tooltip</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Sortable.html">
|
||||
<i class="simple-icon-shuffle"></i> <span class="d-inline-block">Sortable</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Tables.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Tables</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<ul class="list-unstyled" data-link="menu" id="menuTypes">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuTypes" aria-expanded="true"
|
||||
aria-controls="collapseMenuTypes" class="rotate-arrow-icon">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Types</span>
|
||||
</a>
|
||||
<div id="collapseMenuTypes" class="collapse show" data-parent="#menuTypes">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Menu.Default.html">
|
||||
<i class="simple-icon-control-pause"></i> <span
|
||||
class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Subhidden.html">
|
||||
<i class="simple-icon-arrow-left mi-subhidden"></i> <span
|
||||
class="d-inline-block">Subhidden</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Hidden.html">
|
||||
<i class="simple-icon-control-start mi-hidden"></i> <span
|
||||
class="d-inline-block">Hidden</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Mainhidden.html">
|
||||
<i class="simple-icon-control-rewind mi-hidden"></i> <span
|
||||
class="d-inline-block">Mainhidden</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuLevel" aria-expanded="true"
|
||||
aria-controls="collapseMenuLevel" class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Levels</span>
|
||||
</a>
|
||||
<div id="collapseMenuLevel" class="collapse" data-parent="#menuTypes">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuLevel2"
|
||||
aria-expanded="true" aria-controls="collapseMenuLevel2"
|
||||
class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Another
|
||||
Level</span>
|
||||
</a>
|
||||
<div id="collapseMenuLevel2" class="collapse">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuDetached" aria-expanded="true"
|
||||
aria-controls="collapseMenuDetached" class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Detached</span>
|
||||
</a>
|
||||
<div id="collapseMenuDetached" class="collapse">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
|
||||
<h1>Popover and Tooltip</h1>
|
||||
<nav class="breadcrumb-container d-none d-sm-block d-lg-inline-block" aria-label="breadcrumb">
|
||||
<ol class="breadcrumb pt-0">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Home</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Library</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Data</li>
|
||||
</ol>
|
||||
</nav>
|
||||
<div class="separator mb-5"></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="card mb-4">
|
||||
<div class="card-body">
|
||||
|
||||
<h5 class="mb-4">Popover</h5>
|
||||
<button type="button" class="btn btn-secondary mb-2"
|
||||
data-toggle="popover" data-placement="top"
|
||||
data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
|
||||
Popover on top
|
||||
</button>
|
||||
|
||||
<button type="button" class="btn btn-secondary mb-2"
|
||||
data-toggle="popover" data-placement="right"
|
||||
data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
|
||||
Popover on right
|
||||
</button>
|
||||
|
||||
<button type="button" class="btn btn-secondary mb-2"
|
||||
data-toggle="popover" data-placement="bottom" data-content="Vivamus
|
||||
sagittis lacus vel augue laoreet rutrum faucibus.">
|
||||
Popover on bottom
|
||||
</button>
|
||||
|
||||
<button type="button" class="btn btn-secondary mb-2"
|
||||
data-toggle="popover" data-placement="left"
|
||||
data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
|
||||
Popover on left
|
||||
</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="card mb-4">
|
||||
<div class="card-body">
|
||||
<h5 class="mb-4">Tooltip</h5>
|
||||
<button type="button" class="btn btn-secondary mb-2" data-toggle="tooltip"
|
||||
data-placement="top" title="Tooltip on top">
|
||||
Tooltip on top
|
||||
</button>
|
||||
<button type="button" class="btn btn-secondary mb-2" data-toggle="tooltip"
|
||||
data-placement="right" title="Tooltip on right">
|
||||
Tooltip on right
|
||||
</button>
|
||||
<button type="button" class="btn btn-secondary mb-2" data-toggle="tooltip"
|
||||
data-placement="bottom" title="Tooltip on bottom">
|
||||
Tooltip on bottom
|
||||
</button>
|
||||
<button type="button" class="btn btn-secondary mb-2" data-toggle="tooltip"
|
||||
data-placement="left" title="Tooltip on left">
|
||||
Tooltip on left
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="page-footer">
|
||||
<div class="footer-content">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-6">
|
||||
<p class="mb-0 text-muted">ColoredStrategies 2019</p>
|
||||
</div>
|
||||
<div class="col-sm-6 d-none d-sm-block">
|
||||
<ul class="breadcrumb pt-0 pr-0 float-right">
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Review</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Purchase</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Docs</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="js/vendor/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/vendor/bootstrap.bundle.min.js"></script>
|
||||
<script src="js/vendor/perfect-scrollbar.min.js"></script>
|
||||
<script src="js/vendor/mousetrap.min.js"></script>
|
||||
<script src="js/dore.script.js"></script>
|
||||
<script src="js/scripts.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,892 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Dore jQuery</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
|
||||
<link rel="stylesheet" href="font/iconsmind-s/css/iconsminds.css" />
|
||||
<link rel="stylesheet" href="font/simple-line-icons/css/simple-line-icons.css" />
|
||||
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.rtl.only.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/perfect-scrollbar.css" />
|
||||
<link rel="stylesheet" href="css/vendor/component-custom-switch.min.css" />
|
||||
<link rel="stylesheet" href="css/main.css" />
|
||||
</head>
|
||||
|
||||
<body id="app-container" class="menu-default show-spinner">
|
||||
<nav class="navbar fixed-top">
|
||||
<div class="d-flex align-items-center navbar-left">
|
||||
<a href="#" class="menu-button d-none d-md-block">
|
||||
<svg class="main" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 17">
|
||||
<rect x="0.48" y="0.5" width="7" height="1" />
|
||||
<rect x="0.48" y="7.5" width="7" height="1" />
|
||||
<rect x="0.48" y="15.5" width="7" height="1" />
|
||||
</svg>
|
||||
<svg class="sub" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 17">
|
||||
<rect x="1.56" y="0.5" width="16" height="1" />
|
||||
<rect x="1.56" y="7.5" width="16" height="1" />
|
||||
<rect x="1.56" y="15.5" width="16" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<a href="#" class="menu-button-mobile d-xs-block d-sm-block d-md-none">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 17">
|
||||
<rect x="0.5" y="0.5" width="25" height="1" />
|
||||
<rect x="0.5" y="7.5" width="25" height="1" />
|
||||
<rect x="0.5" y="15.5" width="25" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<div class="search" data-search-path="Pages.Search.html?q=">
|
||||
<input placeholder="Search...">
|
||||
<span class="search-icon">
|
||||
<i class="simple-icon-magnifier"></i>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<a class="btn btn-sm btn-outline-primary ml-3 d-none d-md-inline-block"
|
||||
href="https://1.envato.market/5kAb"> BUY </a>
|
||||
</div>
|
||||
|
||||
<a class="navbar-logo" href="Dashboard.Default.html">
|
||||
<span class="logo d-none d-xs-block"></span>
|
||||
<span class="logo-mobile d-block d-xs-none"></span>
|
||||
</a>
|
||||
|
||||
<div class="navbar-right">
|
||||
<div class="header-icons d-inline-block align-middle">
|
||||
<div class="d-none d-md-inline-block align-text-bottom mr-3">
|
||||
<div class="custom-switch custom-switch-primary-inverse custom-switch-small pl-1"
|
||||
data-toggle="tooltip" data-placement="left" title="Dark Mode">
|
||||
<input class="custom-switch-input" id="switchDark" type="checkbox" checked>
|
||||
<label class="custom-switch-btn" for="switchDark"></label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative d-none d-sm-inline-block">
|
||||
<button class="header-icon btn btn-empty" type="button" id="iconMenuButton" data-toggle="dropdown"
|
||||
aria-haspopup="true" aria-expanded="false">
|
||||
<i class="simple-icon-grid"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3 position-absolute" id="iconMenuDropdown">
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-equalizer d-block"></i>
|
||||
<span>Settings</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-male-female d-block"></i>
|
||||
<span>Users</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-puzzle d-block"></i>
|
||||
<span>Components</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-bar-chart-4 d-block"></i>
|
||||
<span>Profits</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-file d-block"></i>
|
||||
<span>Surveys</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-suitcase d-block"></i>
|
||||
<span>Tasks</span>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative d-inline-block">
|
||||
<button class="header-icon btn btn-empty" type="button" id="notificationButton"
|
||||
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="simple-icon-bell"></i>
|
||||
<span class="count">3</span>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3 position-absolute" id="notificationDropdown">
|
||||
<div class="scroll">
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/profiles/l-2.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">Joisse Kaycee just sent a new comment!</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/notifications/1.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">1 item is out of stock!</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/notifications/2.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">New order received! It is total $147,20.</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 ">
|
||||
<a href="#">
|
||||
<img src="img/notifications/3.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">3 items just added to wish list by a user!
|
||||
</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button class="header-icon btn btn-empty d-none d-sm-inline-block" type="button" id="fullScreenButton">
|
||||
<i class="simple-icon-size-fullscreen"></i>
|
||||
<i class="simple-icon-size-actual"></i>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="user d-inline-block">
|
||||
<button class="btn btn-empty p-0" type="button" data-toggle="dropdown" aria-haspopup="true"
|
||||
aria-expanded="false">
|
||||
<span class="name">Sarah Kortney</span>
|
||||
<span>
|
||||
<img alt="Profile Picture" src="img/profiles/l-1.jpg" />
|
||||
</span>
|
||||
</button>
|
||||
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3">
|
||||
<a class="dropdown-item" href="#">Account</a>
|
||||
<a class="dropdown-item" href="#">Features</a>
|
||||
<a class="dropdown-item" href="#">History</a>
|
||||
<a class="dropdown-item" href="#">Support</a>
|
||||
<a class="dropdown-item" href="#">Sign out</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="menu">
|
||||
<div class="main-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled">
|
||||
<li>
|
||||
<a href="#dashboard">
|
||||
<i class="iconsminds-shop-4"></i>
|
||||
<span>Dashboards</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#layouts">
|
||||
<i class="iconsminds-digital-drawing"></i> Pages
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#applications">
|
||||
<i class="iconsminds-air-balloon-1"></i> Applications
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="#ui">
|
||||
<i class="iconsminds-pantone"></i> UI
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#menu">
|
||||
<i class="iconsminds-three-arrow-fork"></i> Menu
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Blank.Page.html">
|
||||
<i class="iconsminds-bucket"></i> Blank Page
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://dore-jquery-docs.coloredstrategies.com" target="_blank">
|
||||
<i class="iconsminds-library"></i> Docs
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sub-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled" data-link="dashboard">
|
||||
<li>
|
||||
<a href="Dashboard.Default.html">
|
||||
<i class="simple-icon-rocket"></i> <span class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Analytics.html">
|
||||
<i class="simple-icon-pie-chart"></i> <span class="d-inline-block">Analytics</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Ecommerce.html">
|
||||
<i class="simple-icon-basket-loaded"></i> <span class="d-inline-block">Ecommerce</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Content.html">
|
||||
<i class="simple-icon-doc"></i> <span class="d-inline-block">Content</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="layouts" id="layouts">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseAuthorization" aria-expanded="true"
|
||||
aria-controls="collapseAuthorization" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Authorization</span>
|
||||
</a>
|
||||
<div id="collapseAuthorization" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="login.html">
|
||||
<i class="simple-icon-user-following"></i> <span
|
||||
class="d-inline-block">Login</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Auth.Register.html">
|
||||
<i class="simple-icon-user-follow"></i> <span
|
||||
class="d-inline-block">Register</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Auth.ForgotPassword.html">
|
||||
<i class="simple-icon-user-unfollow"></i> <span class="d-inline-block">Forgot
|
||||
Password</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseProduct" aria-expanded="true"
|
||||
aria-controls="collapseProduct" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Product</span>
|
||||
</a>
|
||||
<div id="collapseProduct" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Product.List.html">
|
||||
<i class="simple-icon-credit-card"></i> <span class="d-inline-block">Data
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Thumbs.html">
|
||||
<i class="simple-icon-list"></i> <span class="d-inline-block">Thumb
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Images.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Image
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Detail.html">
|
||||
<i class="simple-icon-book-open"></i> <span class="d-inline-block">Detail</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseProfile" aria-expanded="true"
|
||||
aria-controls="collapseProfile" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Profile</span>
|
||||
</a>
|
||||
<div id="collapseProfile" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Profile.Social.html">
|
||||
<i class="simple-icon-share"></i> <span class="d-inline-block">Social</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Profile.Portfolio.html">
|
||||
<i class="simple-icon-link"></i> <span class="d-inline-block">Portfolio</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseBlog" aria-expanded="true"
|
||||
aria-controls="collapseBlog" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Blog</span>
|
||||
</a>
|
||||
<div id="collapseBlog" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Blog.html">
|
||||
<i class="simple-icon-list"></i> <span class="d-inline-block">List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Blog.Detail.html">
|
||||
<i class="simple-icon-book-open"></i> <span class="d-inline-block">Detail</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="edit_booking.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Detail
|
||||
Alt</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMisc" aria-expanded="true"
|
||||
aria-controls="collapseMisc" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Miscellaneous</span>
|
||||
</a>
|
||||
<div id="collapseMisc" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Misc.Coming.Soon.html">
|
||||
<i class="simple-icon-hourglass"></i> <span class="d-inline-block">Coming
|
||||
Soon</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Error.html">
|
||||
<i class="simple-icon-exclamation"></i> <span
|
||||
class="d-inline-block">Error</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Faq.html">
|
||||
<i class="simple-icon-question"></i> <span class="d-inline-block">Faq</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Invoice.html">
|
||||
<i class="simple-icon-bag"></i> <span class="d-inline-block">Invoice</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Knowledge.Base.html">
|
||||
<i class="simple-icon-graduation"></i> <span class="d-inline-block">Knowledge
|
||||
Base</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Mailing.html">
|
||||
<i class="simple-icon-envelope-open"></i> <span
|
||||
class="d-inline-block">Mailing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Pricing.html">
|
||||
<i class="simple-icon-diamond"></i> <span class="d-inline-block">Pricing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Search.html">
|
||||
<i class="simple-icon-magnifier"></i> <span class="d-inline-block">Search</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="applications">
|
||||
<li>
|
||||
<a href="Apps.MediaLibrary.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Library</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Todo.List.html">
|
||||
<i class="simple-icon-check"></i> <span class="d-inline-block">Todo</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Survey.List.html">
|
||||
<i class="simple-icon-calculator"></i> <span class="d-inline-block">Survey</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Chat.html">
|
||||
<i class="simple-icon-bubbles"></i> <span class="d-inline-block">Chat</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="ui">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseForms" aria-expanded="true"
|
||||
aria-controls="collapseForms" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Forms</span>
|
||||
</a>
|
||||
<div id="collapseForms" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Forms.Components.html">
|
||||
<i class="simple-icon-event"></i> <span class="d-inline-block">Components</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Layouts.html">
|
||||
<i class="simple-icon-doc"></i> <span class="d-inline-block">Layouts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Validation.html">
|
||||
<i class="simple-icon-check"></i> <span class="d-inline-block">Validation</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Wizard.html">
|
||||
<i class="simple-icon-magic-wand"></i> <span
|
||||
class="d-inline-block">Wizard</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseDataTables" aria-expanded="true"
|
||||
aria-controls="collapseDataTables" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Datatables</span>
|
||||
</a>
|
||||
<div id="collapseDataTables" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Datatables.Rows.html">
|
||||
<i class="simple-icon-screen-desktop"></i> <span class="d-inline-block">Full
|
||||
Page UI</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Scroll.html">
|
||||
<i class="simple-icon-mouse"></i> <span class="d-inline-block">Scrollable</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Pagination.html">
|
||||
<i class="simple-icon-notebook"></i> <span
|
||||
class="d-inline-block">Pagination</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Default.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseComponents" aria-expanded="true"
|
||||
aria-controls="collapseComponents" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Components</span>
|
||||
</a>
|
||||
<div id="collapseComponents" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Components.Alerts.html">
|
||||
<i class="simple-icon-bell"></i> <span class="d-inline-block">Alerts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Badges.html">
|
||||
<i class="simple-icon-badge"></i> <span class="d-inline-block">Badges</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Buttons.html">
|
||||
<i class="simple-icon-control-play"></i> <span
|
||||
class="d-inline-block">Buttons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Cards.html">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Cards</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="Ui.Components.Carousel.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Carousel</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Charts.html">
|
||||
<i class="simple-icon-chart"></i> <span class="d-inline-block">Charts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Collapse.html">
|
||||
<i class="simple-icon-arrow-up"></i> <span
|
||||
class="d-inline-block">Collapse</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Dropdowns.html">
|
||||
<i class="simple-icon-arrow-down"></i> <span
|
||||
class="d-inline-block">Dropdowns</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Editors.html">
|
||||
<i class="simple-icon-book-open"></i> <span
|
||||
class="d-inline-block">Editors</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Icons.html">
|
||||
<i class="simple-icon-star"></i> <span class="d-inline-block">Icons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.InputGroups.html">
|
||||
<i class="simple-icon-note"></i> <span class="d-inline-block">Input
|
||||
Groups</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Jumbotron.html">
|
||||
<i class="simple-icon-screen-desktop"></i> <span
|
||||
class="d-inline-block">Jumbotron</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Modal.html">
|
||||
<i class="simple-icon-docs"></i> <span class="d-inline-block">Modal</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Navigation.html">
|
||||
<i class="simple-icon-cursor"></i> <span
|
||||
class="d-inline-block">Navigation</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="Ui.Components.PopoverandTooltip.html">
|
||||
<i class="simple-icon-pin"></i> <span class="d-inline-block">Popover &
|
||||
Tooltip</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="Ui.Components.Sortable.html">
|
||||
<i class="simple-icon-shuffle"></i> <span class="d-inline-block">Sortable</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Tables.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Tables</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<ul class="list-unstyled" data-link="menu" id="menuTypes">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuTypes" aria-expanded="true"
|
||||
aria-controls="collapseMenuTypes" class="rotate-arrow-icon">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Types</span>
|
||||
</a>
|
||||
<div id="collapseMenuTypes" class="collapse show" data-parent="#menuTypes">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Menu.Default.html">
|
||||
<i class="simple-icon-control-pause"></i> <span
|
||||
class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Subhidden.html">
|
||||
<i class="simple-icon-arrow-left mi-subhidden"></i> <span
|
||||
class="d-inline-block">Subhidden</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Hidden.html">
|
||||
<i class="simple-icon-control-start mi-hidden"></i> <span
|
||||
class="d-inline-block">Hidden</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Mainhidden.html">
|
||||
<i class="simple-icon-control-rewind mi-hidden"></i> <span
|
||||
class="d-inline-block">Mainhidden</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuLevel" aria-expanded="true"
|
||||
aria-controls="collapseMenuLevel" class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Levels</span>
|
||||
</a>
|
||||
<div id="collapseMenuLevel" class="collapse" data-parent="#menuTypes">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuLevel2"
|
||||
aria-expanded="true" aria-controls="collapseMenuLevel2"
|
||||
class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Another
|
||||
Level</span>
|
||||
</a>
|
||||
<div id="collapseMenuLevel2" class="collapse">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuDetached" aria-expanded="true"
|
||||
aria-controls="collapseMenuDetached" class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Detached</span>
|
||||
</a>
|
||||
<div id="collapseMenuDetached" class="collapse">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
|
||||
<h1>Sortable</h1>
|
||||
<nav class="breadcrumb-container d-none d-sm-block d-lg-inline-block" aria-label="breadcrumb">
|
||||
<ol class="breadcrumb pt-0">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Home</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Library</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Data</li>
|
||||
</ol>
|
||||
</nav>
|
||||
<div class="separator mb-5"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
|
||||
|
||||
<h5 class="mb-4">Sorting Columns</h5>
|
||||
<div class="row icon-cards-row mb-4 sortable">
|
||||
<div class="col-md-3 col-lg-3 col-sm-4 col-6 mb-2">
|
||||
<a href="#" class="card">
|
||||
<div class="card-body text-center">
|
||||
<i class="iconsminds-clock"></i>
|
||||
<p class="card-text font-weight-semibold mb-0">Pending Orders</p>
|
||||
<p class="lead text-center">14</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-3 col-lg-3 col-sm-4 col-6 mb-2">
|
||||
<a href="#" class="card">
|
||||
<div class="card-body text-center">
|
||||
<i class="iconsminds-basket-coins"></i>
|
||||
<p class="card-text mb-0">Completed Orders</p>
|
||||
<p class="lead text-center">32</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-3 col-lg-3 col-sm-4 col-6 mb-2">
|
||||
<a href="#" class="card">
|
||||
<div class="card-body text-center">
|
||||
<i class="iconsminds-arrow-refresh"></i>
|
||||
<p class="card-text mb-0">Refund Requests</p>
|
||||
<p class="lead text-center">74</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-3 col-lg-3 col-sm-4 col-6 mb-2">
|
||||
<a href="#" class="card">
|
||||
<div class="card-body text-center">
|
||||
<i class="iconsminds-mail-read"></i>
|
||||
<p class="card-text mb-0">New Comments</p>
|
||||
<p class="lead text-center">25</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<h5 class="mb-4">Basic</h5>
|
||||
|
||||
<div class="card mb-4">
|
||||
<div class="card-body">
|
||||
<ul class="sortable list-unstyled">
|
||||
<li>
|
||||
<p>1. Angel Cake </p>
|
||||
</li>
|
||||
<li>
|
||||
<p>2. Bibingka </p>
|
||||
</li>
|
||||
<li>
|
||||
<p>3. Cremeschnitte </p>
|
||||
</li>
|
||||
<li>
|
||||
<p>4. Faworki</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<h5 class="mb-4">Handles</h5>
|
||||
|
||||
<div class="card mb-4">
|
||||
<div class="card-body">
|
||||
<ul class="sortable list-unstyled">
|
||||
<li>
|
||||
<p>
|
||||
<span class="badge badge-pill badge-secondary handle">
|
||||
<i class="simple-icon-cursor-move"></i>
|
||||
</span>
|
||||
<span>Angel Cake</span>
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
<span class="badge badge-pill badge-secondary handle">
|
||||
<i class="simple-icon-cursor-move"></i>
|
||||
</span> Bibingka</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
<span class="badge badge-pill badge-secondary handle">
|
||||
<i class="simple-icon-cursor-move"></i>
|
||||
</span> Cremeschnitte</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
<span class="badge badge-pill badge-secondary handle">
|
||||
<i class="simple-icon-cursor-move"></i>
|
||||
</span> Faworki</p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sk-circle">
|
||||
<div class="sk-circle1 sk-child"></div>
|
||||
<div class="sk-circle2 sk-child"></div>
|
||||
<div class="sk-circle3 sk-child"></div>
|
||||
<div class="sk-circle4 sk-child"></div>
|
||||
<div class="sk-circle5 sk-child"></div>
|
||||
<div class="sk-circle6 sk-child"></div>
|
||||
<div class="sk-circle7 sk-child"></div>
|
||||
<div class="sk-circle8 sk-child"></div>
|
||||
<div class="sk-circle9 sk-child"></div>
|
||||
<div class="sk-circle10 sk-child"></div>
|
||||
<div class="sk-circle11 sk-child"></div>
|
||||
<div class="sk-circle12 sk-child"></div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="page-footer">
|
||||
<div class="footer-content">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-6">
|
||||
<p class="mb-0 text-muted">ColoredStrategies 2019</p>
|
||||
</div>
|
||||
<div class="col-sm-6 d-none d-sm-block">
|
||||
<ul class="breadcrumb pt-0 pr-0 float-right">
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Review</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Purchase</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Docs</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="js/vendor/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/vendor/bootstrap.bundle.min.js"></script>
|
||||
<script src="js/vendor/perfect-scrollbar.min.js"></script>
|
||||
<script src="js/vendor/Sortable.js"></script>
|
||||
<script src="js/vendor/mousetrap.min.js"></script>
|
||||
<script src="js/dore.script.js"></script>
|
||||
<script src="js/scripts.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,994 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Dore jQuery</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
|
||||
<link rel="stylesheet" href="font/iconsmind-s/css/iconsminds.css" />
|
||||
<link rel="stylesheet" href="font/simple-line-icons/css/simple-line-icons.css" />
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.rtl.only.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/perfect-scrollbar.css" />
|
||||
<link rel="stylesheet" href="css/vendor/component-custom-switch.min.css" />
|
||||
<link rel="stylesheet" href="css/main.css" />
|
||||
</head>
|
||||
|
||||
<body id="app-container" class="menu-default show-spinner">
|
||||
<nav class="navbar fixed-top">
|
||||
<div class="d-flex align-items-center navbar-left">
|
||||
<a href="#" class="menu-button d-none d-md-block">
|
||||
<svg class="main" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 17">
|
||||
<rect x="0.48" y="0.5" width="7" height="1" />
|
||||
<rect x="0.48" y="7.5" width="7" height="1" />
|
||||
<rect x="0.48" y="15.5" width="7" height="1" />
|
||||
</svg>
|
||||
<svg class="sub" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 17">
|
||||
<rect x="1.56" y="0.5" width="16" height="1" />
|
||||
<rect x="1.56" y="7.5" width="16" height="1" />
|
||||
<rect x="1.56" y="15.5" width="16" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<a href="#" class="menu-button-mobile d-xs-block d-sm-block d-md-none">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 17">
|
||||
<rect x="0.5" y="0.5" width="25" height="1" />
|
||||
<rect x="0.5" y="7.5" width="25" height="1" />
|
||||
<rect x="0.5" y="15.5" width="25" height="1" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<div class="search" data-search-path="Pages.Search.html?q=">
|
||||
<input placeholder="Search...">
|
||||
<span class="search-icon">
|
||||
<i class="simple-icon-magnifier"></i>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<a class="btn btn-sm btn-outline-primary ml-3 d-none d-md-inline-block"
|
||||
href="https://1.envato.market/5kAb"> BUY </a>
|
||||
</div>
|
||||
|
||||
<a class="navbar-logo" href="Dashboard.Default.html">
|
||||
<span class="logo d-none d-xs-block"></span>
|
||||
<span class="logo-mobile d-block d-xs-none"></span>
|
||||
</a>
|
||||
|
||||
<div class="navbar-right">
|
||||
<div class="header-icons d-inline-block align-middle">
|
||||
<div class="d-none d-md-inline-block align-text-bottom mr-3">
|
||||
<div class="custom-switch custom-switch-primary-inverse custom-switch-small pl-1"
|
||||
data-toggle="tooltip" data-placement="left" title="Dark Mode">
|
||||
<input class="custom-switch-input" id="switchDark" type="checkbox" checked>
|
||||
<label class="custom-switch-btn" for="switchDark"></label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative d-none d-sm-inline-block">
|
||||
<button class="header-icon btn btn-empty" type="button" id="iconMenuButton" data-toggle="dropdown"
|
||||
aria-haspopup="true" aria-expanded="false">
|
||||
<i class="simple-icon-grid"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3 position-absolute" id="iconMenuDropdown">
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-equalizer d-block"></i>
|
||||
<span>Settings</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-male-female d-block"></i>
|
||||
<span>Users</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-puzzle d-block"></i>
|
||||
<span>Components</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-bar-chart-4 d-block"></i>
|
||||
<span>Profits</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-file d-block"></i>
|
||||
<span>Surveys</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="icon-menu-item">
|
||||
<i class="iconsminds-suitcase d-block"></i>
|
||||
<span>Tasks</span>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="position-relative d-inline-block">
|
||||
<button class="header-icon btn btn-empty" type="button" id="notificationButton"
|
||||
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="simple-icon-bell"></i>
|
||||
<span class="count">3</span>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3 position-absolute" id="notificationDropdown">
|
||||
<div class="scroll">
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/profiles/l-2.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">Joisse Kaycee just sent a new comment!</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/notifications/1.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">1 item is out of stock!</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 border-bottom">
|
||||
<a href="#">
|
||||
<img src="img/notifications/2.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">New order received! It is total $147,20.</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-3 pb-3 ">
|
||||
<a href="#">
|
||||
<img src="img/notifications/3.jpg" alt="Notification Image"
|
||||
class="img-thumbnail list-thumbnail xsmall border-0 rounded-circle" />
|
||||
</a>
|
||||
<div class="pl-3">
|
||||
<a href="#">
|
||||
<p class="font-weight-medium mb-1">3 items just added to wish list by a user!
|
||||
</p>
|
||||
<p class="text-muted mb-0 text-small">09.04.2018 - 12:45</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button class="header-icon btn btn-empty d-none d-sm-inline-block" type="button" id="fullScreenButton">
|
||||
<i class="simple-icon-size-fullscreen"></i>
|
||||
<i class="simple-icon-size-actual"></i>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="user d-inline-block">
|
||||
<button class="btn btn-empty p-0" type="button" data-toggle="dropdown" aria-haspopup="true"
|
||||
aria-expanded="false">
|
||||
<span class="name">Sarah Kortney</span>
|
||||
<span>
|
||||
<img alt="Profile Picture" src="img/profiles/l-1.jpg" />
|
||||
</span>
|
||||
</button>
|
||||
|
||||
<div class="dropdown-menu dropdown-menu-right mt-3">
|
||||
<a class="dropdown-item" href="#">Account</a>
|
||||
<a class="dropdown-item" href="#">Features</a>
|
||||
<a class="dropdown-item" href="#">History</a>
|
||||
<a class="dropdown-item" href="#">Support</a>
|
||||
<a class="dropdown-item" href="#">Sign out</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="menu">
|
||||
<div class="main-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled">
|
||||
<li>
|
||||
<a href="#dashboard">
|
||||
<i class="iconsminds-shop-4"></i>
|
||||
<span>Dashboards</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#layouts">
|
||||
<i class="iconsminds-digital-drawing"></i> Pages
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#applications">
|
||||
<i class="iconsminds-air-balloon-1"></i> Applications
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="#ui">
|
||||
<i class="iconsminds-pantone"></i> UI
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#menu">
|
||||
<i class="iconsminds-three-arrow-fork"></i> Menu
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Blank.Page.html">
|
||||
<i class="iconsminds-bucket"></i> Blank Page
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://dore-jquery-docs.coloredstrategies.com" target="_blank">
|
||||
<i class="iconsminds-library"></i> Docs
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sub-menu">
|
||||
<div class="scroll">
|
||||
<ul class="list-unstyled" data-link="dashboard">
|
||||
<li>
|
||||
<a href="Dashboard.Default.html">
|
||||
<i class="simple-icon-rocket"></i> <span class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Analytics.html">
|
||||
<i class="simple-icon-pie-chart"></i> <span class="d-inline-block">Analytics</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Ecommerce.html">
|
||||
<i class="simple-icon-basket-loaded"></i> <span class="d-inline-block">Ecommerce</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Dashboard.Content.html">
|
||||
<i class="simple-icon-doc"></i> <span class="d-inline-block">Content</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="layouts" id="layouts">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseAuthorization" aria-expanded="true"
|
||||
aria-controls="collapseAuthorization" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Authorization</span>
|
||||
</a>
|
||||
<div id="collapseAuthorization" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="login.html">
|
||||
<i class="simple-icon-user-following"></i> <span
|
||||
class="d-inline-block">Login</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Auth.Register.html">
|
||||
<i class="simple-icon-user-follow"></i> <span
|
||||
class="d-inline-block">Register</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Auth.ForgotPassword.html">
|
||||
<i class="simple-icon-user-unfollow"></i> <span class="d-inline-block">Forgot
|
||||
Password</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseProduct" aria-expanded="true"
|
||||
aria-controls="collapseProduct" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Product</span>
|
||||
</a>
|
||||
<div id="collapseProduct" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Product.List.html">
|
||||
<i class="simple-icon-credit-card"></i> <span class="d-inline-block">Data
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Thumbs.html">
|
||||
<i class="simple-icon-list"></i> <span class="d-inline-block">Thumb
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Images.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Image
|
||||
List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Product.Detail.html">
|
||||
<i class="simple-icon-book-open"></i> <span class="d-inline-block">Detail</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseProfile" aria-expanded="true"
|
||||
aria-controls="collapseProfile" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Profile</span>
|
||||
</a>
|
||||
<div id="collapseProfile" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Profile.Social.html">
|
||||
<i class="simple-icon-share"></i> <span class="d-inline-block">Social</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Profile.Portfolio.html">
|
||||
<i class="simple-icon-link"></i> <span class="d-inline-block">Portfolio</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseBlog" aria-expanded="true"
|
||||
aria-controls="collapseBlog" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Blog</span>
|
||||
</a>
|
||||
<div id="collapseBlog" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Blog.html">
|
||||
<i class="simple-icon-list"></i> <span class="d-inline-block">List</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Blog.Detail.html">
|
||||
<i class="simple-icon-book-open"></i> <span class="d-inline-block">Detail</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="edit_booking.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Detail
|
||||
Alt</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMisc" aria-expanded="true"
|
||||
aria-controls="collapseMisc" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Miscellaneous</span>
|
||||
</a>
|
||||
<div id="collapseMisc" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Pages.Misc.Coming.Soon.html">
|
||||
<i class="simple-icon-hourglass"></i> <span class="d-inline-block">Coming
|
||||
Soon</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Error.html">
|
||||
<i class="simple-icon-exclamation"></i> <span
|
||||
class="d-inline-block">Error</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Faq.html">
|
||||
<i class="simple-icon-question"></i> <span class="d-inline-block">Faq</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Invoice.html">
|
||||
<i class="simple-icon-bag"></i> <span class="d-inline-block">Invoice</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Knowledge.Base.html">
|
||||
<i class="simple-icon-graduation"></i> <span class="d-inline-block">Knowledge
|
||||
Base</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Mailing.html">
|
||||
<i class="simple-icon-envelope-open"></i> <span
|
||||
class="d-inline-block">Mailing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Pricing.html">
|
||||
<i class="simple-icon-diamond"></i> <span class="d-inline-block">Pricing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Pages.Misc.Search.html">
|
||||
<i class="simple-icon-magnifier"></i> <span class="d-inline-block">Search</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="applications">
|
||||
<li>
|
||||
<a href="Apps.MediaLibrary.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Library</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Todo.List.html">
|
||||
<i class="simple-icon-check"></i> <span class="d-inline-block">Todo</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Survey.List.html">
|
||||
<i class="simple-icon-calculator"></i> <span class="d-inline-block">Survey</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Apps.Chat.html">
|
||||
<i class="simple-icon-bubbles"></i> <span class="d-inline-block">Chat</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-unstyled" data-link="ui">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseForms" aria-expanded="true"
|
||||
aria-controls="collapseForms" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Forms</span>
|
||||
</a>
|
||||
<div id="collapseForms" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Forms.Components.html">
|
||||
<i class="simple-icon-event"></i> <span class="d-inline-block">Components</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Layouts.html">
|
||||
<i class="simple-icon-doc"></i> <span class="d-inline-block">Layouts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Validation.html">
|
||||
<i class="simple-icon-check"></i> <span class="d-inline-block">Validation</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Forms.Wizard.html">
|
||||
<i class="simple-icon-magic-wand"></i> <span
|
||||
class="d-inline-block">Wizard</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseDataTables" aria-expanded="true"
|
||||
aria-controls="collapseDataTables" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Datatables</span>
|
||||
</a>
|
||||
<div id="collapseDataTables" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Datatables.Rows.html">
|
||||
<i class="simple-icon-screen-desktop"></i> <span class="d-inline-block">Full
|
||||
Page UI</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Scroll.html">
|
||||
<i class="simple-icon-mouse"></i> <span class="d-inline-block">Scrollable</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Pagination.html">
|
||||
<i class="simple-icon-notebook"></i> <span
|
||||
class="d-inline-block">Pagination</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Datatables.Default.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseComponents" aria-expanded="true"
|
||||
aria-controls="collapseComponents" class="rotate-arrow-icon opacity-50">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Components</span>
|
||||
</a>
|
||||
<div id="collapseComponents" class="collapse show">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Ui.Components.Alerts.html">
|
||||
<i class="simple-icon-bell"></i> <span class="d-inline-block">Alerts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Badges.html">
|
||||
<i class="simple-icon-badge"></i> <span class="d-inline-block">Badges</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Buttons.html">
|
||||
<i class="simple-icon-control-play"></i> <span
|
||||
class="d-inline-block">Buttons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Cards.html">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Cards</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="Ui.Components.Carousel.html">
|
||||
<i class="simple-icon-picture"></i> <span class="d-inline-block">Carousel</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Charts.html">
|
||||
<i class="simple-icon-chart"></i> <span class="d-inline-block">Charts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Collapse.html">
|
||||
<i class="simple-icon-arrow-up"></i> <span
|
||||
class="d-inline-block">Collapse</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Dropdowns.html">
|
||||
<i class="simple-icon-arrow-down"></i> <span
|
||||
class="d-inline-block">Dropdowns</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Editors.html">
|
||||
<i class="simple-icon-book-open"></i> <span
|
||||
class="d-inline-block">Editors</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Icons.html">
|
||||
<i class="simple-icon-star"></i> <span class="d-inline-block">Icons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.InputGroups.html">
|
||||
<i class="simple-icon-note"></i> <span class="d-inline-block">Input
|
||||
Groups</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Jumbotron.html">
|
||||
<i class="simple-icon-screen-desktop"></i> <span
|
||||
class="d-inline-block">Jumbotron</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Modal.html">
|
||||
<i class="simple-icon-docs"></i> <span class="d-inline-block">Modal</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Navigation.html">
|
||||
<i class="simple-icon-cursor"></i> <span
|
||||
class="d-inline-block">Navigation</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="Ui.Components.PopoverandTooltip.html">
|
||||
<i class="simple-icon-pin"></i> <span class="d-inline-block">Popover &
|
||||
Tooltip</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Ui.Components.Sortable.html">
|
||||
<i class="simple-icon-shuffle"></i> <span class="d-inline-block">Sortable</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="Ui.Components.Tables.html">
|
||||
<i class="simple-icon-grid"></i> <span class="d-inline-block">Tables</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<ul class="list-unstyled" data-link="menu" id="menuTypes">
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuTypes" aria-expanded="true"
|
||||
aria-controls="collapseMenuTypes" class="rotate-arrow-icon">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Types</span>
|
||||
</a>
|
||||
<div id="collapseMenuTypes" class="collapse show" data-parent="#menuTypes">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="Menu.Default.html">
|
||||
<i class="simple-icon-control-pause"></i> <span
|
||||
class="d-inline-block">Default</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Subhidden.html">
|
||||
<i class="simple-icon-arrow-left mi-subhidden"></i> <span
|
||||
class="d-inline-block">Subhidden</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Hidden.html">
|
||||
<i class="simple-icon-control-start mi-hidden"></i> <span
|
||||
class="d-inline-block">Hidden</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="Menu.Mainhidden.html">
|
||||
<i class="simple-icon-control-rewind mi-hidden"></i> <span
|
||||
class="d-inline-block">Mainhidden</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuLevel" aria-expanded="true"
|
||||
aria-controls="collapseMenuLevel" class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Menu Levels</span>
|
||||
</a>
|
||||
<div id="collapseMenuLevel" class="collapse" data-parent="#menuTypes">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuLevel2"
|
||||
aria-expanded="true" aria-controls="collapseMenuLevel2"
|
||||
class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Another
|
||||
Level</span>
|
||||
</a>
|
||||
<div id="collapseMenuLevel2" class="collapse">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-toggle="collapse" data-target="#collapseMenuDetached" aria-expanded="true"
|
||||
aria-controls="collapseMenuDetached" class="rotate-arrow-icon collapsed">
|
||||
<i class="simple-icon-arrow-down"></i> <span class="d-inline-block">Detached</span>
|
||||
</a>
|
||||
<div id="collapseMenuDetached" class="collapse">
|
||||
<ul class="list-unstyled inner-level-menu">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="simple-icon-layers"></i> <span class="d-inline-block">Sub
|
||||
Level</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h1>Bootstrap Tables</h1>
|
||||
<nav class="breadcrumb-container d-none d-sm-block d-lg-inline-block" aria-label="breadcrumb">
|
||||
<ol class="breadcrumb pt-0">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Home</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Library</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Data</li>
|
||||
</ol>
|
||||
</nav>
|
||||
<div class="separator mb-5"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-4">
|
||||
<div class="col-lg-6 col-md-12 mb-4">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Basic Table</h5>
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">#</th>
|
||||
<th scope="col">First</th>
|
||||
<th scope="col">Last</th>
|
||||
<th scope="col">Handle</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">1</th>
|
||||
<td>Mark</td>
|
||||
<td>Otto</td>
|
||||
<td>@mdo</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">2</th>
|
||||
<td>Jacob</td>
|
||||
<td>Thornton</td>
|
||||
<td>@fat</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">3</th>
|
||||
<td>Larry</td>
|
||||
<td>the Bird</td>
|
||||
<td>@twitter</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6 col-md-12 mb-4">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Light Heading</h5>
|
||||
|
||||
<table class="table">
|
||||
<thead class="thead-light">
|
||||
<tr>
|
||||
<th scope="col">#</th>
|
||||
<th scope="col">First</th>
|
||||
<th scope="col">Last</th>
|
||||
<th scope="col">Handle</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">1</th>
|
||||
<td>Mark</td>
|
||||
<td>Otto</td>
|
||||
<td>@mdo</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">2</th>
|
||||
<td>Jacob</td>
|
||||
<td>Thornton</td>
|
||||
<td>@fat</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">3</th>
|
||||
<td>Larry</td>
|
||||
<td>the Bird</td>
|
||||
<td>@twitter</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6 col-md-12 mb-4">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Striped Rows</h5>
|
||||
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">#</th>
|
||||
<th scope="col">First</th>
|
||||
<th scope="col">Last</th>
|
||||
<th scope="col">Handle</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">1</th>
|
||||
<td>Mark</td>
|
||||
<td>Otto</td>
|
||||
<td>@mdo</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">2</th>
|
||||
<td>Jacob</td>
|
||||
<td>Thornton</td>
|
||||
<td>@fat</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">3</th>
|
||||
<td>Larry</td>
|
||||
<td>the Bird</td>
|
||||
<td>@twitter</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6 col-md-12 mb-4">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Bordered Table</h5>
|
||||
|
||||
<table class="table table-bordered">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">#</th>
|
||||
<th scope="col">First</th>
|
||||
<th scope="col">Last</th>
|
||||
<th scope="col">Handle</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">1</th>
|
||||
<td>Mark</td>
|
||||
<td>Otto</td>
|
||||
<td>@mdo</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">2</th>
|
||||
<td>Jacob</td>
|
||||
<td>Thornton</td>
|
||||
<td>@fat</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">3</th>
|
||||
<td colspan="2">Larry the Bird</td>
|
||||
<td>@twitter</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6 col-md-12 mb-4">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Borderless Table</h5>
|
||||
<table class="table table-borderless">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">#</th>
|
||||
<th scope="col">First</th>
|
||||
<th scope="col">Last</th>
|
||||
<th scope="col">Handle</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">1</th>
|
||||
<td>Mark</td>
|
||||
<td>Otto</td>
|
||||
<td>@mdo</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">2</th>
|
||||
<td>Jacob</td>
|
||||
<td>Thornton</td>
|
||||
<td>@fat</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">3</th>
|
||||
<td colspan="2">Larry the Bird</td>
|
||||
<td>@twitter</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6 col-md-12 mb-4">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Hoverable Table</h5>
|
||||
<table class="table table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">#</th>
|
||||
<th scope="col">First</th>
|
||||
<th scope="col">Last</th>
|
||||
<th scope="col">Handle</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">1</th>
|
||||
<td>Mark</td>
|
||||
<td>Otto</td>
|
||||
<td>@mdo</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">2</th>
|
||||
<td>Jacob</td>
|
||||
<td>Thornton</td>
|
||||
<td>@fat</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">3</th>
|
||||
<td colspan="2">Larry the Bird</td>
|
||||
<td>@twitter</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="page-footer">
|
||||
<div class="footer-content">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-6">
|
||||
<p class="mb-0 text-muted">ColoredStrategies 2019</p>
|
||||
</div>
|
||||
<div class="col-sm-6 d-none d-sm-block">
|
||||
<ul class="breadcrumb pt-0 pr-0 float-right">
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Review</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Purchase</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item mb-0">
|
||||
<a href="#" class="btn-link">Docs</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="js/vendor/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/vendor/bootstrap.bundle.min.js"></script>
|
||||
<script src="js/vendor/perfect-scrollbar.min.js"></script>
|
||||
<script src="js/dore.script.js"></script>
|
||||
<script src="js/scripts.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,65 @@
|
||||
{% load static %}
|
||||
|
||||
|
||||
{% include "diaxeirisi/00_head.html" %}
|
||||
|
||||
<body id="app-container" class="menu-default show-spinner vertical boxed">
|
||||
{% include "diaxeirisi/01_menu.html" %}
|
||||
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="mb-2">
|
||||
<h1>Δημιουργία Παραγγελίας</h1>
|
||||
<nav class="breadcrumb-container d-none d-sm-block d-lg-inline-block" aria-label="breadcrumb">
|
||||
<ol class="breadcrumb pt-0">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="/dx">Πίσω</a>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="separator mb-5"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-4">
|
||||
<div class="col-7 col-md-7 col-xl-5">
|
||||
<div class="container">
|
||||
{% block content %}
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h1>All collections</h1>
|
||||
<a class="btn btn-outline-primary" href="{% url 'orders:collection_create' %}" role="button">Create new collection</a>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
{% if collections %}
|
||||
{% for object in collections %}
|
||||
<li>
|
||||
<a href="{% url 'orders:collection_detail' pk=object.pk %}">Collection ID {{ object }}</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
<p>No collections</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
</div>
|
||||
|
||||
<!-- Optional JavaScript -->
|
||||
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.0/js/bootstrap.min.js" integrity="sha384-7aThvCh9TypR7fIc2HV4O/nFMVCBwyIUKL8XCtKE+8xgCgl/PQGuFsvShjr74PBp" crossorigin="anonymous"></script>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
|
||||
{% include "diaxeirisi/99_footer.html" %}
|
||||
@@ -0,0 +1,48 @@
|
||||
{% load static %}
|
||||
|
||||
|
||||
{% include "diaxeirisi/00_head.html" %}
|
||||
|
||||
<body id="app-container" class="menu-default show-spinner vertical boxed">
|
||||
{% include "diaxeirisi/01_menu.html" %}
|
||||
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="mb-2">
|
||||
<h1>Δημιουργία Καταχώρησης Δωματίου</h1>
|
||||
<nav class="breadcrumb-container d-none d-sm-block d-lg-inline-block" aria-label="breadcrumb">
|
||||
<ol class="breadcrumb pt-0">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="/dx">Πίσω</a>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="separator mb-5"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-4">
|
||||
<div class="col-7 col-md-7 col-xl-5">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<form class="mx-auto" method="post">
|
||||
{% csrf_token %}
|
||||
{{ form.as_p }}
|
||||
<a href="/dx">
|
||||
<button type="button" class="btn btn-outline-primary">
|
||||
Πίσω</button>
|
||||
</a>
|
||||
<input type="submit" value="Αποθήκευση">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
|
||||
{% include "diaxeirisi/99_footer.html" %}
|
||||
@@ -0,0 +1,63 @@
|
||||
{% load static %}
|
||||
|
||||
|
||||
{% include "diaxeirisi/00_head.html" %}
|
||||
|
||||
<body id="app-container" class="menu-default show-spinner vertical boxed">
|
||||
{% include "diaxeirisi/01_menu.html" %}
|
||||
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="mb-2">
|
||||
<h1>Δημιουργία Καταχώρησης Κράτησης</h1>
|
||||
<nav class="breadcrumb-container d-none d-sm-block d-lg-inline-block" aria-label="breadcrumb">
|
||||
<ol class="breadcrumb pt-0">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="/dx">Πίσω</a>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="separator mb-5"></div>
|
||||
</div>
|
||||
</div>
|
||||
{% if form.errors %}
|
||||
{% for field in form %}
|
||||
{% for error in field.errors %}
|
||||
<div class="alert alert-danger">
|
||||
<strong>{{ error|escape }}</strong>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
{% for error in form.non_field_errors %}
|
||||
<div class="alert alert-danger">
|
||||
<strong>{{ error|escape }}</strong>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
<div class="row mb-4">
|
||||
<div class="col-7 col-md-7 col-xl-5">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<form class="mx-auto" method="post">
|
||||
{% csrf_token %}
|
||||
{{ form }}
|
||||
<script src="{% static 'gogo/js/vendor/jquery-3.3.1.min.js' %}"></script>
|
||||
{{ form.media }}
|
||||
<a href="/dx">
|
||||
<button type="button" class="btn btn-outline-primary">
|
||||
Πίσω</button>
|
||||
</a>
|
||||
<input type="submit" value="Αποθήκευση">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
|
||||
{% include "diaxeirisi/99_footer.html" %}
|
||||
@@ -0,0 +1,77 @@
|
||||
{% load static %}
|
||||
|
||||
|
||||
{% include "diaxeirisi/00_head.html" %}
|
||||
|
||||
<body id="app-container" class="menu-default show-spinner vertical boxed">
|
||||
{% include "diaxeirisi/01_menu.html" %}
|
||||
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="mb-2">
|
||||
<h1>Επεξεργασία Καταχώρησης Κράτησης</h1>
|
||||
<nav class="breadcrumb-container d-none d-sm-block d-lg-inline-block" aria-label="breadcrumb">
|
||||
<ol class="breadcrumb pt-0">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="/dx">Πίσω</a>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="separator mb-5"></div>
|
||||
</div>
|
||||
</div>
|
||||
{% if form.errors %}
|
||||
{% for field in form %}
|
||||
{% for error in field.errors %}
|
||||
<div class="alert alert-danger">
|
||||
<strong>{{ error|escape }}</strong>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
{% for error in form.non_field_errors %}
|
||||
<div class="alert alert-danger">
|
||||
<strong>{{ error|escape }}</strong>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
<div class="row mb-4">
|
||||
<div class="col-7 col-md-7 col-xl-5">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<form class="mx-auto" method="post">
|
||||
{% csrf_token %}
|
||||
{{ form.as_p }}
|
||||
<a href="/dx">
|
||||
<button type="button" class="btn btn-outline-primary">
|
||||
Πίσω</button>
|
||||
</a>
|
||||
<input type="submit" value="Αποθήκευση">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-5 col-md-5 col-xl-3">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<footer>
|
||||
<p class="text-muted text-md-center mb-0">Διαθέσιμα Δωμάτια</p>
|
||||
</footer>
|
||||
{% if AvailRooms %}
|
||||
{% for room in AvailRooms %}
|
||||
<p class="text-theme-2 mb-4">{{ room }}</p>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
<p class="text-muted text-md-center mb-0">Από: {{ object.check_in }}</p>
|
||||
<p class="text-muted text-md-center mb-0">Μέχρι: {{ object.check_out }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
|
||||
{% include "diaxeirisi/99_footer.html" %}
|
||||
@@ -0,0 +1,48 @@
|
||||
{% load static %}
|
||||
|
||||
|
||||
{% include "diaxeirisi/00_head.html" %}
|
||||
|
||||
<body id="app-container" class="menu-default show-spinner vertical boxed">
|
||||
{% include "diaxeirisi/01_menu.html" %}
|
||||
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="mb-2">
|
||||
<h1>Επεξεργασία Καταχώρησης Δωματίου</h1>
|
||||
<nav class="breadcrumb-container d-none d-sm-block d-lg-inline-block" aria-label="breadcrumb">
|
||||
<ol class="breadcrumb pt-0">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="/dx/rooms">Πίσω</a>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="separator mb-5"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-4">
|
||||
<div class="col-7 col-md-7 col-xl-5">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<form class="mx-auto" method="post">
|
||||
{% csrf_token %}
|
||||
{{ form.as_p }}
|
||||
<a href="/dx/rooms">
|
||||
<button type="button" class="btn btn-outline-primary">
|
||||
Πίσω</button>
|
||||
</a>
|
||||
<input type="submit" value="Save">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
|
||||
{% include "diaxeirisi/99_footer.html" %}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
@@ -0,0 +1,896 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Dore jQuery Admin Template</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<link rel="stylesheet" href="font/iconsmind-s/css/iconsminds.css" />
|
||||
<link rel="stylesheet" href="font/simple-line-icons/css/simple-line-icons.css" />
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap-stars.css" />
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/owl.carousel.min.css" />
|
||||
<link rel="stylesheet" href="css/vendor/bootstrap-stars.css" />
|
||||
<link rel="stylesheet" href="css/vendor/video-js.css" />
|
||||
<link rel="stylesheet" href="css/dore.light.bluenavy.min.css" />
|
||||
<link rel="stylesheet" href="css/main.css" />
|
||||
</head>
|
||||
|
||||
<body class="show-spinner no-footer">
|
||||
<div class="landing-page">
|
||||
<div class="mobile-menu">
|
||||
<a href="#home" class="logo-mobile scrollTo">
|
||||
<span></span>
|
||||
</a>
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item"><a href="#features" class="scrollTo">FEATURES</a></li>
|
||||
<li class="nav-item"><a href="#layouts" class="scrollTo">LAYOUTS</a></li>
|
||||
<li class="nav-item"><a href="#components" class="scrollTo">COMPONENTS</a></li>
|
||||
<li class="nav-item"><a href="#apps" class="scrollTo">APPS</a></li>
|
||||
<li class="nav-item"><a href="#themes" class="scrollTo">THEMES</a></li>
|
||||
<li class="nav-item">
|
||||
<div class="separator"></div>
|
||||
</li>
|
||||
<li class="nav-item pl-4">
|
||||
<a class="btn btn-outline-semi-light btn-sm pr-4 pl-4" target="_top"
|
||||
href="https://1.envato.market/5kAb">BUY</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="main-container">
|
||||
<nav class="landing-page-nav">
|
||||
<div class="container d-flex align-items-center justify-content-between">
|
||||
<a class="navbar-logo pull-left scrollTo" href="#home">
|
||||
<span class="white"></span>
|
||||
<span class="dark"></span>
|
||||
</a>
|
||||
<ul class="navbar-nav d-none d-lg-flex flex-row">
|
||||
<li class="nav-item"><a href="#features" class="scrollTo">FEATURES</a></li>
|
||||
<li class="nav-item"><a href="#layouts" class="scrollTo">LAYOUTS</a></li>
|
||||
<li class="nav-item"><a href="#components" class="scrollTo">COMPONENTS</a></li>
|
||||
<li class="nav-item"><a href="#apps" class="scrollTo">APPS</a></li>
|
||||
<li class="nav-item"><a href="#themes" class="scrollTo">THEMES</a></li>
|
||||
<li class="nav-item pl-4">
|
||||
<a class="btn btn-outline-semi-light btn-sm pr-4 pl-4" target="_top"
|
||||
href="https://1.envato.market/5kAb">BUY</a>
|
||||
</li>
|
||||
</ul>
|
||||
<a href="#" class="mobile-menu-button">
|
||||
<i class="simple-icon-menu"></i>
|
||||
</a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="content-container" id="home">
|
||||
<div class="section home">
|
||||
<div class="container">
|
||||
<div class="row home-row">
|
||||
<div class="col-12 d-block d-md-none">
|
||||
<a target="_blank" href="/Dashboard.Default.html">
|
||||
<img alt="mobile hero" class="mobile-hero" src="img/landing-page/home-hero-mobile.png" />
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-xl-4 col-lg-5 col-md-6">
|
||||
<div class="home-text">
|
||||
<div class="display-1">MAGIC IS IN <br />THE DETAILS</div>
|
||||
<p class="white mb-5">
|
||||
Dore is the combination of good design, quality code and attention for details.<br />
|
||||
|
||||
<br />
|
||||
We used same design language for components, layouts, apps
|
||||
and other parts of the template. <br />
|
||||
<br />
|
||||
Hope you enjoy it!
|
||||
</p>
|
||||
<a class="btn btn-secondary btn-xl mr-2 mb-2" target="_blank" href="/Dashboard.Default.html">VIEW NOW <i
|
||||
class="simple-icon-arrow-right"></i></a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-xl-7 offset-xl-1 col-lg-7 col-md-6 d-none d-md-block">
|
||||
<a target="_blank" href="/Dashboard.Default.html">
|
||||
<img alt="hero" src="img/landing-page/home-hero.png" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12 p-0">
|
||||
<div class="owl-container">
|
||||
<div class="owl-carousel home-carousel">
|
||||
<div class="card">
|
||||
<div class="card-body text-center">
|
||||
<div>
|
||||
<i class="iconsminds-mouse-3 large-icon"></i>
|
||||
<h5 class="mb-3 font-weight-semibold">
|
||||
Right Click Menu
|
||||
</h5>
|
||||
</div>
|
||||
<div>
|
||||
<p class="detail-text">
|
||||
Increases overall usability of the project by providing additional actions menu.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-body text-center">
|
||||
<div>
|
||||
<i class="iconsminds-electric-guitar large-icon"></i>
|
||||
<h5 class="mb-3 font-weight-semibold">
|
||||
Video Player
|
||||
</h5>
|
||||
</div>
|
||||
<div>
|
||||
<p class="detail-text">
|
||||
Carefully themed multimedia players powered by Video.js library with Youtube support.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-body text-center">
|
||||
<div>
|
||||
<i class="iconsminds-keyboard large-icon"></i>
|
||||
<h5 class="mb-3 font-weight-semibold">
|
||||
Keyboard Shortcuts
|
||||
</h5>
|
||||
</div>
|
||||
<div>
|
||||
<p class="detail-text">
|
||||
Easily configurable keyboard shortcuts plugin that highly improves user experience.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-body text-center">
|
||||
<div>
|
||||
<i class="iconsminds-three-arrow-fork large-icon"></i>
|
||||
<h5 class="mb-3 font-weight-semibold">
|
||||
Two Panels Menu
|
||||
</h5>
|
||||
</div>
|
||||
<div>
|
||||
<p class="detail-text">
|
||||
Three states two panels icon menu that looks good, auto resizes and does the job well.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-body text-center">
|
||||
<div>
|
||||
<i class="iconsminds-deer large-icon"></i>
|
||||
<h5 class="mb-3 font-weight-semibold">
|
||||
Icons Mind
|
||||
</h5>
|
||||
</div>
|
||||
<div>
|
||||
<p class="detail-text">
|
||||
1040 icons in 53 different categories, designed pixel perfect and ready for your project.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-body text-center">
|
||||
<div>
|
||||
<i class="iconsminds-palette large-icon"></i>
|
||||
<h5 class="mb-3 font-weight-semibold">
|
||||
20 Color Schemes
|
||||
</h5>
|
||||
</div>
|
||||
<div>
|
||||
<p class="detail-text">
|
||||
Colors, icons and design harmony that creates excellent themes to cover entire project.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-body text-center">
|
||||
<div>
|
||||
<i class="iconsminds-air-balloon-1 large-icon"></i>
|
||||
<h5 class="mb-3 font-weight-semibold">
|
||||
4 Applications
|
||||
</h5>
|
||||
</div>
|
||||
<div>
|
||||
<p class="detail-text">
|
||||
Applications that mostly made of components are the way to get started to create something
|
||||
similar.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-body text-center">
|
||||
<div>
|
||||
<i class="iconsminds-resize large-icon"></i>
|
||||
<h5 class="mb-3 font-weight-semibold">
|
||||
Extra Responsive
|
||||
</h5>
|
||||
</div>
|
||||
<div>
|
||||
<p class="detail-text">
|
||||
Custom Bootstrap 4 xxs & xxl classes delivers better experiences for smaller and larger
|
||||
screens.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
|
||||
<a class="btn btn-circle btn-outline-semi-light hero-circle-button scrollTo" href="#features"
|
||||
id="homeCircleButton"><i class="simple-icon-arrow-down"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<div class="container" id="features">
|
||||
<div class="row">
|
||||
<div class="col-12 offset-0 col-lg-8 offset-lg-2 text-center">
|
||||
<h1>Features At a Glance</h1>
|
||||
<p>
|
||||
We tried to create an admin theme that we would like to use ourselves so we listed our priorities. We
|
||||
would like to have a theme that is not over complicated to use, does the job well, contains must have
|
||||
components and looks really nice.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row feature-row">
|
||||
<div class="col-12 col-md-6 col-lg-5 d-flex align-items-center">
|
||||
<div class="d-flex">
|
||||
<div class="feature-icon-container">
|
||||
<div class="icon-background">
|
||||
<i class="fas fa-fw fa-ban"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="feature-text-container">
|
||||
<h2>Pleasant Design</h2>
|
||||
<p>
|
||||
As a web developer we enjoy to work on something looks
|
||||
nice. It is not an absolute necessity but it really
|
||||
motivates us that final product will look good for user
|
||||
point of view. <br />
|
||||
<br />
|
||||
So we put a lot of work into colors, icons, composition
|
||||
and design harmony. Themed components and layouts with
|
||||
same design language. <br />
|
||||
<br />
|
||||
We kept user experience principles always at the heart
|
||||
of the design process.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-6 offset-lg-1 offset-md-0 position-relative">
|
||||
<div class="background-item-1"></div>
|
||||
<img alt="feature" class="feature-image-right feature-image-charts position-relative"
|
||||
src="img/landing-page/features/plesant-design.png" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row feature-row">
|
||||
<div class="col-12 col-md-6 col-lg-6 order-2 order-md-1">
|
||||
<img alt="feature" class="feature-image-left feature-image-charts"
|
||||
src="img/landing-page/features/extra-responsive.png" />
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-12 col-md-6 offset-md-0 col-lg-5 offset-lg-1 d-flex align-items-center order-1 order-md-2">
|
||||
<div class="d-flex">
|
||||
<div class="feature-icon-container">
|
||||
<div class="icon-background">
|
||||
<i class="fas fa-fw fa-ban"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="feature-text-container">
|
||||
<h2>Extra Responsive</h2>
|
||||
<p>
|
||||
Xxs breakpoint is for smaller screens that has a resolution lower than 420px. Xs works between
|
||||
576px and 420px. Xxl breakpoint is for larger screens that has a resolution higher than 1440px. Xl
|
||||
works between 1200px and 1440px.
|
||||
<br>
|
||||
<br>
|
||||
With this approach we were able to create better experiences for smaller and larger screens.
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row feature-row">
|
||||
<div class="col-12 col-md-6 col-lg-5 d-flex align-items-center">
|
||||
<div class="d-flex">
|
||||
<div class="feature-icon-container">
|
||||
<div class="icon-background">
|
||||
<i class="fas fa-fw fa-ban"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="feature-text-container">
|
||||
<h2>Superfine Charts</h2>
|
||||
<p>
|
||||
Using charts is a good way to visualize data but they
|
||||
often look ugly and break the rhythm of design. <br />
|
||||
<br />
|
||||
We concentrated on a single chart library and tried to
|
||||
create charts that look good with color, opacity,
|
||||
border and shadow. <br />
|
||||
<br />
|
||||
Used certain plugins and created some to make charts
|
||||
even more useful and beautiful.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-6 offset-lg-1 offset-md-0 ">
|
||||
<img alt="feature" class="feature-image-right feature-image-charts"
|
||||
src="img/landing-page/features/superfine-charts.png" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row feature-row">
|
||||
<div class="col-12 col-md-6 col-lg-6 order-2 order-md-1">
|
||||
<img alt="feature" class="feature-image-left feature-image-charts"
|
||||
src="img/landing-page/features/layouts-for-the-job.png" />
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-12 col-md-6 offset-md-0 col-lg-5 offset-lg-1 d-flex align-items-center order-1 order-md-2">
|
||||
<div class="d-flex">
|
||||
<div class="feature-icon-container">
|
||||
<div class="icon-background">
|
||||
<i class="fas fa-fw fa-ban"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="feature-text-container">
|
||||
<h2>Layouts for the Job</h2>
|
||||
<p>
|
||||
Layouts are the real thing, they need to be accurate and
|
||||
right for the job. They should be functional for both
|
||||
user and developer. <br />
|
||||
<br />
|
||||
We created lots of different layouts for different jobs.
|
||||
<br />
|
||||
<br />
|
||||
Listing pages with view mode changing capabilities,
|
||||
shift select and select all functionality, application
|
||||
layouts with an additional menu, authentication and
|
||||
error layouts which has a different design than the
|
||||
other pages were our main focus. We also created details
|
||||
page with tabs that can hold many components.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="row feature-row">
|
||||
<div class="col-12 col-md-6 col-lg-5 d-flex align-items-center">
|
||||
<div class="d-flex">
|
||||
<div class="feature-icon-container">
|
||||
<div class="icon-background">
|
||||
<i class="fas fa-fw fa-ban"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="feature-text-container">
|
||||
<h2>Smart Menu</h2>
|
||||
<p>
|
||||
Instead of good old single panel menus with accordion structure that looks over complicated, we
|
||||
created 2 panels and categorized pages accordingly.
|
||||
<br>
|
||||
<br>
|
||||
The default menu auto hides sub panel when resolution is under some breakpoint to open some space.
|
||||
You may also hide menu completely or use only main panel open only.
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-6 offset-lg-1 offset-md-0 ">
|
||||
<img alt="feature" class="feature-image-right feature-image-charts"
|
||||
src="img/landing-page/features/smart-menu.png" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section background">
|
||||
<div class="container" id="layouts">
|
||||
<div class="row">
|
||||
<div class="col-12 offset-0 col-lg-8 offset-lg-2 text-center">
|
||||
<h1>Structures & Layouts</h1>
|
||||
<p>
|
||||
We did our best to create layouts for various needs that developers might have and best experience
|
||||
for users.
|
||||
<br>
|
||||
They are clean and slick. They function well and look good at the same time.
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row pt-5">
|
||||
|
||||
<div class="col-12 col-xs-6 col-sm-6 col-md-4 col-lg-3 mb-5">
|
||||
<img class="img-fluid border-radius depth-2 mb-3 semi-rounded" src="img/landing-page/layouts/menu-default.jpg">
|
||||
<h4 class="text-center">Menu Default</h4>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-xs-6 col-sm-6 col-md-4 col-lg-3 mb-5">
|
||||
<img class="img-fluid border-radius depth-2 mb-3 semi-rounded" src="img/landing-page/layouts/menu-subhidden.jpg">
|
||||
<h4 class="text-center">Menu Subhidden</h4>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-xs-6 col-sm-6 col-md-4 col-lg-3 mb-5">
|
||||
<img class="img-fluid border-radius depth-2 mb-3 semi-rounded" src="img/landing-page/layouts/menu-hidden.jpg">
|
||||
<h4 class="text-center">Menu Hidden</h4>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-xs-6 col-sm-6 col-md-4 col-lg-3 mb-5">
|
||||
<img class="img-fluid border-radius depth-2 mb-3 semi-rounded" src="img/landing-page/layouts/image-list.jpg">
|
||||
<h4 class="text-center">Image List</h4>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-xs-6 col-sm-6 col-md-4 col-lg-3 mb-5">
|
||||
<img class="img-fluid border-radius depth-2 mb-3 semi-rounded" src="img/landing-page/layouts/thumb-list.jpg">
|
||||
<h4 class="text-center">Thumb List</h4>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-xs-6 col-sm-6 col-md-4 col-lg-3 mb-5">
|
||||
<img class="img-fluid border-radius depth-2 mb-3 semi-rounded" src="img/landing-page/layouts/data-list.jpg">
|
||||
<h4 class="text-center">Data List</h4>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-xs-6 col-sm-6 col-md-4 col-lg-3 mb-5">
|
||||
<img class="img-fluid border-radius depth-2 mb-3 semi-rounded" src="img/landing-page/layouts/details.jpg">
|
||||
<h4 class="text-center">Details</h4>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-xs-6 col-sm-6 col-md-4 col-lg-3 mb-5 semi-rounded">
|
||||
<img class="img-fluid border-radius depth-2 mb-3 semi-rounded" src="img/landing-page/layouts/authentication.jpg">
|
||||
<h4 class="text-center">Authentication</h4>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-xs-6 col-sm-6 col-md-4 col-lg-3 mb-5">
|
||||
<img class="img-fluid border-radius depth-2 mb-3 semi-rounded" src="img/landing-page/layouts/search-result.jpg">
|
||||
<h4 class="text-center">Search Results</h4>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-xs-6 col-sm-6 col-md-4 col-lg-3 mb-5">
|
||||
<img class="img-fluid border-radius depth-2 mb-3 semi-rounded" src="img/landing-page/layouts/spa.jpg">
|
||||
<h4 class="text-center">Single Page Application</h4>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-xs-6 col-sm-6 col-md-4 col-lg-3 mb-5">
|
||||
<img class="img-fluid border-radius depth-2 mb-3 semi-rounded" src="img/landing-page/layouts/data-list-app-menu-hidden.jpg">
|
||||
<h4 class="text-center">Data List App Menu Hidden</h4>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-xs-6 col-sm-6 col-md-4 col-lg-3 mb-5">
|
||||
<img class="img-fluid border-radius depth-2 mb-3 semi-rounded " src="img/landing-page/layouts/tabs.jpg">
|
||||
<h4 class="text-center">Tabs</h4>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section mb-0">
|
||||
<div class="container" id="components">
|
||||
|
||||
<div class="row mb-5">
|
||||
<div class="col-12 offset-0 col-lg-8 offset-lg-2 text-center">
|
||||
<h1>Components</h1>
|
||||
<p>
|
||||
We used most popular and well managed open source components with bootstrap components. Combined them
|
||||
into even more useful ones. Themed them with same design principles and created a design harmony
|
||||
between components and layouts.
|
||||
<br>
|
||||
<br>
|
||||
From carousels to charts, switches to list we tried to provide components that we like to use on our
|
||||
development processes.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<img class="components-image mb-5 pb-5" src="img/landing-page/components.jpg">
|
||||
</div>
|
||||
|
||||
|
||||
<div class="section background">
|
||||
<div class="container" id="apps">
|
||||
<div class="row">
|
||||
<div class="col-12 offset-0 col-lg-8 offset-lg-2 text-center mb-4">
|
||||
<h1>Applications</h1>
|
||||
|
||||
<p class="section-text">
|
||||
With the help of components and layouts, we created four different applications.
|
||||
They
|
||||
are a good way to get you started
|
||||
if you want to build something similar.
|
||||
<br>
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row screenshots">
|
||||
<div class="col-12 text-center mb-4">
|
||||
<ul class="nav nav-tabs justify-content-center mb-4" role="tablist">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" data-toggle="tab" href="#library" role="tab">
|
||||
<p>Library</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-toggle="tab" href="#survey" role="tab">
|
||||
<p>Survey</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-toggle="tab" href="#chat" role="tab">
|
||||
<p>Chat</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-toggle="tab" href="#todo" role="tab">
|
||||
<p>Todo</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane fade show active justify-content-center" id="library" role="tabpanel">
|
||||
<a target="_blank" href="/Apps.MediaLibrary.html">
|
||||
<img alt="app image" class="app-image" src="img/landing-page/applications/library.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="tab-pane fade justify-content-center" id="survey" role="tabpanel">
|
||||
<a target="_blank" href="/Apps.Survey.List.html">
|
||||
<img alt="app image" class="app-image" src="img/landing-page/applications/survey.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="tab-pane fade justify-content-center" id="chat" role="tabpanel">
|
||||
<a target="_blank" href="/Apps.Chat.html">
|
||||
<img alt="app image" class="app-image" src="img/landing-page/applications/chat.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="tab-pane fade justify-content-center" id="todo" role="tabpanel">
|
||||
<a target="_blank" href="/Apps.Todo.List.html">
|
||||
<img alt="app image" class="app-image" src="img/landing-page/applications/todo.jpg">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="section mb-0">
|
||||
<div class="container" id="themes">
|
||||
|
||||
<div class="row mb-5">
|
||||
<div class="col-12 offset-0 col-lg-8 offset-lg-2 text-center">
|
||||
<h1>Themes</h1>
|
||||
<p>
|
||||
We carefully choosed colors and created 10 different themes with dark and light versions. You may also
|
||||
create your own themes easily since all the theme related styling is managed by Sass variables.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row pt-3">
|
||||
|
||||
<div class="col-12 text-center mb-3">
|
||||
<h4 class="text-center">Navy Blue</h4>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 offset-lg-2 mb-3">
|
||||
<div class="depth-2 color-container">
|
||||
<div class="color-left bluenavy-light-1"></div>
|
||||
<div class="color-center bluenavy-light-2"></div>
|
||||
<div class="color-right bluenavy-light-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 mb-3">
|
||||
<div class="depth-2 color-container">
|
||||
<div class="color-left bluenavy-dark-1"></div>
|
||||
<div class="color-center bluenavy-dark-2"></div>
|
||||
<div class="color-right bluenavy-dark-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 mb-5">
|
||||
</div>
|
||||
|
||||
<div class="col-12 text-center mb-3">
|
||||
<h4 class="text-center">Olympic Blue</h4>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 offset-lg-2 mb-3">
|
||||
<div class="depth-2 color-container">
|
||||
<div class="color-left blueolympic-light-1"></div>
|
||||
<div class="color-center blueolympic-light-2"></div>
|
||||
<div class="color-right blueolympic-light-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 mb-3">
|
||||
<div class="depth-2 color-container">
|
||||
<div class="color-left blueolympic-dark-1"></div>
|
||||
<div class="color-center blueolympic-dark-2"></div>
|
||||
<div class="color-right blueolympic-dark-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 mb-5">
|
||||
</div>
|
||||
|
||||
<div class="col-12 text-center mb-3">
|
||||
<h4 class="text-center">Yale Blue</h4>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 offset-lg-2 mb-3">
|
||||
<div class="depth-2 color-container">
|
||||
<div class="color-left blueyale-light-1"></div>
|
||||
<div class="color-center blueyale-light-2"></div>
|
||||
<div class="color-right blueyale-light-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 mb-3">
|
||||
<div class="depth-2 color-container">
|
||||
<div class="color-left blueyale-dark-1"></div>
|
||||
<div class="color-center blueyale-dark-2"></div>
|
||||
<div class="color-right blueyale-dark-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 mb-5">
|
||||
</div>
|
||||
|
||||
<div class="col-12 text-center mb-3">
|
||||
<h4 class="text-center">Moss Green</h4>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 offset-lg-2 mb-3">
|
||||
<div class="depth-2 color-container">
|
||||
<div class="color-left greenmoss-light-1"></div>
|
||||
<div class="color-center greenmoss-light-2"></div>
|
||||
<div class="color-right greenmoss-light-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 mb-3">
|
||||
<div class="depth-2 color-container">
|
||||
<div class="color-left greenmoss-dark-1"></div>
|
||||
<div class="color-center greenmoss-dark-2"></div>
|
||||
<div class="color-right greenmoss-dark-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 mb-5">
|
||||
</div>
|
||||
|
||||
<div class="col-12 text-center mb-3">
|
||||
<h4 class="text-center">Lime Green</h4>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 offset-lg-2 mb-3">
|
||||
<div class="depth-2 color-container">
|
||||
<div class="color-left greenlime-light-1"></div>
|
||||
<div class="color-center greenlime-light-2"></div>
|
||||
<div class="color-right greenlime-light-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 mb-3">
|
||||
<div class="depth-2 color-container">
|
||||
<div class="color-left greenlime-dark-1"></div>
|
||||
<div class="color-center greenlime-dark-2"></div>
|
||||
<div class="color-right greenlime-dark-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 mb-5">
|
||||
</div>
|
||||
|
||||
<div class="col-12 text-center mb-3">
|
||||
<h4 class="text-center">Carrot Orange</h4>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 offset-lg-2 mb-3">
|
||||
<div class="depth-2 color-container">
|
||||
<div class="color-left carrotorange-light-1"></div>
|
||||
<div class="color-center carrotorange-light-2"></div>
|
||||
<div class="color-right carrotorange-light-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 mb-3">
|
||||
<div class="depth-2 color-container">
|
||||
<div class="color-left carrotorange-dark-1"></div>
|
||||
<div class="color-center carrotorange-dark-2"></div>
|
||||
<div class="color-right carrotorange-dark-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 mb-5">
|
||||
</div>
|
||||
|
||||
<div class="col-12 text-center mb-3">
|
||||
<h4 class="text-center">Ruby Red</h4>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 offset-lg-2 mb-3">
|
||||
<div class="depth-2 color-container">
|
||||
<div class="color-left rubyred-light-1"></div>
|
||||
<div class="color-center rubyred-light-2"></div>
|
||||
<div class="color-right rubyred-light-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 mb-3">
|
||||
<div class="depth-2 color-container">
|
||||
<div class="color-left rubyred-dark-1"></div>
|
||||
<div class="color-center rubyred-dark-2"></div>
|
||||
<div class="color-right rubyred-dark-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 mb-5">
|
||||
</div>
|
||||
|
||||
<div class="col-12 text-center mb-3">
|
||||
<h4 class="text-center">Monster Purple</h4>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 offset-lg-2 mb-3">
|
||||
<div class="depth-2 color-container">
|
||||
<div class="color-left monsterpurple-light-1"></div>
|
||||
<div class="color-center monsterpurple-light-2"></div>
|
||||
<div class="color-right monsterpurple-light-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 mb-3">
|
||||
<div class="depth-2 color-container">
|
||||
<div class="color-left monsterpurple-dark-1"></div>
|
||||
<div class="color-center monsterpurple-dark-2"></div>
|
||||
<div class="color-right monsterpurple-dark-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 mb-5">
|
||||
</div>
|
||||
|
||||
<div class="col-12 text-center mb-3">
|
||||
<h4 class="text-center">Steel Grey</h4>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 offset-lg-2 mb-3">
|
||||
<div class="depth-2 color-container">
|
||||
<div class="color-left steelgrey-light-1"></div>
|
||||
<div class="color-center steelgrey-light-2"></div>
|
||||
<div class="color-right steelgrey-light-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 mb-3">
|
||||
<div class="depth-2 color-container">
|
||||
<div class="color-left steelgrey-dark-1"></div>
|
||||
<div class="color-center steelgrey-dark-2"></div>
|
||||
<div class="color-right steelgrey-dark-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 mb-5">
|
||||
</div>
|
||||
|
||||
<div class="col-12 text-center mb-3">
|
||||
<h4 class="text-center">Granola Yellow</h4>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 offset-lg-2 mb-3">
|
||||
<div class="depth-2 color-container">
|
||||
<div class="color-left granolayellow-light-1"></div>
|
||||
<div class="color-center granolayellow-light-2"></div>
|
||||
<div class="color-right granolayellow-light-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 mb-3">
|
||||
<div class="depth-2 color-container">
|
||||
<div class="color-left granolayellow-dark-1"></div>
|
||||
<div class="color-center granolayellow-dark-2"></div>
|
||||
<div class="color-right granolayellow-dark-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 mb-5">
|
||||
</div>
|
||||
<div class="col-12 mb-5">
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="section background background-no-bottom mb-0 pb-0">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 offset-0 col-lg-8 offset-lg-2 text-center">
|
||||
<h1>Enjoying so Far?</h1>
|
||||
<p>
|
||||
Purchase Dore to get a fresh start with your new project.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="col-12 offset-0 col-lg-6 offset-lg-3 newsletter-input-container">
|
||||
<div class="text-center mb-3">
|
||||
<a class="btn btn-secondary btn-xl" target="_top" href="https://1.envato.market/5kAb">BUY NOW</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="section footer mb-0">
|
||||
<div class="container">
|
||||
<div class="row footer-row">
|
||||
<div class="col-12 text-right">
|
||||
<a class="btn btn-circle btn-outline-semi-light footer-circle-button scrollTo" href="#home"
|
||||
id="footerCircleButton"><i class="simple-icon-arrow-up"></i></a>
|
||||
</div>
|
||||
<div class="col-12 text-center footer-content">
|
||||
<a href="#home" class="scrollTo">
|
||||
<img class="footer-logo" alt="footer logo" src="logos/white-full.svg" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="separator mt-5"></div>
|
||||
<div class="container copyright pt-5 pb-5">
|
||||
<div class="row">
|
||||
<div class="col-12"></div>
|
||||
<div class="col-12 text-center">
|
||||
<p class="mb-0">2020 © ColoredStrategies</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="js/vendor/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/vendor/bootstrap.bundle.min.js"></script>
|
||||
<script src="js/vendor/owl.carousel.min.js"></script>
|
||||
<script src="js/vendor/jquery.barrating.min.js"></script>
|
||||
<script src="js/vendor/jquery.barrating.min.js"></script>
|
||||
<script src="js/vendor/landing-page/headroom.min.js"></script>
|
||||
<script src="js/vendor/landing-page/jQuery.headroom.js"></script>
|
||||
<script src="js/vendor/landing-page/jquery.scrollTo.min.js"></script>
|
||||
<script src="js/vendor/landing-page/jquery.autoellipsis.js"></script>
|
||||
<script src="js/dore.scripts.landingpage.js"></script>
|
||||
<script src="js/scripts.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user