817 lines
50 KiB
HTML
817 lines
50 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<!-- Required meta tags -->
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<title>SteelUI Admin</title>
|
|
<!-- plugins:css -->
|
|
<link rel="stylesheet" href="../../../../vendors/iconfonts/mdi/font/css/materialdesignicons.min.css">
|
|
<link rel="stylesheet" href="../../../../vendors/css/vendor.bundle.base.css">
|
|
<link rel="stylesheet" href="../../../../vendors/css/vendor.bundle.addons.css">
|
|
<!-- endinject -->
|
|
<!-- plugin css for this page -->
|
|
<!-- End plugin css for this page -->
|
|
<!-- inject:css -->
|
|
<link rel="stylesheet" href="../../../../css/vertical-layout-light/style.css">
|
|
<!-- endinject -->
|
|
<link rel="shortcut icon" href="../../../../images/favicon.png" />
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container-scroller">
|
|
<!-- partial:../../partials/_navbar.html -->
|
|
<nav class="navbar col-lg-12 col-12 p-0 d-flex flex-row">
|
|
<div class="navbar-brand-wrapper d-flex align-items-center justify-content-start">
|
|
<a class="navbar-brand brand-logo-mini" href="../../index.html"><img src="../../../../images/logo-mini.svg" alt="logo"/></a>
|
|
</div>
|
|
<div class="navbar-menu-wrapper d-flex align-items-center justify-content-between">
|
|
<div class="d-flex align-items-center">
|
|
<button class="navbar-toggler navbar-toggler align-self-center" type="button" data-toggle="minimize">
|
|
<span class="mdi mdi-menu"></span>
|
|
</button>
|
|
<div class="welcome-message d-lg-flex d-none">Hi, welcome back!</div>
|
|
</div>
|
|
<ul class="navbar-nav mr-lg-2">
|
|
<li class="nav-item nav-search d-none d-lg-block">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control" placeholder="search" aria-label="search" aria-describedby="search">
|
|
<div class="input-group-append">
|
|
<span class="input-group-text" id="search">
|
|
<i class="mdi mdi-magnify"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<ul class="navbar-nav navbar-nav-right">
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link count-indicator dropdown-toggle" id="notificationDropdown" href="#" data-toggle="dropdown">
|
|
<i class="mdi mdi-bell mx-0"></i>
|
|
<span class="count">2</span>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right navbar-dropdown preview-list" aria-labelledby="notificationDropdown">
|
|
<h6 class="p-3 mb-0">Notifications</h6>
|
|
<div class="dropdown-divider"></div>
|
|
<a class="dropdown-item preview-item">
|
|
<div class="preview-thumbnail">
|
|
<div class="preview-icon text-center rounded-circle">
|
|
<i class="mdi mdi-calendar text-success"></i>
|
|
</div>
|
|
</div>
|
|
<div class="preview-item-content">
|
|
<h6 class="preview-subject mb-1">Event today</h6>
|
|
<p class="text-muted ellipsis mb-0"> Just a reminder that you have an event today </p>
|
|
</div>
|
|
</a>
|
|
<div class="dropdown-divider"></div>
|
|
<a class="dropdown-item preview-item">
|
|
<div class="preview-thumbnail">
|
|
<div class="preview-icon text-center rounded-circle">
|
|
<i class="mdi mdi-settings text-danger"></i>
|
|
</div>
|
|
</div>
|
|
<div class="preview-item-content">
|
|
<h6 class="preview-subject mb-1">Settings</h6>
|
|
<p class="text-muted ellipsis mb-0"> Update dashboard </p>
|
|
</div>
|
|
</a>
|
|
<div class="dropdown-divider"></div>
|
|
<a class="dropdown-item preview-item">
|
|
<div class="preview-thumbnail">
|
|
<div class="preview-icon text-center rounded-circle">
|
|
<i class="mdi mdi-link-variant text-warning"></i>
|
|
</div>
|
|
</div>
|
|
<div class="preview-item-content">
|
|
<h6 class="preview-subject mb-1">Launch Admin</h6>
|
|
<p class="text-muted ellipsis mb-0"> New admin wow! </p>
|
|
</div>
|
|
</a>
|
|
<div class="dropdown-divider"></div>
|
|
<p class="p-3 mb-0 text-center">See all notifications</p>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link count-indicator dropdown-toggle" id="mailDropdown" href="#" data-toggle="dropdown">
|
|
<i class="mdi mdi-email-open mx-0"></i>
|
|
<span class="count">3</span>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right navbar-dropdown preview-list" aria-labelledby="mailDropdown">
|
|
<a class="dropdown-item">
|
|
<p class="mb-0 font-weight-normal float-left">You have 4 new notifications
|
|
</p>
|
|
<span class="badge badge-pill badge-warning float-right">View all</span>
|
|
</a>
|
|
<div class="dropdown-divider"></div>
|
|
<a class="dropdown-item preview-item">
|
|
<div class="preview-thumbnail">
|
|
<div class="preview-icon bg-success">
|
|
<i class="mdi mdi-information mx-0"></i>
|
|
</div>
|
|
</div>
|
|
<div class="preview-item-content">
|
|
<h6 class="preview-subject font-weight-medium">Application Error</h6>
|
|
<p class="font-weight-light small-text mb-0">
|
|
Just now
|
|
</p>
|
|
</div>
|
|
</a>
|
|
<div class="dropdown-divider"></div>
|
|
<a class="dropdown-item preview-item">
|
|
<div class="preview-thumbnail">
|
|
<div class="preview-icon bg-warning">
|
|
<i class="mdi mdi-settings mx-0"></i>
|
|
</div>
|
|
</div>
|
|
<div class="preview-item-content">
|
|
<h6 class="preview-subject font-weight-medium">Settings</h6>
|
|
<p class="font-weight-light small-text mb-0">
|
|
Private message
|
|
</p>
|
|
</div>
|
|
</a>
|
|
<div class="dropdown-divider"></div>
|
|
<a class="dropdown-item preview-item">
|
|
<div class="preview-thumbnail">
|
|
<div class="preview-icon bg-info">
|
|
<i class="mdi mdi-account-box mx-0"></i>
|
|
</div>
|
|
</div>
|
|
<div class="preview-item-content">
|
|
<h6 class="preview-subject font-weight-medium">New user registration</h6>
|
|
<p class="font-weight-light small-text mb-0">
|
|
2 days ago
|
|
</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<button class="navbar-toggler navbar-toggler-right d-lg-none align-self-center" type="button" data-toggle="offcanvas">
|
|
<span class="mdi mdi-menu"></span>
|
|
</button>
|
|
</div>
|
|
</nav>
|
|
<!-- partial -->
|
|
<div class="container-fluid page-body-wrapper">
|
|
<!-- partial:../../partials/_settings-panel.html -->
|
|
{{!--<div class="theme-setting-wrapper">
|
|
<div id="settings-trigger"><i class="mdi mdi-settings"></i></div>
|
|
<div id="theme-settings" class="settings-panel">
|
|
<i class="settings-close mdi mdi-close"></i>
|
|
<p class="settings-heading">SIDEBAR SKINS</p>
|
|
<div class="sidebar-bg-options" id="sidebar-light-theme"><div class="img-ss rounded-circle bg-light border mr-3"></div>Light</div>
|
|
<div class="sidebar-bg-options selected" id="sidebar-dark-theme"><div class="img-ss rounded-circle bg-dark border mr-3"></div>Dark</div>
|
|
<p class="settings-heading mt-2">HEADER SKINS</p>
|
|
<div class="color-tiles mx-0 px-4">
|
|
<div class="tiles success"></div>
|
|
<div class="tiles warning"></div>
|
|
<div class="tiles danger"></div>
|
|
<div class="tiles light"></div>
|
|
<div class="tiles info"></div>
|
|
<div class="tiles dark"></div>
|
|
<div class="tiles default"></div>
|
|
</div>
|
|
</div>
|
|
</div>--}}
|
|
<div id="right-sidebar" class="settings-panel">
|
|
<i class="settings-close mdi mdi-close"></i>
|
|
<ul class="nav nav-tabs" id="setting-panel" role="tablist">
|
|
<li class="nav-item">
|
|
<a class="nav-link active" id="todo-tab" data-toggle="tab" href="#todo-section" role="tab" aria-controls="todo-section" aria-expanded="true">TO DO LIST</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" id="chats-tab" data-toggle="tab" href="#chats-section" role="tab" aria-controls="chats-section">CHATS</a>
|
|
</li>
|
|
</ul>
|
|
<div class="tab-content" id="setting-content">
|
|
<div class="tab-pane fade show active scroll-wrapper" id="todo-section" role="tabpanel" aria-labelledby="todo-section">
|
|
<div class="add-items d-flex px-3 mb-0">
|
|
<form class="form w-100">
|
|
<div class="form-group d-flex">
|
|
<input type="text" class="form-control todo-list-input" placeholder="Add To-do">
|
|
<button type="submit" class="add btn btn-primary todo-list-add-btn" id="add-task">Add</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="list-wrapper px-3">
|
|
<ul class="d-flex flex-column-reverse todo-list">
|
|
<li>
|
|
<div class="form-check">
|
|
<label class="form-check-label">
|
|
<input class="checkbox" type="checkbox">
|
|
Team review meeting at 3.00 PM
|
|
</label>
|
|
</div>
|
|
<i class="remove mdi mdi-close-circle-outline"></i>
|
|
</li>
|
|
<li>
|
|
<div class="form-check">
|
|
<label class="form-check-label">
|
|
<input class="checkbox" type="checkbox">
|
|
Prepare for presentation
|
|
</label>
|
|
</div>
|
|
<i class="remove mdi mdi-close-circle-outline"></i>
|
|
</li>
|
|
<li>
|
|
<div class="form-check">
|
|
<label class="form-check-label">
|
|
<input class="checkbox" type="checkbox">
|
|
Resolve all the low priority tickets due today
|
|
</label>
|
|
</div>
|
|
<i class="remove mdi mdi-close-circle-outline"></i>
|
|
</li>
|
|
<li class="completed">
|
|
<div class="form-check">
|
|
<label class="form-check-label">
|
|
<input class="checkbox" type="checkbox" checked>
|
|
Schedule meeting for next week
|
|
</label>
|
|
</div>
|
|
<i class="remove mdi mdi-close-circle-outline"></i>
|
|
</li>
|
|
<li class="completed">
|
|
<div class="form-check">
|
|
<label class="form-check-label">
|
|
<input class="checkbox" type="checkbox" checked>
|
|
Project review
|
|
</label>
|
|
</div>
|
|
<i class="remove mdi mdi-close-circle-outline"></i>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="events py-4 border-bottom px-3">
|
|
<div class="wrapper d-flex mb-2">
|
|
<i class="mdi mdi-circle-outline text-primary mr-2"></i>
|
|
<span>Feb 11 2018</span>
|
|
</div>
|
|
<p class="mb-0 font-weight-thin text-gray">Creating component page</p>
|
|
<p class="text-gray mb-0">build a js based app</p>
|
|
</div>
|
|
<div class="events pt-4 px-3">
|
|
<div class="wrapper d-flex mb-2">
|
|
<i class="mdi mdi-circle-outline text-primary mr-2"></i>
|
|
<span>Feb 7 2018</span>
|
|
</div>
|
|
<p class="mb-0 font-weight-thin text-gray">Meeting with Alisa</p>
|
|
<p class="text-gray mb-0 ">Call Sarah Graves</p>
|
|
</div>
|
|
</div>
|
|
<!-- To do section tab ends -->
|
|
<div class="tab-pane fade" id="chats-section" role="tabpanel" aria-labelledby="chats-section">
|
|
<div class="d-flex align-items-center justify-content-between border-bottom">
|
|
<p class="settings-heading border-top-0 mb-3 pl-3 pt-0 border-bottom-0 pb-0">Friends</p>
|
|
<small class="settings-heading border-top-0 mb-3 pt-0 border-bottom-0 pb-0 pr-3 font-weight-normal">See All</small>
|
|
</div>
|
|
<ul class="chat-list">
|
|
<li class="list active">
|
|
<div class="profile"><img src="https://via.placeholder.com/100x100" alt="image"><span class="online"></span></div>
|
|
<div class="info">
|
|
<p>Thomas Douglas</p>
|
|
<p>Available</p>
|
|
</div>
|
|
<small class="text-muted my-auto">19 min</small>
|
|
</li>
|
|
<li class="list">
|
|
<div class="profile"><img src="https://via.placeholder.com/100x100" alt="image"><span class="offline"></span></div>
|
|
<div class="info">
|
|
<div class="wrapper d-flex">
|
|
<p>Catherine</p>
|
|
</div>
|
|
<p>Away</p>
|
|
</div>
|
|
<div class="badge badge-success badge-pill my-auto mx-2">4</div>
|
|
<small class="text-muted my-auto">23 min</small>
|
|
</li>
|
|
<li class="list">
|
|
<div class="profile"><img src="https://via.placeholder.com/100x100" alt="image"><span class="online"></span></div>
|
|
<div class="info">
|
|
<p>Daniel Russell</p>
|
|
<p>Available</p>
|
|
</div>
|
|
<small class="text-muted my-auto">14 min</small>
|
|
</li>
|
|
<li class="list">
|
|
<div class="profile"><img src="https://via.placeholder.com/100x100" alt="image"><span class="offline"></span></div>
|
|
<div class="info">
|
|
<p>James Richardson</p>
|
|
<p>Away</p>
|
|
</div>
|
|
<small class="text-muted my-auto">2 min</small>
|
|
</li>
|
|
<li class="list">
|
|
<div class="profile"><img src="https://via.placeholder.com/100x100" alt="image"><span class="online"></span></div>
|
|
<div class="info">
|
|
<p>Madeline Kennedy</p>
|
|
<p>Available</p>
|
|
</div>
|
|
<small class="text-muted my-auto">5 min</small>
|
|
</li>
|
|
<li class="list">
|
|
<div class="profile"><img src="https://via.placeholder.com/100x100" alt="image"><span class="online"></span></div>
|
|
<div class="info">
|
|
<p>Sarah Graves</p>
|
|
<p>Available</p>
|
|
</div>
|
|
<small class="text-muted my-auto">47 min</small>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- chat tab ends -->
|
|
</div>
|
|
</div>
|
|
<!-- partial -->
|
|
<!-- partial:../../partials/_sidebar.html -->
|
|
<nav class="sidebar sidebar-offcanvas" id="sidebar">
|
|
<ul class="nav">
|
|
<li class="nav-item">
|
|
<a class="navbar-brand brand-logo-mini" href="../../index.html"><img src="../../../../images/logo-mini.svg" alt="logo"/></a>
|
|
<a class="navbar-brand brand-logo" href="../../index.html"><img src="../../../../images/logo.svg" alt="logo"/></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<div class="menu-heading mt-0">MAIN MENU</div>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="../../index.html">
|
|
<i class="mdi mdi-locker-multiple menu-icon"></i>
|
|
<span class="menu-title">Dashboard</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="../../pages/widgets/widgets.html">
|
|
<i class="mdi mdi-airplay menu-icon"></i>
|
|
<span class="menu-title">Widgets</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" data-toggle="collapse" href="#apps" aria-expanded="false" aria-controls="apps">
|
|
<i class="mdi mdi-television menu-icon"></i>
|
|
<span class="menu-title">App Pages</span>
|
|
<i class="menu-arrow"></i>
|
|
</a>
|
|
<div class="collapse" id="apps">
|
|
<ul class="nav flex-column sub-menu">
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/apps/email.html">E-mail</a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/apps/calendar.html">Calendar</a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/apps/todo.html">Todo List</a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/apps/gallery.html">Gallery</a></li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item">
|
|
<div class="menu-heading">Interface</div>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" data-toggle="collapse" href="#ui-basic" aria-expanded="false" aria-controls="ui-basic">
|
|
<i class="mdi mdi-target menu-icon"></i>
|
|
<span class="menu-title">Components</span>
|
|
<i class="menu-arrow"></i>
|
|
</a>
|
|
<div class="collapse" id="ui-basic">
|
|
<ul class="nav flex-column sub-menu">
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/ui-features/accordions.html">Accordions</a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/ui-features/buttons.html">Buttons</a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/ui-features/badges.html">Badges</a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/ui-features/breadcrumbs.html">Breadcrumbs</a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/ui-features/dropdowns.html">Dropdowns</a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/ui-features/modals.html">Modals</a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/ui-features/progress.html">Progress bar</a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/ui-features/pagination.html">Pagination</a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/ui-features/tabs.html">Tabs</a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/ui-features/typography.html">Typography</a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/ui-features/tooltips.html">Tooltips</a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/ui-features/dragula.html">Dragula</a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/ui-features/clipboard.html">Clipboard</a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/ui-features/context-menu.html">Context menu</a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/ui-features/slider.html">Sliders</a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/ui-features/carousel.html">Carousel</a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/ui-features/colcade.html">Colcade</a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/ui-features/loaders.html">Loaders</a></li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" data-toggle="collapse" href="#form-elements" aria-expanded="false" aria-controls="form-elements">
|
|
<i class="mdi mdi-bullhorn menu-icon"></i>
|
|
<span class="menu-title">Forms</span>
|
|
<i class="menu-arrow"></i>
|
|
</a>
|
|
<div class="collapse" id="form-elements">
|
|
<ul class="nav flex-column sub-menu">
|
|
<li class="nav-item"><a class="nav-link" href="../../pages/forms/basic_elements.html">Basic Elements</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="../../pages/forms/advanced_elements.html">Advanced Elements</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="../../pages/forms/validation.html">Validation</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="../../pages/forms/wizard.html">Wizard</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="../../pages/forms/text_editor.html">Text editors</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="../../pages/forms/code_editor.html">Code editors</a></li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" data-toggle="collapse" href="#utilities" aria-expanded="false" aria-controls="utilities">
|
|
<i class="mdi mdi-scale-balance menu-icon"></i>
|
|
<span class="menu-title">Utilities</span>
|
|
<i class="menu-arrow"></i>
|
|
</a>
|
|
<div class="collapse" id="utilities">
|
|
<ul class="nav flex-column sub-menu">
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/ui-features/popups.html">Popups</a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/ui-features/notifications.html">Notifications</a></li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item">
|
|
<div class="menu-heading">Addons</div>
|
|
</li>
|
|
|
|
<li class="nav-item">
|
|
<a class="nav-link" data-toggle="collapse" href="#charts" aria-expanded="false" aria-controls="charts">
|
|
<i class="mdi mdi-chart-bar menu-icon"></i>
|
|
<span class="menu-title">Charts</span>
|
|
<i class="menu-arrow"></i>
|
|
</a>
|
|
<div class="collapse" id="charts">
|
|
<ul class="nav flex-column sub-menu">
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/charts/chartjs.html">ChartJs</a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/charts/morris.html">Morris</a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/charts/flot-chart.html">Flot</a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/charts/google-charts.html">Google charts</a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/charts/sparkline.html">Sparkline js</a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/charts/c3.html">C3 charts</a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/charts/chartist.html">Chartists</a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/charts/justGage.html">JustGage</a></li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" data-toggle="collapse" href="#tables" aria-expanded="false" aria-controls="tables">
|
|
<i class="mdi mdi-grid-large menu-icon"></i>
|
|
<span class="menu-title">Tables</span>
|
|
<i class="menu-arrow"></i>
|
|
</a>
|
|
<div class="collapse" id="tables">
|
|
<ul class="nav flex-column sub-menu">
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/tables/basic-table.html">Basic table</a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/tables/data-table.html">Data table</a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/tables/js-grid.html">Js-grid</a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/tables/sortable-table.html">Sortable table</a></li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
|
|
<li class="nav-item">
|
|
<a class="nav-link" data-toggle="collapse" href="#icons" aria-expanded="false" aria-controls="icons">
|
|
<i class="mdi mdi-emoticon menu-icon"></i>
|
|
<span class="menu-title">Icons</span>
|
|
<i class="menu-arrow"></i>
|
|
</a>
|
|
<div class="collapse" id="icons">
|
|
<ul class="nav flex-column sub-menu">
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/icons/flag-icons.html">Flag icons</a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/icons/font-awesome.html">Font Awesome</a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/icons/simple-line-icon.html">Simple line icons</a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/icons/themify.html">Themify icons</a></li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" data-toggle="collapse" href="#maps" aria-expanded="false" aria-controls="maps">
|
|
<i class="mdi mdi-map menu-icon"></i>
|
|
<span class="menu-title">Maps</span>
|
|
<i class="menu-arrow"></i>
|
|
</a>
|
|
<div class="collapse" id="maps">
|
|
<ul class="nav flex-column sub-menu">
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/maps/mapeal.html">Mapeal</a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/maps/vector-map.html">Vector Map</a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/maps/google-maps.html">Google Map</a></li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" data-toggle="collapse" href="#pages" aria-expanded="false" aria-controls="pages">
|
|
<i class="mdi mdi-file-document menu-icon"></i>
|
|
<span class="menu-title">Pages</span>
|
|
<i class="menu-arrow"></i>
|
|
</a>
|
|
<div class="collapse" id="pages">
|
|
<ul class="nav flex-column sub-menu">
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/samples/login.html"> Login </a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/samples/login-2.html"> Login 2 </a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/samples/register.html"> Register </a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/samples/register-2.html"> Register 2 </a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/samples/lock-screen.html"> Lockscreen </a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/samples/error-404.html"> 404 </a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/samples/error-500.html"> 500 </a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/samples/blank-page.html"> Blank Page </a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/samples/profile.html"> Profile </a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/samples/faq.html"> FAQ </a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/samples/faq-2.html"> FAQ 2 </a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/samples/news-grid.html"> News grid </a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/samples/timeline.html"> Timeline </a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/samples/search-results.html"> Search Results </a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/samples/portfolio.html"> Portfolio </a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/samples/invoice.html"> Invoice </a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/samples/pricing-table.html"> Pricing Table </a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="../../pages/samples/orders.html"> Orders </a></li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="https://www.bootstrapdash.com/demo/steelui/docs/documentation.html" target="_blank">
|
|
<span class="menu-title documentation">Documentation</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<!-- partial -->
|
|
<div class="main-panel">
|
|
<div class="content-wrapper">
|
|
<div class="row">
|
|
<div class="col-12 grid-margin">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<form action="#">
|
|
<div class="form-group d-flex search-field">
|
|
<input type="text" class="form-control" placeholder="Search Here" value="Sass tutorial">
|
|
<button type="submit" class="btn btn-primary ml-3">Search</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-6">
|
|
<div class="row">
|
|
<div class="col-12 grid-margin">
|
|
<div class="card">
|
|
<div class="faq-block card-body">
|
|
<div class="container-fluid py-2">
|
|
<h5 class="mb-0">Section 1</h5>
|
|
</div>
|
|
<div id="accordion-1" class="accordion">
|
|
<div class="card">
|
|
<div class="card-header" id="headingOne">
|
|
<h5 class="mb-0">
|
|
<a data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
|
|
How many instances of Lorum Ipsum usage can be found on the web?
|
|
</a>
|
|
</h5>
|
|
</div>
|
|
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion-1">
|
|
<div class="card-body">
|
|
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. 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="card">
|
|
<div class="card-header" id="headingTwo">
|
|
<h5 class="mb-0">
|
|
<a data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
|
|
What is Lorum Ipsum and who invented it?
|
|
</a>
|
|
</h5>
|
|
</div>
|
|
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion-1">
|
|
<div class="card-body">
|
|
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. 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="card">
|
|
<div class="card-header" id="headingThree">
|
|
<h5 class="mb-0">
|
|
<a data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
|
|
How may times Lorum Ipsum has been used in this theme?
|
|
</a>
|
|
</h5>
|
|
</div>
|
|
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion-1">
|
|
<div class="card-body">
|
|
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. 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 class="col-12">
|
|
<div class="card">
|
|
<div class="faq-block card-body">
|
|
<div class="container-fluid py-2">
|
|
<h5 class="mb-0">Section 3</h5>
|
|
</div>
|
|
<div id="accordion-4" class="accordion">
|
|
<div class="card">
|
|
<div class="card-header" id="headingOne-4">
|
|
<h5 class="mb-0">
|
|
<a data-toggle="collapse" data-target="#collapseOne-4" aria-expanded="true" aria-controls="collapseOne-4">
|
|
Can I transfer the money from the wallet to my bank account?
|
|
</a>
|
|
</h5>
|
|
</div>
|
|
<div id="collapseOne-4" class="collapse show" aria-labelledby="headingOne-4" data-parent="#accordion-4">
|
|
<div class="card-body">
|
|
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird
|
|
on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. 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="card">
|
|
<div class="card-header" id="headingTwo-4">
|
|
<h5 class="mb-0">
|
|
<a data-toggle="collapse" data-target="#collapseTwo-4" aria-expanded="false" aria-controls="collapseTwo-4">
|
|
I forgot my account password. What should I do?
|
|
</a>
|
|
</h5>
|
|
</div>
|
|
<div id="collapseTwo-4" class="collapse" aria-labelledby="headingTwo-4" data-parent="#accordion-4">
|
|
<div class="card-body">
|
|
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird
|
|
on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. 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="card">
|
|
<div class="card-header" id="headingThree-4">
|
|
<h5 class="mb-0">
|
|
<a data-toggle="collapse" data-target="#collapseThree-4" aria-expanded="false" aria-controls="collapseThree-4">
|
|
What should I do if I need any assistance using my account
|
|
</a>
|
|
</h5>
|
|
</div>
|
|
<div id="collapseThree-4" class="collapse" aria-labelledby="headingThree-4" data-parent="#accordion-4">
|
|
<div class="card-body">
|
|
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird
|
|
on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. 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> <!-- sub col -->
|
|
<div class="col-6">
|
|
<div class="row">
|
|
<div class="col-12 grid-margin">
|
|
<div class="card">
|
|
<div class="faq-block card-body">
|
|
<div class="container-fluid py-2">
|
|
<h5 class="mb-0">Section 2</h5>
|
|
</div>
|
|
<div id="accordion-3" class="accordion">
|
|
<div class="card">
|
|
<div class="card-header" id="headingOne-3">
|
|
<h5 class="mb-0">
|
|
<a data-toggle="collapse" data-target="#collapseOne-3" aria-expanded="true" aria-controls="collapseOne-3">
|
|
How many instances of Lorum Ipsum usage can be found on the web?
|
|
</a>
|
|
</h5>
|
|
</div>
|
|
<div id="collapseOne-3" class="collapse show" aria-labelledby="headingOne-3" data-parent="#accordion-3">
|
|
<div class="card-body">
|
|
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird
|
|
on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. 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="card">
|
|
<div class="card-header" id="headingTwo-3">
|
|
<h5 class="mb-0">
|
|
<a data-toggle="collapse" data-target="#collapseTwo-3" aria-expanded="false" aria-controls="collapseTwo-3">
|
|
What is Lorum Ipsum and who invented it?
|
|
</a>
|
|
</h5>
|
|
</div>
|
|
<div id="collapseTwo-3" class="collapse" aria-labelledby="headingTwo-3" data-parent="#accordion-3">
|
|
<div class="card-body">
|
|
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird
|
|
on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. 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="card">
|
|
<div class="card-header" id="headingThree-3">
|
|
<h5 class="mb-0">
|
|
<a data-toggle="collapse" data-target="#collapseThree-3" aria-expanded="false" aria-controls="collapseThree-3">
|
|
How may times Lorum Ipsum has been used in this theme?
|
|
</a>
|
|
</h5>
|
|
</div>
|
|
<div id="collapseThree-3" class="collapse" aria-labelledby="headingThree-3" data-parent="#accordion-3">
|
|
<div class="card-body">
|
|
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird
|
|
on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. 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 class="col-12">
|
|
<div class="card">
|
|
<div class="faq-block card-body">
|
|
<div class="container-fluid py-2">
|
|
<h5 class="mb-0">Section 4</h5>
|
|
</div>
|
|
<div id="accordion-2" class="accordion">
|
|
<div class="card">
|
|
<div class="card-header" id="headingOne-2">
|
|
<h5 class="mb-0">
|
|
<a data-toggle="collapse" data-target="#collapseOne-2" aria-expanded="true" aria-controls="collapseOne-2">
|
|
How many instances of Lorum Ipsum usage can be found on the web?
|
|
</a>
|
|
</h5>
|
|
</div>
|
|
<div id="collapseOne-2" class="collapse show" aria-labelledby="headingOne-2" data-parent="#accordion-2">
|
|
<div class="card-body">
|
|
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. 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="card">
|
|
<div class="card-header" id="headingTwo-2">
|
|
<h5 class="mb-0">
|
|
<a data-toggle="collapse" data-target="#collapseTwo-2" aria-expanded="false" aria-controls="collapseTwo-2">
|
|
What is Lorum Ipsum and who invented it?
|
|
</a>
|
|
</h5>
|
|
</div>
|
|
<div id="collapseTwo-2" class="collapse" aria-labelledby="headingTwo-2" data-parent="#accordion-2">
|
|
<div class="card-body">
|
|
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. 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="card">
|
|
<div class="card-header" id="headingThree-2">
|
|
<h5 class="mb-0">
|
|
<a data-toggle="collapse" data-target="#collapseThree-2" aria-expanded="false" aria-controls="collapseThree-2">
|
|
How may times Lorum Ipsum has been used in this theme?
|
|
</a>
|
|
</h5>
|
|
</div>
|
|
<div id="collapseThree-2" class="collapse" aria-labelledby="headingThree-2" data-parent="#accordion-2">
|
|
<div class="card-body">
|
|
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. 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>
|
|
</div><!-- parent row -->
|
|
</div>
|
|
<!-- content-wrapper ends -->
|
|
<!-- partial:../../partials/_footer.html -->
|
|
<footer class="footer">
|
|
<div class="d-sm-flex justify-content-center justify-content-sm-between">
|
|
<span class="text-muted text-center text-sm-left d-block d-sm-inline-block">Copyright © <a href="#" target="_blank">BTF</a> 2020-21. All rights reserved.</span>
|
|
{{!--<span class="float-none float-sm-right d-block mt-1 mt-sm-0 text-center">Hand-crafted & made with <i class="mdi mdi-heart text-danger"></i></span>--}}
|
|
</div>
|
|
</footer>
|
|
<!-- partial -->
|
|
</div>
|
|
<!-- main-panel ends -->
|
|
</div>
|
|
<!-- page-body-wrapper ends -->
|
|
</div>
|
|
<!-- container-scroller -->
|
|
<!-- plugins:js -->
|
|
<script src="../../../../vendors/js/vendor.bundle.base.js"></script>
|
|
<script src="../../../../vendors/js/vendor.bundle.addons.js"></script>
|
|
<!-- endinject -->
|
|
<!-- Plugin js for this page-->
|
|
<!-- End plugin js for this page-->
|
|
<!-- inject:js -->
|
|
<script src="../../../../js/off-canvas.js"></script>
|
|
<script src="../../../../js/hoverable-collapse.js"></script>
|
|
<script src="../../../../js/template.js"></script>
|
|
<script src="../../../../js/settings.js"></script>
|
|
<script src="../../../../js/todolist.js"></script>
|
|
<!-- endinject -->
|
|
<!-- Custom js for this page-->
|
|
<!-- End custom js for this page-->
|
|
</body>
|
|
|
|
</html>
|