mirror of
https://github.com/adminkit/adminkit.git
synced 2026-03-31 19:57:44 +01:00
Init
This commit is contained in:
Paul Laros
@@ -0,0 +1,14 @@
|
|||||||
|
{
|
||||||
|
"presets": [
|
||||||
|
[
|
||||||
|
"@babel/preset-env",
|
||||||
|
{
|
||||||
|
"useBuiltIns": "usage",
|
||||||
|
"corejs": 2
|
||||||
|
}
|
||||||
|
]
|
||||||
|
],
|
||||||
|
"plugins": [
|
||||||
|
"@babel/syntax-dynamic-import"
|
||||||
|
]
|
||||||
|
}
|
||||||
@@ -0,0 +1,9 @@
|
|||||||
|
{
|
||||||
|
"parserOptions": {
|
||||||
|
"ecmaVersion": 2017,
|
||||||
|
"sourceType": "module"
|
||||||
|
},
|
||||||
|
"env": {
|
||||||
|
"es6": true
|
||||||
|
}
|
||||||
|
}
|
||||||
+16
@@ -0,0 +1,16 @@
|
|||||||
|
# dependencies
|
||||||
|
/node_modules
|
||||||
|
/package-lock.json
|
||||||
|
/yarn.lock
|
||||||
|
|
||||||
|
# production
|
||||||
|
/dist
|
||||||
|
|
||||||
|
# misc
|
||||||
|
.DS_Store
|
||||||
|
.vscode/
|
||||||
|
|
||||||
|
# logs
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
@@ -0,0 +1,7 @@
|
|||||||
|
# Changelog
|
||||||
|
|
||||||
|
All notable changes to this project will be documented in this file.
|
||||||
|
|
||||||
|
## [1.0.0] 2019-03-21
|
||||||
|
|
||||||
|
- Initial release
|
||||||
@@ -0,0 +1,21 @@
|
|||||||
|
The MIT License (MIT)
|
||||||
|
|
||||||
|
Copyright (c) 2018-2019 The Tabler Authors
|
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
|
of this software and associated documentation files (the "Software"), to deal
|
||||||
|
in the Software without restriction, including without limitation the rights
|
||||||
|
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||||
|
copies of the Software, and to permit persons to whom the Software is
|
||||||
|
furnished to do so, subject to the following conditions:
|
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be included in
|
||||||
|
all copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||||
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||||
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||||
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||||
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||||
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
||||||
|
THE SOFTWARE.
|
||||||
@@ -0,0 +1,54 @@
|
|||||||
|
# AdminKit
|
||||||
|
|
||||||
|
A professional Web UI Kit & Dashboard template based on Bootstrap that comes with hundreds of UI components, forms, tables, charts, pages and icons.
|
||||||
|
|
||||||
|
<strong><a href="https://demo.adminkit.io/">View Demo</a> | <a href="https://github.com/adminkit/adminkit/archive/master.zip">Download ZIP</a> | <a href="https://adminkit.io/">Visit Website</a></strong>
|
||||||
|
|
||||||
|
[](https://demo.adminkit.io/)
|
||||||
|
|
||||||
|
## Status
|
||||||
|
|
||||||
|
  [](https://github.com/adminkit/adminkit/issues?q=is%3Aopen+is%3Aissue) [](https://github.com/adminkit/adminkit/issues?q=is%3Aissue+is%3Aclosed)
|
||||||
|
|
||||||
|
## Features
|
||||||
|
|
||||||
|
* **Customizable:** You don't need to be an expert to customize AdminKit. Our code is very readable and well documented.
|
||||||
|
* **Fully Responsive:** With mobile, tablet & desktop support it doesn't matter what device you're using. AdminKit is responsive in all browsers.
|
||||||
|
* **Cross Browser:** Our themes are working perfectly with: Chrome, Firefox, Safari, Opera and Edge. We're working hard to support them.
|
||||||
|
* **HTML5 & CSS3:** We use only modern web technologies, such as HTML5 and CSS3. AdminKit includes some subtle CSS3 animations, which will help you attract attention.
|
||||||
|
* **Clean Code:** We strictly follow Bootstrap's guidelines to make your integration as easy as possible. All code is handwritten.
|
||||||
|
* **Regular Updates:** From time to time you'll receive an update containing new components, improvements and bugfixes.
|
||||||
|
|
||||||
|
## Quick start
|
||||||
|
|
||||||
|
### Download
|
||||||
|
|
||||||
|
* Clone this repo `git clone https://github.com/adminkit/adminkit.git`
|
||||||
|
* [Download from GitHub](https://github.com/adminkit/adminkit/archive/master.zip)
|
||||||
|
* [Download from Website](https://adminkit.io/#download)
|
||||||
|
|
||||||
|
### Build tools
|
||||||
|
|
||||||
|
The theme includes a custom Webpack file, which can be used to quickly recompile and minify theme assets while developing or for deployment. You'll need to install Node.js before using Webpack.
|
||||||
|
|
||||||
|
Once Node.js is installed, run npm install to install the rest of AdminKit's dependencies. All dependencies will be downloaded to the node_modules directory.
|
||||||
|
|
||||||
|
```sh
|
||||||
|
npm install
|
||||||
|
```
|
||||||
|
|
||||||
|
Now you're ready to modify the source files and generate new dist/ files. AdminKit uses webpack-dev-server to automatically detect file changes and start a local webserver at http://localhost:8080.
|
||||||
|
|
||||||
|
```sh
|
||||||
|
npm start
|
||||||
|
```
|
||||||
|
|
||||||
|
Compile, optimize, minify and uglify all source files to dist/ folder:
|
||||||
|
|
||||||
|
```sh
|
||||||
|
npm run build
|
||||||
|
```
|
||||||
|
|
||||||
|
## Bugs and feature requests
|
||||||
|
|
||||||
|
Found a bug or have a feature request? [Please open a new issue](https://github.com/adminkit/adminkit/issues/new).
|
||||||
@@ -0,0 +1,661 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
<meta name="description" content="Responsive Web UI Kit & Dashboard Template based on Bootstrap">
|
||||||
|
<meta name="author" content="AdminKit">
|
||||||
|
<meta name="keywords" content="adminkit, bootstrap, web ui kit, dashboard template, admin template">
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="img/icons/icon-48x48.png" />
|
||||||
|
|
||||||
|
<title>Chart.js | AdminKit Demo</title>
|
||||||
|
|
||||||
|
<link href="css/app.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="wrapper">
|
||||||
|
<nav id="sidebar" class="sidebar">
|
||||||
|
<div class="sidebar-content js-simplebar">
|
||||||
|
<a class="sidebar-brand" href="index.html">
|
||||||
|
<span class="align-middle">AdminKit</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<ul class="sidebar-nav">
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Pages
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="index.html">
|
||||||
|
<i class="align-middle" data-feather="sliders"></i> <span class="align-middle">Dashboard</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-profile.html">
|
||||||
|
<i class="align-middle" data-feather="user"></i> <span class="align-middle">Profile</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-settings.html">
|
||||||
|
<i class="align-middle" data-feather="settings"></i> <span class="align-middle">Settings</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-invoice.html">
|
||||||
|
<i class="align-middle" data-feather="credit-card"></i> <span class="align-middle">Invoice</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-blank.html">
|
||||||
|
<i class="align-middle" data-feather="book"></i> <span class="align-middle">Blank</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Tools & Components
|
||||||
|
</li>
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a href="#ui" data-toggle="collapse" class="sidebar-link collapsed">
|
||||||
|
<i class="align-middle" data-feather="briefcase"></i> <span class="align-middle">UI Elements</span>
|
||||||
|
</a>
|
||||||
|
<ul id="ui" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-alerts.html">Alerts</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-buttons.html">Buttons</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-cards.html">Cards</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-general.html">General</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-grid.html">Grid</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-modals.html">Modals</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-typography.html">Typography</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="icons-feather.html">
|
||||||
|
<i class="align-middle" data-feather="coffee"></i> <span class="align-middle">Icons</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a href="#forms" data-toggle="collapse" class="sidebar-link collapsed">
|
||||||
|
<i class="align-middle" data-feather="check-circle"></i> <span class="align-middle">Forms</span>
|
||||||
|
</a>
|
||||||
|
<ul id="forms" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="forms-layouts.html">Form Layouts</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="forms-basic-inputs.html">Basic Inputs</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="tables-bootstrap.html">
|
||||||
|
<i class="align-middle" data-feather="list"></i> <span class="align-middle">Tables</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Plugins & Addons
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item active">
|
||||||
|
<a class="sidebar-link" href="charts-chartjs.html">
|
||||||
|
<i class="align-middle" data-feather="bar-chart-2"></i> <span class="align-middle">Charts</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="maps-google.html">
|
||||||
|
<i class="align-middle" data-feather="map"></i> <span class="align-middle">Maps</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="sidebar-cta">
|
||||||
|
<div class="sidebar-cta-content">
|
||||||
|
<strong class="d-inline-block mb-2">Upgrade to Pro</strong>
|
||||||
|
<div class="mb-3 text-sm">
|
||||||
|
Are you looking for more components?
|
||||||
|
</div>
|
||||||
|
<a href="https://adminkit.io/pricing" target="_blank" class="btn btn-outline-primary btn-block">Upgrade</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div class="main">
|
||||||
|
<nav class="navbar navbar-expand navbar-light navbar-bg">
|
||||||
|
<a class="sidebar-toggle d-flex">
|
||||||
|
<i class="hamburger align-self-center"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<form class="form-inline d-none d-sm-inline-block">
|
||||||
|
<div class="input-group input-group-navbar">
|
||||||
|
<input type="text" class="form-control" placeholder="Search…" aria-label="Search">
|
||||||
|
<div class="input-group-append">
|
||||||
|
<button class="btn" type="button">
|
||||||
|
<i class="align-middle" data-feather="search"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="navbar-collapse collapse">
|
||||||
|
<ul class="navbar-nav navbar-align">
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle" href="#" id="alertsDropdown" data-toggle="dropdown">
|
||||||
|
<div class="position-relative">
|
||||||
|
<i class="align-middle" data-feather="bell"></i>
|
||||||
|
<span class="indicator">4</span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0" aria-labelledby="alertsDropdown">
|
||||||
|
<div class="dropdown-menu-header">
|
||||||
|
4 New Notifications
|
||||||
|
</div>
|
||||||
|
<div class="list-group">
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-danger" data-feather="alert-circle"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Update completed</div>
|
||||||
|
<div class="text-muted small mt-1">Restart server 12 to complete the update.</div>
|
||||||
|
<div class="text-muted small mt-1">30m ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-warning" data-feather="bell"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Lorem ipsum</div>
|
||||||
|
<div class="text-muted small mt-1">Aliquam ex eros, imperdiet vulputate hendrerit et.</div>
|
||||||
|
<div class="text-muted small mt-1">2h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-primary" data-feather="home"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Login from 192.186.1.8</div>
|
||||||
|
<div class="text-muted small mt-1">5h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-success" data-feather="user-plus"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">New connection</div>
|
||||||
|
<div class="text-muted small mt-1">Christina accepted your request.</div>
|
||||||
|
<div class="text-muted small mt-1">14h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-footer">
|
||||||
|
<a href="#" class="text-muted">Show all notifications</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle" href="#" id="messagesDropdown" data-toggle="dropdown">
|
||||||
|
<div class="position-relative">
|
||||||
|
<i class="align-middle" data-feather="message-square"></i>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0" aria-labelledby="messagesDropdown">
|
||||||
|
<div class="dropdown-menu-header">
|
||||||
|
<div class="position-relative">
|
||||||
|
4 New Messages
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="list-group">
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Vanessa Tucker</div>
|
||||||
|
<div class="text-muted small mt-1">Nam pretium turpis et arcu. Duis arcu tortor.</div>
|
||||||
|
<div class="text-muted small mt-1">15m ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">William Harris</div>
|
||||||
|
<div class="text-muted small mt-1">Curabitur ligula sapien euismod vitae.</div>
|
||||||
|
<div class="text-muted small mt-1">2h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Christina Mason</div>
|
||||||
|
<div class="text-muted small mt-1">Pellentesque auctor neque nec urna.</div>
|
||||||
|
<div class="text-muted small mt-1">4h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Sharon Lessman</div>
|
||||||
|
<div class="text-muted small mt-1">Aenean tellus metus, bibendum sed, posuere ac, mattis non.</div>
|
||||||
|
<div class="text-muted small mt-1">5h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-footer">
|
||||||
|
<a href="#" class="text-muted">Show all messages</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle d-inline-block d-sm-none" href="#" data-toggle="dropdown">
|
||||||
|
<i class="align-middle" data-feather="settings"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a class="nav-link dropdown-toggle d-none d-sm-inline-block" href="#" data-toggle="dropdown">
|
||||||
|
<img src="img/avatars/avatar.jpg" class="avatar img-fluid rounded mr-1" alt="Charles Hall" /> <span class="text-dark">Charles Hall</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-right">
|
||||||
|
<a class="dropdown-item" href="pages-profile.html"><i class="align-middle mr-1" data-feather="user"></i> Profile</a>
|
||||||
|
<a class="dropdown-item" href="#"><i class="align-middle mr-1" data-feather="pie-chart"></i> Analytics</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="pages-settings.html"><i class="align-middle mr-1" data-feather="settings"></i> Settings & Privacy</a>
|
||||||
|
<a class="dropdown-item" href="#"><i class="align-middle mr-1" data-feather="help-circle"></i> Help Center</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="#">Log out</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<main class="content">
|
||||||
|
<div class="container-fluid p-0">
|
||||||
|
|
||||||
|
<h1 class="h3 mb-3">Chart.js</h1>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="card flex-fill w-100">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Line Chart</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">A line chart is a way of plotting data points on a line.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="chart">
|
||||||
|
<canvas id="chartjs-line"></canvas>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Bar Chart</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">A bar chart provides a way of showing data values represented as vertical bars.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="chart">
|
||||||
|
<canvas id="chartjs-bar"></canvas>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Doughnut Chart</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Doughnut charts are excellent at showing the relational proportions between data.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="chart chart-sm">
|
||||||
|
<canvas id="chartjs-doughnut"></canvas>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Pie Chart</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Pie charts are excellent at showing the relational proportions between data.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="chart chart-sm">
|
||||||
|
<canvas id="chartjs-pie"></canvas>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Radar Chart</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">A radar chart is a way of showing multiple data points and the variation between them.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="chart">
|
||||||
|
<canvas id="chartjs-radar"></canvas>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Polar Area Chart</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Polar area charts are similar to pie charts, but each segment has the same angle.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="chart">
|
||||||
|
<canvas id="chartjs-polar-area"></canvas>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row text-muted">
|
||||||
|
<div class="col-6 text-left">
|
||||||
|
<p class="mb-0">
|
||||||
|
<a href="index.html" class="text-muted"><strong>AdminKit Demo</strong></a> ©
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-6 text-right">
|
||||||
|
<ul class="list-inline">
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Support</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Help Center</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Privacy</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Terms</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="js/vendor.js"></script>
|
||||||
|
<script src="js/app.js"></script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
// Line chart
|
||||||
|
new Chart(document.getElementById("chartjs-line"), {
|
||||||
|
type: "line",
|
||||||
|
data: {
|
||||||
|
labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
|
||||||
|
datasets: [{
|
||||||
|
label: "Sales ($)",
|
||||||
|
fill: true,
|
||||||
|
backgroundColor: "transparent",
|
||||||
|
borderColor: window.theme.primary,
|
||||||
|
data: [2115, 1562, 1584, 1892, 1487, 2223, 2966, 2448, 2905, 3838, 2917, 3327]
|
||||||
|
}, {
|
||||||
|
label: "Orders",
|
||||||
|
fill: true,
|
||||||
|
backgroundColor: "transparent",
|
||||||
|
borderColor: "#adb5bd",
|
||||||
|
borderDash: [4, 4],
|
||||||
|
data: [958, 724, 629, 883, 915, 1214, 1476, 1212, 1554, 2128, 1466, 1827]
|
||||||
|
}]
|
||||||
|
},
|
||||||
|
options: {
|
||||||
|
maintainAspectRatio: false,
|
||||||
|
legend: {
|
||||||
|
display: false
|
||||||
|
},
|
||||||
|
tooltips: {
|
||||||
|
intersect: false
|
||||||
|
},
|
||||||
|
hover: {
|
||||||
|
intersect: true
|
||||||
|
},
|
||||||
|
plugins: {
|
||||||
|
filler: {
|
||||||
|
propagate: false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
scales: {
|
||||||
|
xAxes: [{
|
||||||
|
reverse: true,
|
||||||
|
gridLines: {
|
||||||
|
color: "rgba(0,0,0,0.05)"
|
||||||
|
}
|
||||||
|
}],
|
||||||
|
yAxes: [{
|
||||||
|
ticks: {
|
||||||
|
stepSize: 500
|
||||||
|
},
|
||||||
|
display: true,
|
||||||
|
borderDash: [5, 5],
|
||||||
|
gridLines: {
|
||||||
|
color: "rgba(0,0,0,0)",
|
||||||
|
fontColor: "#fff"
|
||||||
|
}
|
||||||
|
}]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
// Bar chart
|
||||||
|
new Chart(document.getElementById("chartjs-bar"), {
|
||||||
|
type: "bar",
|
||||||
|
data: {
|
||||||
|
labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
|
||||||
|
datasets: [{
|
||||||
|
label: "Last year",
|
||||||
|
backgroundColor: window.theme.primary,
|
||||||
|
borderColor: window.theme.primary,
|
||||||
|
hoverBackgroundColor: window.theme.primary,
|
||||||
|
hoverBorderColor: window.theme.primary,
|
||||||
|
data: [54, 67, 41, 55, 62, 45, 55, 73, 60, 76, 48, 79],
|
||||||
|
barPercentage: .75,
|
||||||
|
categoryPercentage: .5
|
||||||
|
}, {
|
||||||
|
label: "This year",
|
||||||
|
backgroundColor: "#dee2e6",
|
||||||
|
borderColor: "#dee2e6",
|
||||||
|
hoverBackgroundColor: "#dee2e6",
|
||||||
|
hoverBorderColor: "#dee2e6",
|
||||||
|
data: [69, 66, 24, 48, 52, 51, 44, 53, 62, 79, 51, 68],
|
||||||
|
barPercentage: .75,
|
||||||
|
categoryPercentage: .5
|
||||||
|
}]
|
||||||
|
},
|
||||||
|
options: {
|
||||||
|
maintainAspectRatio: false,
|
||||||
|
legend: {
|
||||||
|
display: false
|
||||||
|
},
|
||||||
|
scales: {
|
||||||
|
yAxes: [{
|
||||||
|
gridLines: {
|
||||||
|
display: false
|
||||||
|
},
|
||||||
|
stacked: false,
|
||||||
|
ticks: {
|
||||||
|
stepSize: 20
|
||||||
|
}
|
||||||
|
}],
|
||||||
|
xAxes: [{
|
||||||
|
stacked: false,
|
||||||
|
gridLines: {
|
||||||
|
color: "transparent"
|
||||||
|
}
|
||||||
|
}]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
// Doughnut chart
|
||||||
|
new Chart(document.getElementById("chartjs-doughnut"), {
|
||||||
|
type: "doughnut",
|
||||||
|
data: {
|
||||||
|
labels: ["Social", "Search Engines", "Direct", "Other"],
|
||||||
|
datasets: [{
|
||||||
|
data: [260, 125, 54, 146],
|
||||||
|
backgroundColor: [
|
||||||
|
window.theme.primary,
|
||||||
|
window.theme.success,
|
||||||
|
window.theme.warning,
|
||||||
|
"#dee2e6"
|
||||||
|
],
|
||||||
|
borderColor: "transparent"
|
||||||
|
}]
|
||||||
|
},
|
||||||
|
options: {
|
||||||
|
maintainAspectRatio: false,
|
||||||
|
cutoutPercentage: 65,
|
||||||
|
legend: {
|
||||||
|
display: false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
// Pie chart
|
||||||
|
new Chart(document.getElementById("chartjs-pie"), {
|
||||||
|
type: "pie",
|
||||||
|
data: {
|
||||||
|
labels: ["Social", "Search Engines", "Direct", "Other"],
|
||||||
|
datasets: [{
|
||||||
|
data: [260, 125, 54, 146],
|
||||||
|
backgroundColor: [
|
||||||
|
window.theme.primary,
|
||||||
|
window.theme.warning,
|
||||||
|
window.theme.danger,
|
||||||
|
"#dee2e6"
|
||||||
|
],
|
||||||
|
borderColor: "transparent"
|
||||||
|
}]
|
||||||
|
},
|
||||||
|
options: {
|
||||||
|
maintainAspectRatio: false,
|
||||||
|
legend: {
|
||||||
|
display: false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
// Radar chart
|
||||||
|
new Chart(document.getElementById("chartjs-radar"), {
|
||||||
|
type: "radar",
|
||||||
|
data: {
|
||||||
|
labels: ["Speed", "Reliability", "Comfort", "Safety", "Efficiency"],
|
||||||
|
datasets: [{
|
||||||
|
label: "Model X",
|
||||||
|
backgroundColor: "rgba(0, 123, 255, 0.2)",
|
||||||
|
borderColor: window.theme.primary,
|
||||||
|
pointBackgroundColor: window.theme.primary,
|
||||||
|
pointBorderColor: "#fff",
|
||||||
|
pointHoverBackgroundColor: "#fff",
|
||||||
|
pointHoverBorderColor: window.theme.primary,
|
||||||
|
data: [70, 53, 82, 60, 33]
|
||||||
|
}, {
|
||||||
|
label: "Model S",
|
||||||
|
backgroundColor: "rgba(220, 53, 69, 0.2)",
|
||||||
|
borderColor: window.theme.danger,
|
||||||
|
pointBackgroundColor: window.theme.danger,
|
||||||
|
pointBorderColor: "#fff",
|
||||||
|
pointHoverBackgroundColor: "#fff",
|
||||||
|
pointHoverBorderColor: window.theme.danger,
|
||||||
|
data: [35, 38, 65, 85, 84]
|
||||||
|
}]
|
||||||
|
},
|
||||||
|
options: {
|
||||||
|
maintainAspectRatio: false
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
// Polar Area chart
|
||||||
|
new Chart(document.getElementById("chartjs-polar-area"), {
|
||||||
|
type: "polarArea",
|
||||||
|
data: {
|
||||||
|
labels: ["Speed", "Reliability", "Comfort", "Safety", "Efficiency"],
|
||||||
|
datasets: [{
|
||||||
|
label: "Model S",
|
||||||
|
data: [35, 38, 65, 70, 24],
|
||||||
|
backgroundColor: [
|
||||||
|
window.theme.primary,
|
||||||
|
window.theme.success,
|
||||||
|
window.theme.danger,
|
||||||
|
window.theme.warning,
|
||||||
|
window.theme.info
|
||||||
|
]
|
||||||
|
}]
|
||||||
|
},
|
||||||
|
options: {
|
||||||
|
maintainAspectRatio: false
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 699 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,803 @@
|
|||||||
|
<?xml version="1.0" standalone="no"?>
|
||||||
|
<!--
|
||||||
|
Font Awesome Free 5.12.1 by @fontawesome - https://fontawesome.com
|
||||||
|
License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
||||||
|
-->
|
||||||
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
|
||||||
|
<metadata>
|
||||||
|
Created by FontForge 20190801 at Tue Feb 4 18:05:39 2020
|
||||||
|
By Robert Madole
|
||||||
|
Copyright (c) Font Awesome
|
||||||
|
</metadata>
|
||||||
|
<defs>
|
||||||
|
<font id="FontAwesome5Free-Regular" horiz-adv-x="512" >
|
||||||
|
<font-face
|
||||||
|
font-family="Font Awesome 5 Free Regular"
|
||||||
|
font-weight="400"
|
||||||
|
font-stretch="normal"
|
||||||
|
units-per-em="512"
|
||||||
|
panose-1="2 0 5 3 0 0 0 0 0 0"
|
||||||
|
ascent="448"
|
||||||
|
descent="-64"
|
||||||
|
bbox="-0.0663408 -64.0662 640.01 448.1"
|
||||||
|
underline-thickness="25"
|
||||||
|
underline-position="-50"
|
||||||
|
unicode-range="U+0020-F5C8"
|
||||||
|
/>
|
||||||
|
<missing-glyph />
|
||||||
|
<glyph glyph-name="heart" unicode=""
|
||||||
|
d="M458.4 383.7c75.2998 -63.4004 64.0996 -166.601 10.5996 -221.3l-175.4 -178.7c-10 -10.2002 -23.2998 -15.7998 -37.5996 -15.7998c-14.2002 0 -27.5996 5.69922 -37.5996 15.8994l-175.4 178.7c-53.5996 54.7002 -64.5996 157.9 10.5996 221.2
|
||||||
|
c57.8008 48.7002 147.101 41.2998 202.4 -15c55.2998 56.2998 144.6 63.5996 202.4 15zM434.8 196.2c36.2002 36.8994 43.7998 107.7 -7.2998 150.8c-38.7002 32.5996 -98.7002 27.9004 -136.5 -10.5996l-35 -35.7002l-35 35.7002
|
||||||
|
c-37.5996 38.2998 -97.5996 43.1992 -136.5 10.5c-51.2002 -43.1006 -43.7998 -113.5 -7.2998 -150.7l175.399 -178.7c2.40039 -2.40039 4.40039 -2.40039 6.80078 0z" />
|
||||||
|
<glyph glyph-name="star" unicode="" horiz-adv-x="576"
|
||||||
|
d="M528.1 276.5c26.2002 -3.7998 36.7002 -36.0996 17.7002 -54.5996l-105.7 -103l25 -145.5c4.5 -26.3008 -23.1992 -45.9004 -46.3994 -33.7002l-130.7 68.7002l-130.7 -68.7002c-23.2002 -12.2998 -50.8994 7.39941 -46.3994 33.7002l25 145.5l-105.7 103
|
||||||
|
c-19 18.5 -8.5 50.7998 17.7002 54.5996l146.1 21.2998l65.2998 132.4c11.7998 23.8994 45.7002 23.5996 57.4004 0l65.2998 -132.4zM388.6 135.7l100.601 98l-139 20.2002l-62.2002 126l-62.2002 -126l-139 -20.2002l100.601 -98l-23.7002 -138.4l124.3 65.2998
|
||||||
|
l124.3 -65.2998z" />
|
||||||
|
<glyph glyph-name="user" unicode="" horiz-adv-x="448"
|
||||||
|
d="M313.6 144c74.2002 0 134.4 -60.2002 134.4 -134.4v-25.5996c0 -26.5 -21.5 -48 -48 -48h-352c-26.5 0 -48 21.5 -48 48v25.5996c0 74.2002 60.2002 134.4 134.4 134.4c28.7998 0 42.5 -16 89.5996 -16s60.9004 16 89.5996 16zM400 -16v25.5996
|
||||||
|
c0 47.6006 -38.7998 86.4004 -86.4004 86.4004c-14.6992 0 -37.8994 -16 -89.5996 -16c-51.2998 0 -75 16 -89.5996 16c-47.6006 0 -86.4004 -38.7998 -86.4004 -86.4004v-25.5996h352zM224 160c-79.5 0 -144 64.5 -144 144s64.5 144 144 144s144 -64.5 144 -144
|
||||||
|
s-64.5 -144 -144 -144zM224 400c-52.9004 0 -96 -43.0996 -96 -96s43.0996 -96 96 -96s96 43.0996 96 96s-43.0996 96 -96 96z" />
|
||||||
|
<glyph glyph-name="clock" unicode=""
|
||||||
|
d="M256 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM256 -8c110.5 0 200 89.5 200 200s-89.5 200 -200 200s-200 -89.5 -200 -200s89.5 -200 200 -200zM317.8 96.4004l-84.8994 61.6992
|
||||||
|
c-3.10059 2.30078 -4.90039 5.90039 -4.90039 9.7002v164.2c0 6.59961 5.40039 12 12 12h32c6.59961 0 12 -5.40039 12 -12v-141.7l66.7998 -48.5996c5.40039 -3.90039 6.5 -11.4004 2.60059 -16.7998l-18.8008 -25.9004c-3.89941 -5.2998 -11.3994 -6.5 -16.7998 -2.59961z
|
||||||
|
" />
|
||||||
|
<glyph glyph-name="list-alt" unicode=""
|
||||||
|
d="M464 416c26.5098 0 48 -21.4902 48 -48v-352c0 -26.5098 -21.4902 -48 -48 -48h-416c-26.5098 0 -48 21.4902 -48 48v352c0 26.5098 21.4902 48 48 48h416zM458 16c3.31152 0 6 2.68848 6 6v340c0 3.31152 -2.68848 6 -6 6h-404c-3.31152 0 -6 -2.68848 -6 -6v-340
|
||||||
|
c0 -3.31152 2.68848 -6 6 -6h404zM416 108v-24c0 -6.62695 -5.37305 -12 -12 -12h-200c-6.62695 0 -12 5.37305 -12 12v24c0 6.62695 5.37305 12 12 12h200c6.62695 0 12 -5.37305 12 -12zM416 204v-24c0 -6.62695 -5.37305 -12 -12 -12h-200c-6.62695 0 -12 5.37305 -12 12
|
||||||
|
v24c0 6.62695 5.37305 12 12 12h200c6.62695 0 12 -5.37305 12 -12zM416 300v-24c0 -6.62695 -5.37305 -12 -12 -12h-200c-6.62695 0 -12 5.37305 -12 12v24c0 6.62695 5.37305 12 12 12h200c6.62695 0 12 -5.37305 12 -12zM164 288c0 -19.8818 -16.1182 -36 -36 -36
|
||||||
|
s-36 16.1182 -36 36s16.1182 36 36 36s36 -16.1182 36 -36zM164 192c0 -19.8818 -16.1182 -36 -36 -36s-36 16.1182 -36 36s16.1182 36 36 36s36 -16.1182 36 -36zM164 96c0 -19.8818 -16.1182 -36 -36 -36s-36 16.1182 -36 36s16.1182 36 36 36s36 -16.1182 36 -36z" />
|
||||||
|
<glyph glyph-name="flag" unicode=""
|
||||||
|
d="M336.174 368c35.4668 0 73.0195 12.6914 108.922 28.1797c31.6406 13.6514 66.9043 -9.65723 66.9043 -44.1162v-239.919c0 -16.1953 -8.1543 -31.3057 -21.7129 -40.1631c-26.5762 -17.3643 -70.0693 -39.9814 -128.548 -39.9814c-68.6084 0 -112.781 32 -161.913 32
|
||||||
|
c-56.5674 0 -89.957 -11.2803 -127.826 -28.5566v-83.4434c0 -8.83691 -7.16309 -16 -16 -16h-16c-8.83691 0 -16 7.16309 -16 16v406.438c-14.3428 8.2998 -24 23.7979 -24 41.5615c0 27.5693 23.2422 49.71 51.2012 47.8965
|
||||||
|
c22.9658 -1.49023 41.8662 -19.4717 44.4805 -42.3379c0.177734 -1.52441 0.321289 -4.00781 0.321289 -5.54199c0 -4.30176 -1.10352 -11.1035 -2.46289 -15.1846c22.418 8.68555 49.4199 15.168 80.7207 15.168c68.6084 0 112.781 -32 161.913 -32zM464 112v240
|
||||||
|
c-31.5059 -14.6338 -84.5547 -32 -127.826 -32c-59.9111 0 -101.968 32 -161.913 32c-41.4365 0 -80.4766 -16.5879 -102.261 -32v-232c31.4473 14.5967 84.4648 24 127.826 24c59.9111 0 101.968 -32 161.913 -32c41.4365 0 80.4775 16.5879 102.261 32z" />
|
||||||
|
<glyph glyph-name="bookmark" unicode="" horiz-adv-x="384"
|
||||||
|
d="M336 448c26.5098 0 48 -21.4902 48 -48v-464l-192 112l-192 -112v464c0 26.5098 21.4902 48 48 48h288zM336 19.5703v374.434c0 3.31348 -2.68555 5.99609 -6 5.99609h-276c-3.31152 0 -6 -2.68848 -6 -6v-374.43l144 84z" />
|
||||||
|
<glyph glyph-name="image" unicode=""
|
||||||
|
d="M464 384c26.5098 0 48 -21.4902 48 -48v-288c0 -26.5098 -21.4902 -48 -48 -48h-416c-26.5098 0 -48 21.4902 -48 48v288c0 26.5098 21.4902 48 48 48h416zM458 48c3.31152 0 6 2.68848 6 6v276c0 3.31152 -2.68848 6 -6 6h-404c-3.31152 0 -6 -2.68848 -6 -6v-276
|
||||||
|
c0 -3.31152 2.68848 -6 6 -6h404zM128 296c22.0908 0 40 -17.9092 40 -40s-17.9092 -40 -40 -40s-40 17.9092 -40 40s17.9092 40 40 40zM96 96v48l39.5137 39.5146c4.6875 4.68652 12.2852 4.68652 16.9717 0l39.5146 -39.5146l119.514 119.515
|
||||||
|
c4.6875 4.68652 12.2852 4.68652 16.9717 0l87.5146 -87.5146v-80h-320z" />
|
||||||
|
<glyph glyph-name="edit" unicode="" horiz-adv-x="576"
|
||||||
|
d="M402.3 103.1l32 32c5 5 13.7002 1.5 13.7002 -5.69922v-145.4c0 -26.5 -21.5 -48 -48 -48h-352c-26.5 0 -48 21.5 -48 48v352c0 26.5 21.5 48 48 48h273.5c7.09961 0 10.7002 -8.59961 5.7002 -13.7002l-32 -32c-1.5 -1.5 -3.5 -2.2998 -5.7002 -2.2998h-241.5v-352h352
|
||||||
|
v113.5c0 2.09961 0.799805 4.09961 2.2998 5.59961zM558.9 304.9l-262.601 -262.601l-90.3994 -10c-26.2002 -2.89941 -48.5 19.2002 -45.6006 45.6006l10 90.3994l262.601 262.601c22.8994 22.8994 59.8994 22.8994 82.6992 0l43.2002 -43.2002
|
||||||
|
c22.9004 -22.9004 22.9004 -60 0.100586 -82.7998zM460.1 274l-58.0996 58.0996l-185.8 -185.899l-7.2998 -65.2998l65.2998 7.2998zM524.9 353.7l-43.2002 43.2002c-4.10059 4.09961 -10.7998 4.09961 -14.7998 0l-30.9004 -30.9004l58.0996 -58.0996l30.9004 30.8994
|
||||||
|
c4 4.2002 4 10.7998 -0.0996094 14.9004z" />
|
||||||
|
<glyph glyph-name="times-circle" unicode=""
|
||||||
|
d="M256 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM256 -8c110.5 0 200 89.5 200 200s-89.5 200 -200 200s-200 -89.5 -200 -200s89.5 -200 200 -200zM357.8 254.2l-62.2002 -62.2002l62.2002 -62.2002
|
||||||
|
c4.7002 -4.7002 4.7002 -12.2998 0 -17l-22.5996 -22.5996c-4.7002 -4.7002 -12.2998 -4.7002 -17 0l-62.2002 62.2002l-62.2002 -62.2002c-4.7002 -4.7002 -12.2998 -4.7002 -17 0l-22.5996 22.5996c-4.7002 4.7002 -4.7002 12.2998 0 17l62.2002 62.2002l-62.2002 62.2002
|
||||||
|
c-4.7002 4.7002 -4.7002 12.2998 0 17l22.5996 22.5996c4.7002 4.7002 12.2998 4.7002 17 0l62.2002 -62.2002l62.2002 62.2002c4.7002 4.7002 12.2998 4.7002 17 0l22.5996 -22.5996c4.7002 -4.7002 4.7002 -12.2998 0 -17z" />
|
||||||
|
<glyph glyph-name="check-circle" unicode=""
|
||||||
|
d="M256 440c136.967 0 248 -111.033 248 -248s-111.033 -248 -248 -248s-248 111.033 -248 248s111.033 248 248 248zM256 392c-110.549 0 -200 -89.4678 -200 -200c0 -110.549 89.4678 -200 200 -200c110.549 0 200 89.4678 200 200c0 110.549 -89.4678 200 -200 200z
|
||||||
|
M396.204 261.733c4.66699 -4.70508 4.63672 -12.3037 -0.0673828 -16.9717l-172.589 -171.204c-4.70508 -4.66797 -12.3027 -4.63672 -16.9697 0.0683594l-90.7812 91.5156c-4.66797 4.70605 -4.63672 12.3047 0.0683594 16.9717l22.7188 22.5361
|
||||||
|
c4.70508 4.66699 12.3027 4.63574 16.9697 -0.0693359l59.792 -60.2773l141.353 140.216c4.70508 4.66797 12.3027 4.6377 16.9697 -0.0673828z" />
|
||||||
|
<glyph glyph-name="question-circle" unicode=""
|
||||||
|
d="M256 440c136.957 0 248 -111.083 248 -248c0 -136.997 -111.043 -248 -248 -248s-248 111.003 -248 248c0 136.917 111.043 248 248 248zM256 -8c110.569 0 200 89.4697 200 200c0 110.529 -89.5088 200 -200 200c-110.528 0 -200 -89.5049 -200 -200
|
||||||
|
c0 -110.569 89.4678 -200 200 -200zM363.244 247.2c0 -67.0518 -72.4209 -68.084 -72.4209 -92.8633v-6.33691c0 -6.62695 -5.37305 -12 -12 -12h-45.6475c-6.62695 0 -12 5.37305 -12 12v8.65918c0 35.7451 27.1006 50.0342 47.5791 61.5156
|
||||||
|
c17.5615 9.84473 28.3242 16.541 28.3242 29.5791c0 17.2461 -21.999 28.6934 -39.7842 28.6934c-23.1885 0 -33.8936 -10.9775 -48.9424 -29.9697c-4.05664 -5.11914 -11.46 -6.07031 -16.666 -2.12402l-27.8232 21.0986
|
||||||
|
c-5.10742 3.87207 -6.25098 11.0654 -2.64453 16.3633c23.627 34.6934 53.7217 54.1846 100.575 54.1846c49.0713 0 101.45 -38.3037 101.45 -88.7998zM298 80c0 -23.1592 -18.8408 -42 -42 -42s-42 18.8408 -42 42s18.8408 42 42 42s42 -18.8408 42 -42z" />
|
||||||
|
<glyph glyph-name="eye" unicode="" horiz-adv-x="576"
|
||||||
|
d="M288 304c0.0927734 0 0.244141 0.000976562 0.336914 0.000976562c61.6641 0 111.71 -50.0469 111.71 -111.711c0 -61.6631 -50.0459 -111.71 -111.71 -111.71s-111.71 50.0469 -111.71 111.71c0 8.71289 1.95898 22.5781 4.37305 30.9502
|
||||||
|
c6.93066 -3.94141 19.0273 -7.18457 27 -7.24023c30.9121 0 56 25.0879 56 56c-0.0556641 7.97266 -3.29883 20.0693 -7.24023 27c8.42383 2.62207 22.4189 4.8623 31.2402 5zM572.52 206.6c1.9209 -3.79883 3.47949 -10.3379 3.47949 -14.5947
|
||||||
|
s-1.55859 -10.7959 -3.47949 -14.5947c-54.1992 -105.771 -161.59 -177.41 -284.52 -177.41s-230.29 71.5898 -284.52 177.4c-1.9209 3.79883 -3.47949 10.3379 -3.47949 14.5947s1.55859 10.7959 3.47949 14.5947c54.1992 105.771 161.59 177.41 284.52 177.41
|
||||||
|
s230.29 -71.5898 284.52 -177.4zM288 48c98.6602 0 189.1 55 237.93 144c-48.8398 89 -139.27 144 -237.93 144s-189.09 -55 -237.93 -144c48.8398 -89 139.279 -144 237.93 -144z" />
|
||||||
|
<glyph glyph-name="eye-slash" unicode="" horiz-adv-x="640"
|
||||||
|
d="M634 -23c3.31738 -2.65137 6.00977 -8.25098 6.00977 -12.498c0 -3.10449 -1.57715 -7.58984 -3.51953 -10.0117l-10 -12.4902c-2.65234 -3.31152 -8.24707 -6 -12.4902 -6c-3.09961 0 -7.58008 1.57227 -10 3.50977l-598 467.49
|
||||||
|
c-3.31738 2.65137 -6.00977 8.25098 -6.00977 12.498c0 3.10449 1.57715 7.58984 3.51953 10.0117l10 12.4902c2.65234 3.31152 8.24707 6 12.4902 6c3.09961 0 7.58008 -1.57227 10 -3.50977zM296.79 301.53c6.33496 1.35059 16.7324 2.45801 23.21 2.46973
|
||||||
|
c60.4805 0 109.36 -47.9102 111.58 -107.85zM343.21 82.46c-6.33496 -1.34375 -16.7334 -2.44629 -23.21 -2.45996c-60.4697 0 -109.35 47.9102 -111.58 107.84zM320 336c-19.8799 0 -39.2803 -2.7998 -58.2197 -7.09961l-46.4102 36.29
|
||||||
|
c32.9199 11.8096 67.9297 18.8096 104.63 18.8096c122.93 0 230.29 -71.5898 284.57 -177.4c1.91992 -3.79883 3.47949 -10.3379 3.47949 -14.5947s-1.55957 -10.7959 -3.47949 -14.5947c-11.7197 -22.7598 -35.4189 -56.4092 -52.9004 -75.1104l-37.7402 29.5
|
||||||
|
c14.333 15.0156 34.0449 41.9854 44 60.2002c-48.8398 89 -139.279 144 -237.93 144zM320 48c19.8896 0 39.2803 2.7998 58.2197 7.08984l46.4102 -36.2803c-32.9199 -11.7598 -67.9297 -18.8096 -104.63 -18.8096c-122.92 0 -230.28 71.5898 -284.51 177.4
|
||||||
|
c-1.9209 3.79883 -3.47949 10.3379 -3.47949 14.5947s1.55859 10.7959 3.47949 14.5947c11.7168 22.7568 35.4111 56.4014 52.8896 75.1006l37.7402 -29.5c-14.3467 -15.0107 -34.0811 -41.9756 -44.0498 -60.1904c48.8496 -89 139.279 -144 237.93 -144z" />
|
||||||
|
<glyph glyph-name="calendar-alt" unicode="" horiz-adv-x="448"
|
||||||
|
d="M148 160h-40c-6.59961 0 -12 5.40039 -12 12v40c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-40c0 -6.59961 -5.40039 -12 -12 -12zM256 172c0 -6.59961 -5.40039 -12 -12 -12h-40c-6.59961 0 -12 5.40039 -12 12v40c0 6.59961 5.40039 12 12 12h40
|
||||||
|
c6.59961 0 12 -5.40039 12 -12v-40zM352 172c0 -6.59961 -5.40039 -12 -12 -12h-40c-6.59961 0 -12 5.40039 -12 12v40c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-40zM256 76c0 -6.59961 -5.40039 -12 -12 -12h-40c-6.59961 0 -12 5.40039 -12 12v40
|
||||||
|
c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-40zM160 76c0 -6.59961 -5.40039 -12 -12 -12h-40c-6.59961 0 -12 5.40039 -12 12v40c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-40zM352 76c0 -6.59961 -5.40039 -12 -12 -12h-40
|
||||||
|
c-6.59961 0 -12 5.40039 -12 12v40c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-40zM448 336v-352c0 -26.5 -21.5 -48 -48 -48h-352c-26.5 0 -48 21.5 -48 48v352c0 26.5 21.5 48 48 48h48v52c0 6.59961 5.40039 12 12 12h40
|
||||||
|
c6.59961 0 12 -5.40039 12 -12v-52h128v52c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-52h48c26.5 0 48 -21.5 48 -48zM400 -10v298h-352v-298c0 -3.2998 2.7002 -6 6 -6h340c3.2998 0 6 2.7002 6 6z" />
|
||||||
|
<glyph glyph-name="comment" unicode=""
|
||||||
|
d="M256 416c141.4 0 256 -93.0996 256 -208s-114.6 -208 -256 -208c-32.7998 0 -64 5.2002 -92.9004 14.2998c-29.0996 -20.5996 -77.5996 -46.2998 -139.1 -46.2998c-9.59961 0 -18.2998 5.7002 -22.0996 14.5c-3.80078 8.7998 -2 19 4.59961 26
|
||||||
|
c0.5 0.400391 31.5 33.7998 46.4004 73.2002c-33 35.0996 -52.9004 78.7002 -52.9004 126.3c0 114.9 114.6 208 256 208zM256 48c114.7 0 208 71.7998 208 160s-93.2998 160 -208 160s-208 -71.7998 -208 -160c0 -42.2002 21.7002 -74.0996 39.7998 -93.4004
|
||||||
|
l20.6006 -21.7998l-10.6006 -28.0996c-5.5 -14.5 -12.5996 -28.1006 -19.8994 -40.2002c23.5996 7.59961 43.1992 18.9004 57.5 29l19.5 13.7998l22.6992 -7.2002c25.3008 -8 51.7002 -12.0996 78.4004 -12.0996z" />
|
||||||
|
<glyph glyph-name="folder" unicode=""
|
||||||
|
d="M464 320c26.5098 0 48 -21.4902 48 -48v-224c0 -26.5098 -21.4902 -48 -48 -48h-416c-26.5098 0 -48 21.4902 -48 48v288c0 26.5098 21.4902 48 48 48h146.74c8.49023 0 16.6299 -3.37012 22.6299 -9.37012l54.6299 -54.6299h192zM464 48v224h-198.62
|
||||||
|
c-8.49023 0 -16.6299 3.37012 -22.6299 9.37012l-54.6299 54.6299h-140.12v-288h416z" />
|
||||||
|
<glyph glyph-name="folder-open" unicode="" horiz-adv-x="576"
|
||||||
|
d="M527.9 224c37.6992 0 60.6992 -41.5 40.6992 -73.4004l-79.8994 -128c-8.7998 -14.0996 -24.2002 -22.5996 -40.7002 -22.5996h-400c-26.5 0 -48 21.5 -48 48v288c0 26.5 21.5 48 48 48h160l64 -64h160c26.5 0 48 -21.5 48 -48v-48h47.9004zM48 330v-233.4l62.9004 104.2
|
||||||
|
c8.69922 14.4004 24.2998 23.2002 41.0996 23.2002h280v42c0 3.2998 -2.7002 6 -6 6h-173.9l-64 64h-134.1c-3.2998 0 -6 -2.7002 -6 -6zM448 48l80 128h-378.8l-77.2002 -128h376z" />
|
||||||
|
<glyph glyph-name="chart-bar" unicode=""
|
||||||
|
d="M396.8 96c-6.39941 0 -12.7998 6.40039 -12.7998 12.7998v230.4c0 6.39941 6.40039 12.7998 12.7998 12.7998h22.4004c6.39941 0 12.7998 -6.40039 12.7998 -12.7998v-230.4c0 -6.39941 -6.40039 -12.7998 -12.7998 -12.7998h-22.4004zM204.8 96
|
||||||
|
c-6.39941 0 -12.7998 6.40039 -12.7998 12.7998v198.4c0 6.39941 6.40039 12.7998 12.7998 12.7998h22.4004c6.39941 0 12.7998 -6.40039 12.7998 -12.7998v-198.4c0 -6.39941 -6.40039 -12.7998 -12.7998 -12.7998h-22.4004zM300.8 96
|
||||||
|
c-6.39941 0 -12.7998 6.40039 -12.7998 12.7998v134.4c0 6.39941 6.40039 12.7998 12.7998 12.7998h22.4004c6.39941 0 12.7998 -6.40039 12.7998 -12.7998v-134.4c0 -6.39941 -6.40039 -12.7998 -12.7998 -12.7998h-22.4004zM496 48c8.83984 0 16 -7.16016 16 -16v-16
|
||||||
|
c0 -8.83984 -7.16016 -16 -16 -16h-464c-17.6699 0 -32 14.3301 -32 32v336c0 8.83984 7.16016 16 16 16h16c8.83984 0 16 -7.16016 16 -16v-320h448zM108.8 96c-6.39941 0 -12.7998 6.40039 -12.7998 12.7998v70.4004c0 6.39941 6.40039 12.7998 12.7998 12.7998h22.4004
|
||||||
|
c6.39941 0 12.7998 -6.40039 12.7998 -12.7998v-70.4004c0 -6.39941 -6.40039 -12.7998 -12.7998 -12.7998h-22.4004z" />
|
||||||
|
<glyph glyph-name="comments" unicode="" horiz-adv-x="576"
|
||||||
|
d="M532 61.7998c15.2998 -30.7002 37.4004 -54.5 37.7998 -54.7998c6.2998 -6.7002 8 -16.5 4.40039 -25c-3.7002 -8.5 -12 -14 -21.2002 -14c-53.5996 0 -96.7002 20.2998 -125.2 38.7998c-19 -4.39941 -39 -6.7998 -59.7998 -6.7998
|
||||||
|
c-86.2002 0 -159.9 40.4004 -191.3 97.7998c-9.7002 1.2002 -19.2002 2.7998 -28.4004 4.90039c-28.5 -18.6006 -71.7002 -38.7998 -125.2 -38.7998c-9.19922 0 -17.5996 5.5 -21.1992 14c-3.7002 8.5 -1.90039 18.2998 4.39941 25
|
||||||
|
c0.400391 0.399414 22.4004 24.1992 37.7002 54.8994c-27.5 27.2002 -44 61.2002 -44 98.2002c0 88.4004 93.0996 160 208 160c86.2998 0 160.3 -40.5 191.8 -98.0996c99.7002 -11.8008 176.2 -77.9004 176.2 -157.9c0 -37.0996 -16.5 -71.0996 -44 -98.2002zM139.2 154.1
|
||||||
|
l19.7998 -4.5c16 -3.69922 32.5 -5.59961 49 -5.59961c86.7002 0 160 51.2998 160 112s-73.2998 112 -160 112s-160 -51.2998 -160 -112c0 -28.7002 16.2002 -50.5996 29.7002 -64l24.7998 -24.5l-15.5 -31.0996c-2.59961 -5.10059 -5.2998 -10.1006 -8 -14.8008
|
||||||
|
c14.5996 5.10059 29 12.3008 43.0996 21.4004zM498.3 96c13.5 13.4004 29.7002 35.2998 29.7002 64c0 49.2002 -48.2998 91.5 -112.7 106c0.299805 -3.2998 0.700195 -6.59961 0.700195 -10c0 -80.9004 -78 -147.5 -179.3 -158.3
|
||||||
|
c29.0996 -29.6006 77.2998 -49.7002 131.3 -49.7002c16.5 0 33 1.90039 49 5.59961l19.9004 4.60059l17.0996 -11.1006c14.0996 -9.09961 28.5 -16.2998 43.0996 -21.3994c-2.69922 4.7002 -5.39941 9.7002 -8 14.7998l-15.5 31.0996z" />
|
||||||
|
<glyph glyph-name="star-half" unicode="" horiz-adv-x="576"
|
||||||
|
d="M288 62.7002v-54.2998l-130.7 -68.6006c-23.3994 -12.2998 -50.8994 7.60059 -46.3994 33.7002l25 145.5l-105.7 103c-19 18.5 -8.5 50.7998 17.7002 54.5996l146.1 21.2002l65.2998 132.4c5.90039 11.8994 17.2998 17.7998 28.7002 17.7998v-68.0996l-62.2002 -126
|
||||||
|
l-139 -20.2002l100.601 -98l-23.7002 -138.4z" />
|
||||||
|
<glyph glyph-name="lemon" unicode=""
|
||||||
|
d="M484.112 420.111c28.1221 -28.123 35.9434 -68.0039 19.0215 -97.0547c-23.0576 -39.584 50.1436 -163.384 -82.3311 -295.86c-132.301 -132.298 -256.435 -59.3594 -295.857 -82.3291c-29.0459 -16.917 -68.9219 -9.11426 -97.0576 19.0205
|
||||||
|
c-28.1221 28.1221 -35.9434 68.0029 -19.0215 97.0547c23.0566 39.5859 -50.1436 163.386 82.3301 295.86c132.308 132.309 256.407 59.3496 295.862 82.332c29.0498 16.9219 68.9307 9.09863 97.0537 -19.0234zM461.707 347.217
|
||||||
|
c13.5166 23.2031 -27.7578 63.7314 -50.4883 50.4912c-66.6025 -38.7939 -165.646 45.5898 -286.081 -74.8457c-120.444 -120.445 -36.0449 -219.472 -74.8447 -286.08c-13.542 -23.2471 27.8145 -63.6953 50.4932 -50.4883
|
||||||
|
c66.6006 38.7949 165.636 -45.5996 286.076 74.8428c120.444 120.445 36.0449 219.472 74.8447 286.08zM291.846 338.481c1.37012 -10.96 -6.40332 -20.957 -17.3643 -22.3271c-54.8467 -6.85547 -135.779 -87.7871 -142.636 -142.636
|
||||||
|
c-1.37305 -10.9883 -11.3984 -18.7334 -22.3262 -17.3643c-10.9609 1.37012 -18.7344 11.3652 -17.3643 22.3262c9.16211 73.2852 104.167 168.215 177.364 177.364c10.9531 1.36816 20.9561 -6.40234 22.3262 -17.3633z" />
|
||||||
|
<glyph glyph-name="credit-card" unicode="" horiz-adv-x="576"
|
||||||
|
d="M527.9 416c26.5996 0 48.0996 -21.5 48.0996 -48v-352c0 -26.5 -21.5 -48 -48.0996 -48h-479.801c-26.5996 0 -48.0996 21.5 -48.0996 48v352c0 26.5 21.5 48 48.0996 48h479.801zM54.0996 368c-3.2998 0 -6 -2.7002 -6 -6v-42h479.801v42c0 3.2998 -2.7002 6 -6 6
|
||||||
|
h-467.801zM521.9 16c3.2998 0 6 2.7002 6 6v170h-479.801v-170c0 -3.2998 2.7002 -6 6 -6h467.801zM192 116v-40c0 -6.59961 -5.40039 -12 -12 -12h-72c-6.59961 0 -12 5.40039 -12 12v40c0 6.59961 5.40039 12 12 12h72c6.59961 0 12 -5.40039 12 -12zM384 116v-40
|
||||||
|
c0 -6.59961 -5.40039 -12 -12 -12h-136c-6.59961 0 -12 5.40039 -12 12v40c0 6.59961 5.40039 12 12 12h136c6.59961 0 12 -5.40039 12 -12z" />
|
||||||
|
<glyph glyph-name="hdd" unicode="" horiz-adv-x="576"
|
||||||
|
d="M567.403 212.358c5.59668 -8.04688 8.59668 -17.6113 8.59668 -27.4121v-136.946c0 -26.5098 -21.4902 -48 -48 -48h-480c-26.5098 0 -48 21.4902 -48 48v136.946c0 8.30957 3.85156 20.5898 8.59668 27.4121l105.08 151.053
|
||||||
|
c7.90625 11.3652 25.5596 20.5889 39.4033 20.5889h0.000976562h269.838h0.000976562c13.8438 0 31.4971 -9.22363 39.4033 -20.5889zM153.081 336l-77.9131 -112h425.664l-77.9131 112h-269.838zM528 48v128h-480v-128h480zM496 112c0 -17.6729 -14.3271 -32 -32 -32
|
||||||
|
s-32 14.3271 -32 32s14.3271 32 32 32s32 -14.3271 32 -32zM400 112c0 -17.6729 -14.3271 -32 -32 -32s-32 14.3271 -32 32s14.3271 32 32 32s32 -14.3271 32 -32z" />
|
||||||
|
<glyph glyph-name="hand-point-right" unicode=""
|
||||||
|
d="M428.8 310.4c45.0996 0 83.2002 -38.1016 83.2002 -83.2002c0 -45.6162 -37.7646 -83.2002 -83.2002 -83.2002h-35.6475c-1.41602 -6.36719 -4.96875 -16.252 -7.92969 -22.0645c2.50586 -22.0059 -3.50293 -44.9775 -15.9844 -62.791
|
||||||
|
c-1.14062 -52.4863 -37.3984 -91.1445 -99.9404 -91.1445h-21.2988c-60.0635 0 -98.5117 40 -127.2 40h-2.67871c-5.74707 -4.95215 -13.5361 -8 -22.1201 -8h-64c-17.6729 0 -32 12.8936 -32 28.7998v230.4c0 15.9062 14.3271 28.7998 32 28.7998h64.001
|
||||||
|
c8.58398 0 16.373 -3.04785 22.1201 -8h2.67871c6.96387 0 14.8623 6.19336 30.1816 23.6689l0.128906 0.148438l0.130859 0.145508c8.85645 9.93652 18.1162 20.8398 25.8506 33.2529c18.7051 30.2471 30.3936 78.7842 75.707 78.7842c56.9277 0 92 -35.2861 92 -83.2002
|
||||||
|
v-0.0839844c0 -6.21777 -0.974609 -16.2148 -2.17578 -22.3154h86.1768zM428.8 192c18.9756 0 35.2002 16.2246 35.2002 35.2002c0 18.7002 -16.7754 35.2002 -35.2002 35.2002h-158.399c0 17.3242 26.3994 35.1992 26.3994 70.3994c0 26.4004 -20.625 35.2002 -44 35.2002
|
||||||
|
c-8.79395 0 -20.4443 -32.7119 -34.9258 -56.0996c-9.07422 -14.5752 -19.5244 -27.2256 -30.7988 -39.875c-16.1094 -18.374 -33.8359 -36.6328 -59.0752 -39.5967v-176.753c42.79 -3.7627 74.5088 -39.6758 120 -39.6758h21.2988
|
||||||
|
c40.5244 0 57.124 22.1973 50.6006 61.3252c14.6113 8.00098 24.1514 33.9785 12.9248 53.625c19.3652 18.2246 17.7871 46.3809 4.9502 61.0498h91.0254zM88 64c0 13.2549 -10.7451 24 -24 24s-24 -10.7451 -24 -24s10.7451 -24 24 -24s24 10.7451 24 24z" />
|
||||||
|
<glyph glyph-name="hand-point-left" unicode=""
|
||||||
|
d="M0 227.2c0 45.0986 38.1006 83.2002 83.2002 83.2002h86.1758c-1.3623 6.91016 -2.17578 14.374 -2.17578 22.3994c0 47.9141 35.0723 83.2002 92 83.2002c45.3135 0 57.002 -48.5371 75.7061 -78.7852c7.73438 -12.4121 16.9951 -23.3154 25.8506 -33.2529
|
||||||
|
l0.130859 -0.145508l0.128906 -0.148438c15.3213 -17.4746 23.2197 -23.668 30.1836 -23.668h2.67871c5.74707 4.95215 13.5361 8 22.1201 8h64c17.6729 0 32 -12.8936 32 -28.7998v-230.4c0 -15.9062 -14.3271 -28.7998 -32 -28.7998h-64
|
||||||
|
c-8.58398 0 -16.373 3.04785 -22.1201 8h-2.67871c-28.6885 0 -67.1367 -40 -127.2 -40h-21.2988c-62.542 0 -98.8008 38.6582 -99.9404 91.1445c-12.4814 17.8135 -18.4922 40.7852 -15.9844 62.791c-2.96094 5.8125 -6.51367 15.6973 -7.92969 22.0645h-35.6465
|
||||||
|
c-45.4355 0 -83.2002 37.584 -83.2002 83.2002zM48 227.2c0 -18.9756 16.2246 -35.2002 35.2002 -35.2002h91.0244c-12.8369 -14.6689 -14.415 -42.8252 4.9502 -61.0498c-11.2256 -19.6465 -1.68652 -45.624 12.9248 -53.625
|
||||||
|
c-6.52246 -39.1279 10.0771 -61.3252 50.6016 -61.3252h21.2988c45.4912 0 77.21 35.9131 120 39.6768v176.752c-25.2393 2.96289 -42.9658 21.2227 -59.0752 39.5967c-11.2744 12.6494 -21.7246 25.2998 -30.7988 39.875
|
||||||
|
c-14.4814 23.3877 -26.1318 56.0996 -34.9258 56.0996c-23.375 0 -44 -8.7998 -44 -35.2002c0 -35.2002 26.3994 -53.0752 26.3994 -70.3994h-158.399c-18.4248 0 -35.2002 -16.5 -35.2002 -35.2002zM448 88c-13.2549 0 -24 -10.7451 -24 -24s10.7451 -24 24 -24
|
||||||
|
s24 10.7451 24 24s-10.7451 24 -24 24z" />
|
||||||
|
<glyph glyph-name="hand-point-up" unicode="" horiz-adv-x="448"
|
||||||
|
d="M105.6 364.8c0 45.0996 38.1016 83.2002 83.2002 83.2002c45.6162 0 83.2002 -37.7646 83.2002 -83.2002v-35.6465c6.36719 -1.41602 16.252 -4.96875 22.0645 -7.92969c22.0059 2.50684 44.9775 -3.50293 62.791 -15.9844
|
||||||
|
c52.4863 -1.14062 91.1445 -37.3984 91.1445 -99.9404v-21.2988c0 -60.0635 -40 -98.5117 -40 -127.2v-2.67871c4.95215 -5.74707 8 -13.5361 8 -22.1201v-64c0 -17.6729 -12.8936 -32 -28.7998 -32h-230.4c-15.9062 0 -28.7998 14.3271 -28.7998 32v64
|
||||||
|
c0 8.58398 3.04785 16.373 8 22.1201v2.67871c0 6.96387 -6.19336 14.8623 -23.6689 30.1816l-0.148438 0.128906l-0.145508 0.130859c-9.93652 8.85645 -20.8398 18.1162 -33.2529 25.8506c-30.2471 18.7051 -78.7842 30.3936 -78.7842 75.707
|
||||||
|
c0 56.9277 35.2861 92 83.2002 92h0.0839844c6.21777 0 16.2148 -0.974609 22.3154 -2.17578v86.1768zM224 364.8c0 18.9756 -16.2246 35.2002 -35.2002 35.2002c-18.7002 0 -35.2002 -16.7754 -35.2002 -35.2002v-158.399c-17.3242 0 -35.1992 26.3994 -70.3994 26.3994
|
||||||
|
c-26.4004 0 -35.2002 -20.625 -35.2002 -44c0 -8.79395 32.7119 -20.4443 56.0996 -34.9258c14.5752 -9.07422 27.2256 -19.5244 39.875 -30.7988c18.374 -16.1094 36.6328 -33.8359 39.5967 -59.0752h176.753c3.7627 42.79 39.6758 74.5088 39.6758 120v21.2988
|
||||||
|
c0 40.5244 -22.1973 57.124 -61.3252 50.6006c-8.00098 14.6113 -33.9785 24.1514 -53.625 12.9248c-18.2246 19.3652 -46.3809 17.7871 -61.0498 4.9502v91.0254zM352 24c-13.2549 0 -24 -10.7451 -24 -24s10.7451 -24 24 -24s24 10.7451 24 24s-10.7451 24 -24 24z" />
|
||||||
|
<glyph glyph-name="hand-point-down" unicode="" horiz-adv-x="448"
|
||||||
|
d="M188.8 -64c-45.0986 0 -83.2002 38.1006 -83.2002 83.2002v86.1758c-6.91016 -1.3623 -14.374 -2.17578 -22.3994 -2.17578c-47.9141 0 -83.2002 35.0723 -83.2002 92c0 45.3135 48.5371 57.002 78.7852 75.707c12.4121 7.73438 23.3154 16.9951 33.2529 25.8506
|
||||||
|
l0.145508 0.130859l0.148438 0.128906c17.4746 15.3213 23.668 23.2197 23.668 30.1836v2.67871c-4.95215 5.74707 -8 13.5361 -8 22.1201v64c0 17.6729 12.8936 32 28.7998 32h230.4c15.9062 0 28.7998 -14.3271 28.7998 -32v-64.001
|
||||||
|
c0 -8.58398 -3.04785 -16.373 -8 -22.1201v-2.67871c0 -28.6885 40 -67.1367 40 -127.2v-21.2988c0 -62.542 -38.6582 -98.8008 -91.1445 -99.9404c-17.8135 -12.4814 -40.7852 -18.4922 -62.791 -15.9844c-5.8125 -2.96094 -15.6973 -6.51367 -22.0645 -7.92969v-35.6465
|
||||||
|
c0 -45.4355 -37.584 -83.2002 -83.2002 -83.2002zM188.8 -16c18.9756 0 35.2002 16.2246 35.2002 35.2002v91.0244c14.6689 -12.8369 42.8252 -14.415 61.0498 4.9502c19.6465 -11.2256 45.624 -1.68652 53.625 12.9248c39.1279 -6.52246 61.3252 10.0771 61.3252 50.6016
|
||||||
|
v21.2988c0 45.4912 -35.9131 77.21 -39.6768 120h-176.752c-2.96289 -25.2393 -21.2227 -42.9658 -39.5967 -59.0752c-12.6494 -11.2744 -25.2998 -21.7246 -39.875 -30.7988c-23.3877 -14.4814 -56.0996 -26.1318 -56.0996 -34.9258c0 -23.375 8.7998 -44 35.2002 -44
|
||||||
|
c35.2002 0 53.0752 26.3994 70.3994 26.3994v-158.399c0 -18.4248 16.5 -35.2002 35.2002 -35.2002zM328 384c0 -13.2549 10.7451 -24 24 -24s24 10.7451 24 24s-10.7451 24 -24 24s-24 -10.7451 -24 -24z" />
|
||||||
|
<glyph glyph-name="copy" unicode="" horiz-adv-x="448"
|
||||||
|
d="M433.941 382.059c7.75977 -7.75977 14.0586 -22.9658 14.0586 -33.9404v-268.118c0 -26.5098 -21.4902 -48 -48 -48h-80v-48c0 -26.5098 -21.4902 -48 -48 -48h-224c-26.5098 0 -48 21.4902 -48 48v320c0 26.5098 21.4902 48 48 48h80v48c0 26.5098 21.4902 48 48 48
|
||||||
|
h172.118c10.9746 0 26.1807 -6.29883 33.9404 -14.0586zM266 -16c3.31152 0 6 2.68848 6 6v42h-96c-26.5098 0 -48 21.4902 -48 48v224h-74c-3.31152 0 -6 -2.68848 -6 -6v-308c0 -3.31152 2.68848 -6 6 -6h212zM394 80c3.31152 0 6 2.68848 6 6v202h-88
|
||||||
|
c-13.2549 0 -24 10.7451 -24 24v88h-106c-3.31152 0 -6 -2.68848 -6 -6v-308c0 -3.31152 2.68848 -6 6 -6h212zM400 336v9.63184v0.000976562c0 1.37207 -0.787109 3.27246 -1.75684 4.24219l-48.3682 48.3682c-1.12598 1.125 -2.65234 1.75684 -4.24316 1.75684h-9.63184
|
||||||
|
v-64h64z" />
|
||||||
|
<glyph glyph-name="save" unicode="" horiz-adv-x="448"
|
||||||
|
d="M433.941 318.059c7.75977 -7.75977 14.0586 -22.9658 14.0586 -33.9404v-268.118c0 -26.5098 -21.4902 -48 -48 -48h-352c-26.5098 0 -48 21.4902 -48 48v352c0 26.5098 21.4902 48 48 48h268.118c10.9746 0 26.1807 -6.29883 33.9404 -14.0586zM272 368h-128v-80h128v80
|
||||||
|
zM394 16c3.31152 0 6 2.68848 6 6v259.632v0.000976562c0 1.37207 -0.787109 3.27246 -1.75684 4.24219l-78.2432 78.2432v-100.118c0 -13.2549 -10.7451 -24 -24 -24h-176c-13.2549 0 -24 10.7451 -24 24v104h-42c-3.31152 0 -6 -2.68848 -6 -6v-340
|
||||||
|
c0 -3.31152 2.68848 -6 6 -6h340zM224 216c48.5234 0 88 -39.4766 88 -88s-39.4766 -88 -88 -88s-88 39.4766 -88 88s39.4766 88 88 88zM224 88c22.0557 0 40 17.9443 40 40s-17.9443 40 -40 40s-40 -17.9443 -40 -40s17.9443 -40 40 -40z" />
|
||||||
|
<glyph glyph-name="square" unicode="" horiz-adv-x="448"
|
||||||
|
d="M400 416c26.5 0 48 -21.5 48 -48v-352c0 -26.5 -21.5 -48 -48 -48h-352c-26.5 0 -48 21.5 -48 48v352c0 26.5 21.5 48 48 48h352zM394 16c3.2998 0 6 2.7002 6 6v340c0 3.2998 -2.7002 6 -6 6h-340c-3.2998 0 -6 -2.7002 -6 -6v-340c0 -3.2998 2.7002 -6 6 -6h340z" />
|
||||||
|
<glyph glyph-name="envelope" unicode=""
|
||||||
|
d="M464 384c26.5098 0 48 -21.4902 48 -48v-288c0 -26.5098 -21.4902 -48 -48 -48h-416c-26.5098 0 -48 21.4902 -48 48v288c0 26.5098 21.4902 48 48 48h416zM464 336h-416v-40.8047c22.4248 -18.2627 58.1797 -46.6602 134.587 -106.49
|
||||||
|
c16.834 -13.2422 50.2051 -45.0762 73.4131 -44.7012c23.2119 -0.371094 56.5723 31.4541 73.4131 44.7012c76.4189 59.8389 112.165 88.2305 134.587 106.49v40.8047zM48 48h416v185.601c-22.915 -18.252 -55.4189 -43.8691 -104.947 -82.6523
|
||||||
|
c-22.5439 -17.748 -60.3359 -55.1787 -103.053 -54.9473c-42.9277 -0.231445 -81.2051 37.75 -103.062 54.9551c-49.5293 38.7842 -82.0244 64.3945 -104.938 82.6455v-185.602z" />
|
||||||
|
<glyph glyph-name="lightbulb" unicode="" horiz-adv-x="352"
|
||||||
|
d="M176 368c8.83984 0 16 -7.16016 16 -16s-7.16016 -16 -16 -16c-35.2803 0 -64 -28.7002 -64 -64c0 -8.83984 -7.16016 -16 -16 -16s-16 7.16016 -16 16c0 52.9404 43.0596 96 96 96zM96.0596 -11.1699l-0.0400391 43.1797h159.961l-0.0507812 -43.1797
|
||||||
|
c-0.00976562 -3.13965 -0.939453 -6.21973 -2.67969 -8.83984l-24.5098 -36.8398c-2.95996 -4.45996 -7.95996 -7.14062 -13.3203 -7.14062h-78.8496c-5.35059 0 -10.3506 2.68066 -13.3203 7.14062l-24.5098 36.8398c-1.75 2.62012 -2.68066 5.68945 -2.68066 8.83984z
|
||||||
|
M176 448c97.2002 0 176 -78.7998 176 -176c0 -44.3701 -16.4502 -84.8496 -43.5498 -115.79c-16.6406 -18.9795 -42.7402 -58.79 -52.4199 -92.1602v-0.0498047h-48v0.0996094c0.00390625 4.04199 0.999023 10.4482 2.21973 14.3008
|
||||||
|
c5.67969 17.9893 22.9902 64.8496 62.0996 109.46c20.4102 23.29 31.6504 53.1699 31.6504 84.1396c0 70.5801 -57.4199 128 -128 128c-68.2803 0 -128.15 -54.3604 -127.95 -128c0.0898438 -30.9902 11.0703 -60.71 31.6104 -84.1396
|
||||||
|
c39.3496 -44.9004 56.5801 -91.8604 62.1699 -109.67c1.42969 -4.56055 2.13965 -9.30078 2.15039 -14.0703v-0.120117h-48v0.0595703c-9.68066 33.3604 -35.7803 73.1709 -52.4209 92.1602c-27.1094 30.9307 -43.5596 71.4102 -43.5596 115.78
|
||||||
|
c0 93.0303 73.7197 176 176 176z" />
|
||||||
|
<glyph glyph-name="bell" unicode="" horiz-adv-x="448"
|
||||||
|
d="M439.39 85.71c6 -6.44043 8.66016 -14.1602 8.61035 -21.71c-0.0996094 -16.4004 -12.9805 -32 -32.0996 -32h-383.801c-19.1191 0 -31.9893 15.5996 -32.0996 32c-0.0498047 7.5498 2.61035 15.2598 8.61035 21.71c19.3193 20.7598 55.4697 51.9902 55.4697 154.29
|
||||||
|
c0 77.7002 54.4795 139.9 127.939 155.16v20.8398c0 17.6699 14.3203 32 31.9805 32s31.9805 -14.3301 31.9805 -32v-20.8398c73.46 -15.2598 127.939 -77.46 127.939 -155.16c0 -102.3 36.1504 -133.53 55.4697 -154.29zM67.5303 80h312.939
|
||||||
|
c-21.2197 27.96 -44.4199 74.3203 -44.5293 159.42c0 0.200195 0.0595703 0.379883 0.0595703 0.580078c0 61.8604 -50.1396 112 -112 112s-112 -50.1396 -112 -112c0 -0.200195 0.0595703 -0.379883 0.0595703 -0.580078
|
||||||
|
c-0.109375 -85.0898 -23.3096 -131.45 -44.5293 -159.42zM224 -64c-35.3203 0 -63.9697 28.6504 -63.9697 64h127.939c0 -35.3496 -28.6494 -64 -63.9697 -64z" />
|
||||||
|
<glyph glyph-name="hospital" unicode="" horiz-adv-x="448"
|
||||||
|
d="M128 204v40c0 6.62695 5.37305 12 12 12h40c6.62695 0 12 -5.37305 12 -12v-40c0 -6.62695 -5.37305 -12 -12 -12h-40c-6.62695 0 -12 5.37305 -12 12zM268 192c-6.62695 0 -12 5.37305 -12 12v40c0 6.62695 5.37305 12 12 12h40c6.62695 0 12 -5.37305 12 -12v-40
|
||||||
|
c0 -6.62695 -5.37305 -12 -12 -12h-40zM192 108c0 -6.62695 -5.37305 -12 -12 -12h-40c-6.62695 0 -12 5.37305 -12 12v40c0 6.62695 5.37305 12 12 12h40c6.62695 0 12 -5.37305 12 -12v-40zM268 96c-6.62695 0 -12 5.37305 -12 12v40c0 6.62695 5.37305 12 12 12h40
|
||||||
|
c6.62695 0 12 -5.37305 12 -12v-40c0 -6.62695 -5.37305 -12 -12 -12h-40zM448 -28v-36h-448v36c0 6.62695 5.37305 12 12 12h19.5v378.965c0 11.6172 10.7451 21.0352 24 21.0352h88.5v40c0 13.2549 10.7451 24 24 24h112c13.2549 0 24 -10.7451 24 -24v-40h88.5
|
||||||
|
c13.2549 0 24 -9.41797 24 -21.0352v-378.965h19.5c6.62695 0 12 -5.37305 12 -12zM79.5 -15h112.5v67c0 6.62695 5.37305 12 12 12h40c6.62695 0 12 -5.37305 12 -12v-67h112.5v351h-64.5v-24c0 -13.2549 -10.7451 -24 -24 -24h-112c-13.2549 0 -24 10.7451 -24 24v24
|
||||||
|
h-64.5v-351zM266 384h-26v26c0 3.31152 -2.68848 6 -6 6h-20c-3.31152 0 -6 -2.68848 -6 -6v-26h-26c-3.31152 0 -6 -2.68848 -6 -6v-20c0 -3.31152 2.68848 -6 6 -6h26v-26c0 -3.31152 2.68848 -6 6 -6h20c3.31152 0 6 2.68848 6 6v26h26c3.31152 0 6 2.68848 6 6v20
|
||||||
|
c0 3.31152 -2.68848 6 -6 6z" />
|
||||||
|
<glyph glyph-name="plus-square" unicode="" horiz-adv-x="448"
|
||||||
|
d="M352 208v-32c0 -6.59961 -5.40039 -12 -12 -12h-88v-88c0 -6.59961 -5.40039 -12 -12 -12h-32c-6.59961 0 -12 5.40039 -12 12v88h-88c-6.59961 0 -12 5.40039 -12 12v32c0 6.59961 5.40039 12 12 12h88v88c0 6.59961 5.40039 12 12 12h32c6.59961 0 12 -5.40039 12 -12
|
||||||
|
v-88h88c6.59961 0 12 -5.40039 12 -12zM448 368v-352c0 -26.5 -21.5 -48 -48 -48h-352c-26.5 0 -48 21.5 -48 48v352c0 26.5 21.5 48 48 48h352c26.5 0 48 -21.5 48 -48zM400 22v340c0 3.2998 -2.7002 6 -6 6h-340c-3.2998 0 -6 -2.7002 -6 -6v-340
|
||||||
|
c0 -3.2998 2.7002 -6 6 -6h340c3.2998 0 6 2.7002 6 6z" />
|
||||||
|
<glyph glyph-name="circle" unicode=""
|
||||||
|
d="M256 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM256 -8c110.5 0 200 89.5 200 200s-89.5 200 -200 200s-200 -89.5 -200 -200s89.5 -200 200 -200z" />
|
||||||
|
<glyph glyph-name="smile" unicode="" horiz-adv-x="496"
|
||||||
|
d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM168 208c-17.7002 0 -32 14.2998 -32 32s14.2998 32 32 32
|
||||||
|
s32 -14.2998 32 -32s-14.2998 -32 -32 -32zM328 208c-17.7002 0 -32 14.2998 -32 32s14.2998 32 32 32s32 -14.2998 32 -32s-14.2998 -32 -32 -32zM332 135.4c8.5 10.1992 23.7002 11.5 33.7998 3.09961c10.2002 -8.5 11.6006 -23.5996 3.10059 -33.7998
|
||||||
|
c-30 -36 -74.1006 -56.6006 -120.9 -56.6006s-90.9004 20.6006 -120.9 56.6006c-8.39941 10.2002 -7.09961 25.2998 3.10059 33.7998c10.0996 8.40039 25.2998 7.09961 33.7998 -3.09961c20.7998 -25.1006 51.5 -39.4004 84 -39.4004s63.2002 14.4004 84 39.4004z" />
|
||||||
|
<glyph glyph-name="frown" unicode="" horiz-adv-x="496"
|
||||||
|
d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM168 208c-17.7002 0 -32 14.2998 -32 32s14.2998 32 32 32
|
||||||
|
s32 -14.2998 32 -32s-14.2998 -32 -32 -32zM328 272c17.7002 0 32 -14.2998 32 -32s-14.2998 -32 -32 -32s-32 14.2998 -32 32s14.2998 32 32 32zM248 144c40.2002 0 78 -17.7002 103.8 -48.5996c8.40039 -10.2002 7.10059 -25.3008 -3.09961 -33.8008
|
||||||
|
c-10.7002 -8.7998 -25.7002 -6.59961 -33.7998 3.10059c-16.6006 20 -41 31.3994 -66.9004 31.3994s-50.2998 -11.5 -66.9004 -31.3994c-8.5 -10.2002 -23.5996 -11.5 -33.7998 -3.10059c-10.2002 8.5 -11.5996 23.6006 -3.09961 33.8008
|
||||||
|
c25.7998 30.8994 63.5996 48.5996 103.8 48.5996z" />
|
||||||
|
<glyph glyph-name="meh" unicode="" horiz-adv-x="496"
|
||||||
|
d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM168 208c-17.7002 0 -32 14.2998 -32 32s14.2998 32 32 32
|
||||||
|
s32 -14.2998 32 -32s-14.2998 -32 -32 -32zM328 272c17.7002 0 32 -14.2998 32 -32s-14.2998 -32 -32 -32s-32 14.2998 -32 32s14.2998 32 32 32zM336 128c13.2002 0 24 -10.7998 24 -24s-10.7998 -24 -24 -24h-176c-13.2002 0 -24 10.7998 -24 24s10.7998 24 24 24h176z
|
||||||
|
" />
|
||||||
|
<glyph glyph-name="keyboard" unicode="" horiz-adv-x="576"
|
||||||
|
d="M528 384c26.5098 0 48 -21.4902 48 -48v-288c0 -26.5098 -21.4902 -48 -48 -48h-480c-26.5098 0 -48 21.4902 -48 48v288c0 26.5098 21.4902 48 48 48h480zM536 48v288c0 4.41113 -3.58887 8 -8 8h-480c-4.41113 0 -8 -3.58887 -8 -8v-288c0 -4.41113 3.58887 -8 8 -8
|
||||||
|
h480c4.41113 0 8 3.58887 8 8zM170 178c0 -6.62695 -5.37305 -12 -12 -12h-28c-6.62695 0 -12 5.37305 -12 12v28c0 6.62695 5.37305 12 12 12h28c6.62695 0 12 -5.37305 12 -12v-28zM266 178c0 -6.62695 -5.37305 -12 -12 -12h-28c-6.62695 0 -12 5.37305 -12 12v28
|
||||||
|
c0 6.62695 5.37305 12 12 12h28c6.62695 0 12 -5.37305 12 -12v-28zM362 178c0 -6.62695 -5.37305 -12 -12 -12h-28c-6.62695 0 -12 5.37305 -12 12v28c0 6.62695 5.37305 12 12 12h28c6.62695 0 12 -5.37305 12 -12v-28zM458 178c0 -6.62695 -5.37305 -12 -12 -12h-28
|
||||||
|
c-6.62695 0 -12 5.37305 -12 12v28c0 6.62695 5.37305 12 12 12h28c6.62695 0 12 -5.37305 12 -12v-28zM122 96c0 -6.62695 -5.37305 -12 -12 -12h-28c-6.62695 0 -12 5.37305 -12 12v28c0 6.62695 5.37305 12 12 12h28c6.62695 0 12 -5.37305 12 -12v-28zM506 96
|
||||||
|
c0 -6.62695 -5.37305 -12 -12 -12h-28c-6.62695 0 -12 5.37305 -12 12v28c0 6.62695 5.37305 12 12 12h28c6.62695 0 12 -5.37305 12 -12v-28zM122 260c0 -6.62695 -5.37305 -12 -12 -12h-28c-6.62695 0 -12 5.37305 -12 12v28c0 6.62695 5.37305 12 12 12h28
|
||||||
|
c6.62695 0 12 -5.37305 12 -12v-28zM218 260c0 -6.62695 -5.37305 -12 -12 -12h-28c-6.62695 0 -12 5.37305 -12 12v28c0 6.62695 5.37305 12 12 12h28c6.62695 0 12 -5.37305 12 -12v-28zM314 260c0 -6.62695 -5.37305 -12 -12 -12h-28c-6.62695 0 -12 5.37305 -12 12v28
|
||||||
|
c0 6.62695 5.37305 12 12 12h28c6.62695 0 12 -5.37305 12 -12v-28zM410 260c0 -6.62695 -5.37305 -12 -12 -12h-28c-6.62695 0 -12 5.37305 -12 12v28c0 6.62695 5.37305 12 12 12h28c6.62695 0 12 -5.37305 12 -12v-28zM506 260c0 -6.62695 -5.37305 -12 -12 -12h-28
|
||||||
|
c-6.62695 0 -12 5.37305 -12 12v28c0 6.62695 5.37305 12 12 12h28c6.62695 0 12 -5.37305 12 -12v-28zM408 102c0 -6.62695 -5.37305 -12 -12 -12h-216c-6.62695 0 -12 5.37305 -12 12v16c0 6.62695 5.37305 12 12 12h216c6.62695 0 12 -5.37305 12 -12v-16z" />
|
||||||
|
<glyph glyph-name="calendar" unicode="" horiz-adv-x="448"
|
||||||
|
d="M400 384c26.5 0 48 -21.5 48 -48v-352c0 -26.5 -21.5 -48 -48 -48h-352c-26.5 0 -48 21.5 -48 48v352c0 26.5 21.5 48 48 48h48v52c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-52h128v52c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12
|
||||||
|
v-52h48zM394 -16c3.2998 0 6 2.7002 6 6v298h-352v-298c0 -3.2998 2.7002 -6 6 -6h340z" />
|
||||||
|
<glyph glyph-name="play-circle" unicode=""
|
||||||
|
d="M371.7 210c16.3994 -9.2002 16.3994 -32.9004 0 -42l-176 -101c-15.9004 -8.7998 -35.7002 2.59961 -35.7002 21v208c0 18.5 19.9004 29.7998 35.7002 21zM504 192c0 -137 -111 -248 -248 -248s-248 111 -248 248s111 248 248 248s248 -111 248 -248zM56 192
|
||||||
|
c0 -110.5 89.5 -200 200 -200s200 89.5 200 200s-89.5 200 -200 200s-200 -89.5 -200 -200z" />
|
||||||
|
<glyph glyph-name="minus-square" unicode="" horiz-adv-x="448"
|
||||||
|
d="M108 164c-6.59961 0 -12 5.40039 -12 12v32c0 6.59961 5.40039 12 12 12h232c6.59961 0 12 -5.40039 12 -12v-32c0 -6.59961 -5.40039 -12 -12 -12h-232zM448 368v-352c0 -26.5 -21.5 -48 -48 -48h-352c-26.5 0 -48 21.5 -48 48v352c0 26.5 21.5 48 48 48h352
|
||||||
|
c26.5 0 48 -21.5 48 -48zM400 22v340c0 3.2998 -2.7002 6 -6 6h-340c-3.2998 0 -6 -2.7002 -6 -6v-340c0 -3.2998 2.7002 -6 6 -6h340c3.2998 0 6 2.7002 6 6z" />
|
||||||
|
<glyph glyph-name="check-square" unicode="" horiz-adv-x="448"
|
||||||
|
d="M400 416c26.5098 0 48 -21.4902 48 -48v-352c0 -26.5098 -21.4902 -48 -48 -48h-352c-26.5098 0 -48 21.4902 -48 48v352c0 26.5098 21.4902 48 48 48h352zM400 16v352h-352v-352h352zM364.136 257.724l-172.589 -171.204
|
||||||
|
c-4.70508 -4.66699 -12.3027 -4.63672 -16.9697 0.0683594l-90.7812 91.5156c-4.66699 4.70508 -4.63672 12.3037 0.0693359 16.9717l22.7188 22.5361c4.70508 4.66699 12.3027 4.63672 16.9697 -0.0693359l59.792 -60.2773l141.353 140.217
|
||||||
|
c4.70508 4.66699 12.3027 4.63672 16.9697 -0.0683594l22.5361 -22.7178c4.66699 -4.70605 4.63672 -12.3047 -0.0683594 -16.9717z" />
|
||||||
|
<glyph glyph-name="share-square" unicode="" horiz-adv-x="576"
|
||||||
|
d="M561.938 289.94c18.75 -18.7402 18.75 -49.1406 0 -67.8809l-143.998 -144c-29.9727 -29.9727 -81.9404 -9.05273 -81.9404 33.9404v53.7998c-101.266 -7.83691 -99.625 -31.6406 -84.1104 -78.7598c14.2285 -43.0889 -33.4736 -79.248 -71.0195 -55.7402
|
||||||
|
c-51.6924 32.3057 -84.8701 83.0635 -84.8701 144.76c0 39.3408 12.2197 72.7402 36.3301 99.3008c19.8398 21.8398 47.7402 38.4697 82.9102 49.4199c36.7295 11.4395 78.3096 16.1094 120.76 17.9893v57.1982c0 42.9355 51.9258 63.9541 81.9404 33.9404zM384 112l144 144
|
||||||
|
l-144 144v-104.09c-110.86 -0.90332 -240 -10.5166 -240 -119.851c0 -52.1396 32.79 -85.6094 62.3096 -104.06c-39.8174 120.65 48.999 141.918 177.69 143.84v-103.84zM408.74 27.5068c6.14844 1.75684 15.5449 5.92383 20.9736 9.30273
|
||||||
|
c7.97656 4.95215 18.2861 -0.825195 18.2861 -10.2139v-42.5957c0 -26.5098 -21.4902 -48 -48 -48h-352c-26.5098 0 -48 21.4902 -48 48v352c0 26.5098 21.4902 48 48 48h132c6.62695 0 12 -5.37305 12 -12v-4.48633c0 -4.91699 -2.9873 -9.36914 -7.56934 -11.1514
|
||||||
|
c-13.7021 -5.33105 -26.3955 -11.5371 -38.0498 -18.585c-1.59668 -0.974609 -4.41016 -1.77051 -6.28027 -1.77734h-86.1006c-3.31152 0 -6 -2.68848 -6 -6v-340c0 -3.31152 2.68848 -6 6 -6h340c3.31152 0 6 2.68848 6 6v25.9658c0 5.37012 3.5791 10.0596 8.74023 11.541
|
||||||
|
z" />
|
||||||
|
<glyph glyph-name="compass" unicode="" horiz-adv-x="496"
|
||||||
|
d="M347.94 318.14c16.6592 7.61035 33.8096 -9.54004 26.1992 -26.1992l-65.9697 -144.341c-2.73047 -5.97363 -9.7959 -13.0391 -15.7695 -15.7695l-144.341 -65.9697c-16.6592 -7.61035 -33.8096 9.5498 -26.1992 26.1992l65.9697 144.341
|
||||||
|
c2.73047 5.97363 9.7959 13.0391 15.7695 15.7695zM270.58 169.42c12.4697 12.4697 12.4697 32.6904 0 45.1602s-32.6904 12.4697 -45.1602 0s-12.4697 -32.6904 0 -45.1602s32.6904 -12.4697 45.1602 0zM248 440c136.97 0 248 -111.03 248 -248s-111.03 -248 -248 -248
|
||||||
|
s-248 111.03 -248 248s111.03 248 248 248zM248 -8c110.28 0 200 89.7197 200 200s-89.7197 200 -200 200s-200 -89.7197 -200 -200s89.7197 -200 200 -200z" />
|
||||||
|
<glyph glyph-name="caret-square-down" unicode="" horiz-adv-x="448"
|
||||||
|
d="M125.1 240h197.801c10.6992 0 16.0996 -13 8.5 -20.5l-98.9004 -98.2998c-4.7002 -4.7002 -12.2002 -4.7002 -16.9004 0l-98.8994 98.2998c-7.7002 7.5 -2.2998 20.5 8.39941 20.5zM448 368v-352c0 -26.5 -21.5 -48 -48 -48h-352c-26.5 0 -48 21.5 -48 48v352
|
||||||
|
c0 26.5 21.5 48 48 48h352c26.5 0 48 -21.5 48 -48zM400 22v340c0 3.2998 -2.7002 6 -6 6h-340c-3.2998 0 -6 -2.7002 -6 -6v-340c0 -3.2998 2.7002 -6 6 -6h340c3.2998 0 6 2.7002 6 6z" />
|
||||||
|
<glyph glyph-name="caret-square-up" unicode="" horiz-adv-x="448"
|
||||||
|
d="M322.9 144h-197.801c-10.6992 0 -16.0996 13 -8.5 20.5l98.9004 98.2998c4.7002 4.7002 12.2002 4.7002 16.9004 0l98.8994 -98.2998c7.7002 -7.5 2.2998 -20.5 -8.39941 -20.5zM448 368v-352c0 -26.5 -21.5 -48 -48 -48h-352c-26.5 0 -48 21.5 -48 48v352
|
||||||
|
c0 26.5 21.5 48 48 48h352c26.5 0 48 -21.5 48 -48zM400 22v340c0 3.2998 -2.7002 6 -6 6h-340c-3.2998 0 -6 -2.7002 -6 -6v-340c0 -3.2998 2.7002 -6 6 -6h340c3.2998 0 6 2.7002 6 6z" />
|
||||||
|
<glyph glyph-name="caret-square-right" unicode="" horiz-adv-x="448"
|
||||||
|
d="M176 93.0996v197.801c0 10.6992 13 16.0996 20.5 8.5l98.2998 -98.9004c4.7002 -4.7002 4.7002 -12.2002 0 -16.9004l-98.2998 -98.8994c-7.5 -7.7002 -20.5 -2.2998 -20.5 8.39941zM448 368v-352c0 -26.5 -21.5 -48 -48 -48h-352c-26.5 0 -48 21.5 -48 48v352
|
||||||
|
c0 26.5 21.5 48 48 48h352c26.5 0 48 -21.5 48 -48zM400 22v340c0 3.2998 -2.7002 6 -6 6h-340c-3.2998 0 -6 -2.7002 -6 -6v-340c0 -3.2998 2.7002 -6 6 -6h340c3.2998 0 6 2.7002 6 6z" />
|
||||||
|
<glyph glyph-name="file" unicode="" horiz-adv-x="384"
|
||||||
|
d="M369.9 350.1c9 -9 14.0996 -21.2998 14.0996 -34v-332.1c0 -26.5 -21.5 -48 -48 -48h-288c-26.5 0 -48 21.5 -48 48v416c0 26.5 21.5 48 48 48.0996h204.1c12.7002 0 24.9004 -5.09961 33.9004 -14.0996zM332.1 320l-76.0996 76.0996v-76.0996h76.0996zM48 -16h288v288
|
||||||
|
h-104c-13.2998 0 -24 10.7002 -24 24v104h-160v-416z" />
|
||||||
|
<glyph glyph-name="file-alt" unicode="" horiz-adv-x="384"
|
||||||
|
d="M288 200v-28c0 -6.59961 -5.40039 -12 -12 -12h-168c-6.59961 0 -12 5.40039 -12 12v28c0 6.59961 5.40039 12 12 12h168c6.59961 0 12 -5.40039 12 -12zM276 128c6.59961 0 12 -5.40039 12 -12v-28c0 -6.59961 -5.40039 -12 -12 -12h-168c-6.59961 0 -12 5.40039 -12 12
|
||||||
|
v28c0 6.59961 5.40039 12 12 12h168zM384 316.1v-332.1c0 -26.5 -21.5 -48 -48 -48h-288c-26.5 0 -48 21.5 -48 48v416c0 26.5 21.5 48 48 48h204.1c12.7002 0 24.9004 -5.09961 33.9004 -14.0996l83.9004 -83.9004c9 -8.90039 14.0996 -21.2002 14.0996 -33.9004z
|
||||||
|
M256 396.1v-76.0996h76.0996zM336 -16v288h-104c-13.2998 0 -24 10.7002 -24 24v104h-160v-416h288z" />
|
||||||
|
<glyph glyph-name="thumbs-up" unicode=""
|
||||||
|
d="M466.27 161.31c4.6748 -22.6465 0.864258 -44.5371 -8.98926 -62.9893c2.95898 -23.8682 -4.02148 -48.5654 -17.3398 -66.9902c-0.954102 -55.9072 -35.8232 -95.3301 -112.94 -95.3301c-7 0 -15 0.00976562 -22.2197 0.00976562
|
||||||
|
c-102.742 0 -133.293 38.9395 -177.803 39.9404c-3.56934 -13.7764 -16.085 -23.9502 -30.9775 -23.9502h-64c-17.6729 0 -32 14.3271 -32 32v240c0 17.6729 14.3271 32 32 32h98.7598c19.1455 16.9531 46.0137 60.6533 68.7598 83.4004
|
||||||
|
c13.667 13.667 10.1533 108.6 71.7607 108.6c57.5801 0 95.2695 -31.9355 95.2695 -104.73c0 -18.4092 -3.92969 -33.7295 -8.84961 -46.5391h36.4795c48.6025 0 85.8203 -41.5654 85.8203 -85.5801c0 -19.1504 -4.95996 -34.9902 -13.7305 -49.8408zM404.52 107.48
|
||||||
|
c21.5811 20.3838 18.6992 51.0645 5.21094 65.6191c9.44922 0 22.3594 18.9102 22.2695 37.8105c-0.0898438 18.9102 -16.71 37.8203 -37.8203 37.8203h-103.989c0 37.8193 28.3594 55.3691 28.3594 94.5391c0 23.75 0 56.7305 -47.2695 56.7305
|
||||||
|
c-18.9102 -18.9102 -9.45996 -66.1797 -37.8203 -94.54c-26.5596 -26.5703 -66.1797 -97.46 -94.54 -97.46h-10.9199v-186.17c53.6113 0 100.001 -37.8203 171.64 -37.8203h37.8203c35.5117 0 60.8203 17.1201 53.1201 65.9004
|
||||||
|
c15.2002 8.16016 26.5 36.4395 13.9395 57.5703zM88 16c0 13.2549 -10.7451 24 -24 24s-24 -10.7451 -24 -24s10.7451 -24 24 -24s24 10.7451 24 24z" />
|
||||||
|
<glyph glyph-name="thumbs-down" unicode=""
|
||||||
|
d="M466.27 222.69c8.77051 -14.8506 13.7305 -30.6904 13.7305 -49.8408c0 -44.0146 -37.2178 -85.5801 -85.8203 -85.5801h-36.4795c4.91992 -12.8096 8.84961 -28.1299 8.84961 -46.5391c0 -72.7949 -37.6895 -104.73 -95.2695 -104.73
|
||||||
|
c-61.6074 0 -58.0938 94.9326 -71.7607 108.6c-22.7461 22.7471 -49.6133 66.4473 -68.7598 83.4004h-7.05176c-5.5332 -9.56152 -15.8662 -16 -27.708 -16h-64c-17.6729 0 -32 14.3271 -32 32v240c0 17.6729 14.3271 32 32 32h64c8.11328 0 15.5146 -3.02539 21.1553 -8
|
||||||
|
h10.8447c40.9971 0 73.1953 39.9902 176.78 39.9902c7.21973 0 15.2197 0.00976562 22.2197 0.00976562c77.1172 0 111.986 -39.4229 112.94 -95.3301c13.3184 -18.4248 20.2979 -43.1221 17.3398 -66.9902c9.85352 -18.4521 13.6641 -40.3428 8.98926 -62.9893zM64 152
|
||||||
|
c13.2549 0 24 10.7451 24 24s-10.7451 24 -24 24s-24 -10.7451 -24 -24s10.7451 -24 24 -24zM394.18 135.27c21.1104 0 37.7305 18.9102 37.8203 37.8203c0.0898438 18.9004 -12.8203 37.8105 -22.2695 37.8105c13.4883 14.5547 16.3701 45.2354 -5.21094 65.6191
|
||||||
|
c12.5605 21.1309 1.26074 49.4102 -13.9395 57.5703c7.7002 48.7803 -17.6084 65.9004 -53.1201 65.9004h-37.8203c-71.6387 0 -118.028 -37.8203 -171.64 -37.8203v-186.17h10.9199c28.3604 0 67.9805 -70.8896 94.54 -97.46
|
||||||
|
c28.3604 -28.3604 18.9102 -75.6299 37.8203 -94.54c47.2695 0 47.2695 32.9805 47.2695 56.7305c0 39.1699 -28.3594 56.7197 -28.3594 94.5391h103.989z" />
|
||||||
|
<glyph glyph-name="sun" unicode=""
|
||||||
|
d="M494.2 226.1c11.2002 -7.59961 17.7998 -20.0996 17.8994 -33.6992c0 -13.4004 -6.69922 -26 -17.7998 -33.5l-59.7998 -40.5l13.7002 -71c2.5 -13.2002 -1.60059 -26.8008 -11.1006 -36.3008s-22.8994 -13.7998 -36.2998 -11.0996l-70.8994 13.7002l-40.4004 -59.9004
|
||||||
|
c-7.5 -11.0996 -20.0996 -17.7998 -33.5 -17.7998s-26 6.7002 -33.5 17.9004l-40.4004 59.8994l-70.7998 -13.7002c-13.3994 -2.59961 -26.7998 1.60059 -36.2998 11.1006s-13.7002 23.0996 -11.0996 36.2998l13.6992 71l-59.7998 40.5
|
||||||
|
c-11.0996 7.5 -17.7998 20 -17.7998 33.5s6.59961 26 17.7998 33.5996l59.7998 40.5l-13.6992 71c-2.60059 13.2002 1.59961 26.7002 11.0996 36.3008c9.5 9.59961 23 13.6992 36.2998 11.1992l70.7998 -13.6992l40.4004 59.8994c15.0996 22.2998 51.9004 22.2998 67 0
|
||||||
|
l40.4004 -59.8994l70.8994 13.6992c13 2.60059 26.6006 -1.59961 36.2002 -11.0996c9.5 -9.59961 13.7002 -23.2002 11.0996 -36.4004l-13.6992 -71zM381.3 140.5l76.7998 52.0996l-76.7998 52l17.6006 91.1006l-91 -17.6006l-51.9004 76.9004l-51.7998 -76.7998
|
||||||
|
l-91 17.5996l17.5996 -91.2002l-76.7998 -52l76.7998 -52l-17.5996 -91.1992l90.8994 17.5996l51.9004 -77l51.9004 76.9004l91 -17.6006zM256 296c57.2998 0 104 -46.7002 104 -104s-46.7002 -104 -104 -104s-104 46.7002 -104 104s46.7002 104 104 104zM256 136
|
||||||
|
c30.9004 0 56 25.0996 56 56s-25.0996 56 -56 56s-56 -25.0996 -56 -56s25.0996 -56 56 -56z" />
|
||||||
|
<glyph glyph-name="moon" unicode=""
|
||||||
|
d="M279.135 -64c-141.424 0 -256 114.64 -256 256c0 141.425 114.641 256 256 256c13.0068 -0.00195312 33.9443 -1.91797 46.7354 -4.27734c44.0205 -8.13086 53.7666 -66.8691 15.0215 -88.9189c-41.374 -23.5439 -67.4336 -67.4121 -67.4336 -115.836
|
||||||
|
c0 -83.5234 75.9238 -146.475 158.272 -130.792c43.6904 8.32129 74.5186 -42.5693 46.248 -77.4004c-47.8613 -58.9717 -120.088 -94.7754 -198.844 -94.7754zM279.135 400c-114.875 0 -208 -93.125 -208 -208s93.125 -208 208 -208
|
||||||
|
c65.2314 0 123.439 30.0361 161.575 77.0244c-111.611 -21.2568 -215.252 64.0957 -215.252 177.943c0 67.5127 36.9326 126.392 91.6934 157.555c-12.3271 2.27637 -25.0312 3.47754 -38.0166 3.47754z" />
|
||||||
|
<glyph glyph-name="caret-square-left" unicode="" horiz-adv-x="448"
|
||||||
|
d="M272 290.9v-197.801c0 -10.6992 -13 -16.0996 -20.5 -8.5l-98.2998 98.9004c-4.7002 4.7002 -4.7002 12.2002 0 16.9004l98.2998 98.8994c7.5 7.7002 20.5 2.2998 20.5 -8.39941zM448 368v-352c0 -26.5 -21.5 -48 -48 -48h-352c-26.5 0 -48 21.5 -48 48v352
|
||||||
|
c0 26.5 21.5 48 48 48h352c26.5 0 48 -21.5 48 -48zM400 22v340c0 3.2998 -2.7002 6 -6 6h-340c-3.2998 0 -6 -2.7002 -6 -6v-340c0 -3.2998 2.7002 -6 6 -6h340c3.2998 0 6 2.7002 6 6z" />
|
||||||
|
<glyph glyph-name="dot-circle" unicode=""
|
||||||
|
d="M256 392c-110.549 0 -200 -89.4678 -200 -200c0 -110.549 89.4678 -200 200 -200c110.549 0 200 89.4678 200 200c0 110.549 -89.4678 200 -200 200zM256 440c136.967 0 248 -111.033 248 -248s-111.033 -248 -248 -248s-248 111.033 -248 248s111.033 248 248 248z
|
||||||
|
M256 272c44.1826 0 80 -35.8174 80 -80s-35.8174 -80 -80 -80s-80 35.8174 -80 80s35.8174 80 80 80z" />
|
||||||
|
<glyph glyph-name="building" unicode="" horiz-adv-x="448"
|
||||||
|
d="M128 300v40c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-40c0 -6.59961 -5.40039 -12 -12 -12h-40c-6.59961 0 -12 5.40039 -12 12zM268 288c-6.59961 0 -12 5.40039 -12 12v40c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-40
|
||||||
|
c0 -6.59961 -5.40039 -12 -12 -12h-40zM140 192c-6.59961 0 -12 5.40039 -12 12v40c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-40c0 -6.59961 -5.40039 -12 -12 -12h-40zM268 192c-6.59961 0 -12 5.40039 -12 12v40c0 6.59961 5.40039 12 12 12h40
|
||||||
|
c6.59961 0 12 -5.40039 12 -12v-40c0 -6.59961 -5.40039 -12 -12 -12h-40zM192 108c0 -6.59961 -5.40039 -12 -12 -12h-40c-6.59961 0 -12 5.40039 -12 12v40c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-40zM268 96c-6.59961 0 -12 5.40039 -12 12v40
|
||||||
|
c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-40c0 -6.59961 -5.40039 -12 -12 -12h-40zM448 -28v-36h-448v36c0 6.59961 5.40039 12 12 12h19.5v440c0 13.2998 10.7002 24 24 24h337c13.2998 0 24 -10.7002 24 -24v-440h19.5
|
||||||
|
c6.59961 0 12 -5.40039 12 -12zM79.5 -15h112.5v67c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-67h112.5v414l-288.5 1z" />
|
||||||
|
<glyph glyph-name="file-pdf" unicode="" horiz-adv-x="384"
|
||||||
|
d="M369.9 350.1c9 -9 14.0996 -21.2998 14.0996 -34v-332.1c0 -26.5 -21.5 -48 -48 -48h-288c-26.5 0 -48 21.5 -48 48v416c0 26.5 21.5 48 48 48.0996h204.1c12.7002 0 24.9004 -5.09961 33.9004 -14.0996zM332.1 320l-76.0996 76.0996v-76.0996h76.0996zM48 -16h288v288
|
||||||
|
h-104c-13.2998 0 -24 10.7002 -24 24v104h-160v-416zM298.2 127.7c10.5 -10.5 8 -38.7002 -17.5 -38.7002c-14.7998 0 -36.9004 6.7998 -55.7998 17c-21.6006 -3.59961 -46 -12.7002 -68.4004 -20.0996c-50.0996 -86.4004 -79.4004 -47 -76.0996 -31.2002
|
||||||
|
c4 20 31 35.8994 51 46.2002c10.5 18.3994 25.3994 50.5 35.3994 74.3994c-7.39941 28.6006 -11.3994 51 -7 67.1006c4.7998 17.6992 38.4004 20.2998 42.6006 -5.90039c4.69922 -15.4004 -1.5 -39.9004 -5.40039 -56c8.09961 -21.2998 19.5996 -35.7998 36.7998 -46.2998
|
||||||
|
c17.4004 2.2002 52.2002 5.5 64.4004 -6.5zM100.1 49.9004c0 -0.700195 11.4004 4.69922 30.4004 35c-5.90039 -5.5 -25.2998 -21.3008 -30.4004 -35zM181.7 240.5c-2.5 0 -2.60059 -26.9004 1.7998 -40.7998c4.90039 8.7002 5.59961 40.7998 -1.7998 40.7998zM157.3 103.9
|
||||||
|
c15.9004 6.09961 34 14.8994 54.7998 19.1992c-11.1992 8.30078 -21.7998 20.4004 -30.0996 35.5c-6.7002 -17.6992 -15 -37.7998 -24.7002 -54.6992zM288.9 108.9c3.59961 2.39941 -2.2002 10.3994 -37.3008 7.7998c32.3008 -13.7998 37.3008 -7.7998 37.3008 -7.7998z" />
|
||||||
|
<glyph glyph-name="file-word" unicode="" horiz-adv-x="384"
|
||||||
|
d="M369.9 350.1c9 -9 14.0996 -21.2998 14.0996 -34v-332.1c0 -26.5 -21.5 -48 -48 -48h-288c-26.5 0 -48 21.5 -48 48v416c0 26.5 21.5 48 48 48.0996h204.1c12.7002 0 24.9004 -5.09961 33.9004 -14.0996zM332.1 320l-76.0996 76.0996v-76.0996h76.0996zM48 -16h288v288
|
||||||
|
h-104c-13.2998 0 -24 10.7002 -24 24v104h-160v-416zM268.1 192v0.200195h15.8008c7.7998 0 13.5 -7.2998 11.5996 -14.9004c-4.2998 -17 -13.7002 -54.0996 -34.5 -136c-1.2998 -5.39941 -6.09961 -9.09961 -11.5996 -9.09961h-24.7002
|
||||||
|
c-5.5 0 -10.2998 3.7998 -11.6006 9.09961c-5.2998 20.9004 -17.7998 71 -17.8994 71.4004l-2.90039 17.2998c-0.5 -5.2998 -1.5 -11.0996 -3 -17.2998l-17.8994 -71.4004c-1.30078 -5.39941 -6.10059 -9.09961 -11.6006 -9.09961h-25.2002
|
||||||
|
c-5.59961 0 -10.3994 3.7002 -11.6992 9.09961c-6.5 26.5 -25.2002 103.4 -33.2002 136c-1.7998 7.5 3.89941 14.7998 11.7002 14.7998h16.7998c5.7998 0 10.7002 -4.09961 11.7998 -9.69922c5 -25.7002 18.4004 -93.8008 19.0996 -99
|
||||||
|
c0.300781 -1.7002 0.400391 -3.10059 0.5 -4.2002c0.800781 7.5 0.400391 4.7002 24.8008 103.7c1.39941 5.2998 6.19922 9.09961 11.6992 9.09961h13.3008c5.59961 0 10.3994 -3.7998 11.6992 -9.2002c23.9004 -99.7002 22.8008 -94.3994 23.6006 -99.5
|
||||||
|
c0.299805 -1.7002 0.5 -3.09961 0.700195 -4.2998c0.599609 8.09961 0.399414 5.7998 21 103.5c1.09961 5.5 6 9.5 11.6992 9.5z" />
|
||||||
|
<glyph glyph-name="file-excel" unicode="" horiz-adv-x="384"
|
||||||
|
d="M369.9 350.1c9 -9 14.0996 -21.2998 14.0996 -34v-332.1c0 -26.5 -21.5 -48 -48 -48h-288c-26.5 0 -48 21.5 -48 48v416c0 26.5 21.5 48 48 48.0996h204.1c12.7002 0 24.9004 -5.09961 33.9004 -14.0996zM332.1 320l-76.0996 76.0996v-76.0996h76.0996zM48 -16h288v288
|
||||||
|
h-104c-13.2998 0 -24 10.7002 -24 24v104h-160v-416zM260 224c9.2002 0 15 -10 10.2998 -18c-16 -27.5 -45.5996 -76.9004 -46.2998 -78l46.4004 -78c4.59961 -8 -1.10059 -18 -10.4004 -18h-28.7998c-4.40039 0 -8.5 2.40039 -10.6006 6.2998
|
||||||
|
c-22.6992 41.7998 -13.6992 27.5 -28.5996 57.7002c-5.59961 -12.7002 -6.90039 -17.7002 -28.5996 -57.7002c-2.10059 -3.89941 -6.10059 -6.2998 -10.5 -6.2998h-28.9004c-9.2998 0 -15.0996 10 -10.4004 18l46.3008 78l-46.3008 78c-4.59961 8 1.10059 18 10.4004 18
|
||||||
|
h28.9004c4.39941 0 8.5 -2.40039 10.5996 -6.2998c21.7002 -40.4004 14.7002 -28.6006 28.5996 -57.7002c6.40039 15.2998 10.6006 24.5996 28.6006 57.7002c2.09961 3.89941 6.09961 6.2998 10.5 6.2998h28.7998z" />
|
||||||
|
<glyph glyph-name="file-powerpoint" unicode="" horiz-adv-x="384"
|
||||||
|
d="M369.9 350.1c9 -9 14.0996 -21.2998 14.0996 -34v-332.1c0 -26.5 -21.5 -48 -48 -48h-288c-26.5 0 -48 21.5 -48 48v416c0 26.5 21.5 48 48 48.0996h204.1c12.7002 0 24.9004 -5.09961 33.9004 -14.0996zM332.1 320l-76.0996 76.0996v-76.0996h76.0996zM48 -16h288v288
|
||||||
|
h-104c-13.2998 0 -24 10.7002 -24 24v104h-160v-416zM120 44v168c0 6.59961 5.40039 12 12 12h69.2002c36.7002 0 62.7998 -27 62.7998 -66.2998c0 -74.2998 -68.7002 -66.5 -95.5 -66.5v-47.2002c0 -6.59961 -5.40039 -12 -12 -12h-24.5c-6.59961 0 -12 5.40039 -12 12z
|
||||||
|
M168.5 131.4h23c7.90039 0 13.9004 2.39941 18.0996 7.19922c8.5 9.80078 8.40039 28.5 0.100586 37.8008c-4.10059 4.59961 -9.90039 7 -17.4004 7h-23.8994v-52h0.0996094z" />
|
||||||
|
<glyph glyph-name="file-image" unicode="" horiz-adv-x="384"
|
||||||
|
d="M369.9 350.1c9 -9 14.0996 -21.2998 14.0996 -34v-332.1c0 -26.5 -21.5 -48 -48 -48h-288c-26.5 0 -48 21.5 -48 48v416c0 26.5 21.5 48 48 48.0996h204.1c12.7002 0 24.9004 -5.09961 33.9004 -14.0996zM332.1 320l-76.0996 76.0996v-76.0996h76.0996zM48 -16h288v288
|
||||||
|
h-104c-13.2998 0 -24 10.7002 -24 24v104h-160v-416zM80 32v64l39.5 39.5c4.7002 4.7002 12.2998 4.7002 17 0l39.5 -39.5l87.5 87.5c4.7002 4.7002 12.2998 4.7002 17 0l23.5 -23.5v-128h-224zM128 272c26.5 0 48 -21.5 48 -48s-21.5 -48 -48 -48s-48 21.5 -48 48
|
||||||
|
s21.5 48 48 48z" />
|
||||||
|
<glyph glyph-name="file-archive" unicode="" horiz-adv-x="384"
|
||||||
|
d="M128.3 288h32v-32h-32v32zM192.3 384v-32h-32v32h32zM128.3 352h32v-32h-32v32zM192.3 320v-32h-32v32h32zM369.9 350.1c9 -9 14.0996 -21.2998 14.0996 -34v-332.1c0 -26.5 -21.5 -48 -48 -48h-288c-26.5 0 -48 21.5 -48 48v416c0 26.5 21.5 48 48 48.0996h204.1
|
||||||
|
c12.7002 0 24.9004 -5.09961 33.9004 -14.0996zM256 396.1v-76.0996h76.0996zM336 -16v288h-104c-13.2998 0 -24 10.7002 -24 24v104h-48.2998v-16h-32v16h-79.7002v-416h288zM194.2 182.3l17.2998 -87.7002c6.40039 -32.3994 -18.4004 -62.5996 -51.5 -62.5996
|
||||||
|
c-33.2002 0 -58 30.4004 -51.4004 62.9004l19.7002 97.0996v32h32v-32h22.1006c5.7998 0 10.6992 -4.09961 11.7998 -9.7002zM160.3 57.9004c17.9004 0 32.4004 12.0996 32.4004 27c0 14.8994 -14.5 27 -32.4004 27c-17.8994 0 -32.3994 -12.1006 -32.3994 -27
|
||||||
|
c0 -14.9004 14.5 -27 32.3994 -27zM192.3 256v-32h-32v32h32z" />
|
||||||
|
<glyph glyph-name="file-audio" unicode="" horiz-adv-x="384"
|
||||||
|
d="M369.941 350.059c7.75977 -7.75977 14.0586 -22.9658 14.0586 -33.9404v-332.118c0 -26.5098 -21.4902 -48 -48 -48h-288c-26.5098 0 -48 21.4902 -48 48v416c0 26.5098 21.4902 48 48 48h204.118c10.9746 0 26.1807 -6.29883 33.9404 -14.0586zM332.118 320
|
||||||
|
l-76.1182 76.1182v-76.1182h76.1182zM48 -16h288v288h-104c-13.2549 0 -24 10.7451 -24 24v104h-160v-416zM192 60.0244c0 -10.6914 -12.9258 -16.0459 -20.4854 -8.48535l-35.5146 35.9746h-28c-6.62695 0 -12 5.37305 -12 12v56c0 6.62695 5.37305 12 12 12h28
|
||||||
|
l35.5146 36.9473c7.56055 7.56055 20.4854 2.20605 20.4854 -8.48535v-135.951zM233.201 107.154c9.05078 9.29688 9.05957 24.1328 0.000976562 33.4385c-22.1494 22.752 12.2344 56.2461 34.3945 33.4814c27.1982 -27.9404 27.2119 -72.4443 0.000976562 -100.401
|
||||||
|
c-21.793 -22.3857 -56.9463 10.3154 -34.3965 33.4814z" />
|
||||||
|
<glyph glyph-name="file-video" unicode="" horiz-adv-x="384"
|
||||||
|
d="M369.941 350.059c7.75977 -7.75977 14.0586 -22.9658 14.0586 -33.9404v-332.118c0 -26.5098 -21.4902 -48 -48 -48h-288c-26.5098 0 -48 21.4902 -48 48v416c0 26.5098 21.4902 48 48 48h204.118c10.9746 0 26.1807 -6.29883 33.9404 -14.0586zM332.118 320
|
||||||
|
l-76.1182 76.1182v-76.1182h76.1182zM48 -16h288v288h-104c-13.2549 0 -24 10.7451 -24 24v104h-160v-416zM276.687 195.303c10.0049 10.0049 27.3135 2.99707 27.3135 -11.3135v-111.976c0 -14.2939 -17.2959 -21.332 -27.3135 -11.3135l-52.6865 52.6738v-37.374
|
||||||
|
c0 -11.0459 -8.9541 -20 -20 -20h-104c-11.0459 0 -20 8.9541 -20 20v104c0 11.0459 8.9541 20 20 20h104c11.0459 0 20 -8.9541 20 -20v-37.374z" />
|
||||||
|
<glyph glyph-name="file-code" unicode="" horiz-adv-x="384"
|
||||||
|
d="M149.9 98.9004c3.5 -3.30078 3.69922 -8.90039 0.399414 -12.4004l-17.3994 -18.5996c-1.60059 -1.80078 -4 -2.80078 -6.40039 -2.80078c-2.2002 0 -4.40039 0.900391 -6 2.40039l-57.7002 54.0996c-3.7002 3.40039 -3.7002 9.30078 0 12.8008l57.7002 54.0996
|
||||||
|
c3.40039 3.2998 9 3.2002 12.4004 -0.400391l17.3994 -18.5996l0.200195 -0.200195c3.2002 -3.59961 2.7998 -9.2002 -0.799805 -12.3994l-32.7998 -28.9004l32.7998 -28.9004zM369.9 350.1c9 -9 14.0996 -21.2998 14.0996 -34v-332.1c0 -26.5 -21.5 -48 -48 -48h-288
|
||||||
|
c-26.5 0 -48 21.5 -48 48v416c0 26.5 21.5 48 48 48.0996h204.1c12.7002 0 24.9004 -5.09961 33.9004 -14.0996zM256 396.1v-76.0996h76.0996zM336 -16v288h-104c-13.2998 0 -24 10.7002 -24 24v104h-160v-416h288zM209.6 234l24.4004 -7
|
||||||
|
c4.7002 -1.2998 7.40039 -6.2002 6 -10.9004l-54.7002 -188.199c-1.2998 -4.60059 -6.2002 -7.40039 -10.8994 -6l-24.4004 7.09961c-4.7002 1.2998 -7.40039 6.2002 -6 10.9004l54.7002 188.1c1.39941 4.7002 6.2002 7.40039 10.8994 6zM234.1 157.1
|
||||||
|
c-3.5 3.30078 -3.69922 8.90039 -0.399414 12.4004l17.3994 18.5996c3.30078 3.60059 8.90039 3.7002 12.4004 0.400391l57.7002 -54.0996c3.7002 -3.40039 3.7002 -9.30078 0 -12.8008l-57.7002 -54.0996c-3.5 -3.2998 -9.09961 -3.09961 -12.4004 0.400391
|
||||||
|
l-17.3994 18.5996l-0.200195 0.200195c-3.2002 3.59961 -2.7998 9.2002 0.799805 12.3994l32.7998 28.9004l-32.7998 28.9004z" />
|
||||||
|
<glyph glyph-name="life-ring" unicode=""
|
||||||
|
d="M256 -56c-136.967 0 -248 111.033 -248 248s111.033 248 248 248s248 -111.033 248 -248s-111.033 -248 -248 -248zM152.602 20.7197c63.2178 -38.3184 143.579 -38.3184 206.797 0l-53.4111 53.4111c-31.8467 -13.5215 -68.168 -13.5059 -99.9746 0zM336 192
|
||||||
|
c0 44.1123 -35.8877 80 -80 80s-80 -35.8877 -80 -80s35.8877 -80 80 -80s80 35.8877 80 80zM427.28 88.6016c38.3184 63.2178 38.3184 143.579 0 206.797l-53.4111 -53.4111c13.5215 -31.8467 13.5049 -68.168 0 -99.9746zM359.397 363.28
|
||||||
|
c-63.2168 38.3184 -143.578 38.3184 -206.796 0l53.4111 -53.4111c31.8457 13.5215 68.167 13.5049 99.9736 0zM84.7197 295.398c-38.3184 -63.2178 -38.3184 -143.579 0 -206.797l53.4111 53.4111c-13.5215 31.8467 -13.5059 68.168 0 99.9746z" />
|
||||||
|
<glyph glyph-name="paper-plane" unicode=""
|
||||||
|
d="M440 441.5c34.5996 19.9004 77.5996 -8.7998 71.5 -48.9004l-59.4004 -387.199c-2.2998 -14.5 -11.0996 -27.3008 -23.8994 -34.5c-7.2998 -4.10059 -15.4004 -6.2002 -23.6006 -6.2002c-6.19922 0 -12.3994 1.2002 -18.2998 3.59961l-111.899 46.2002l-43.8008 -59.0996
|
||||||
|
c-27.3994 -36.9004 -86.5996 -17.8008 -86.5996 28.5996v84.4004l-114.3 47.2998c-36.7998 15.0996 -40.1006 66 -5.7002 85.8994zM192 -16l36.5996 49.5l-36.5996 15.0996v-64.5996zM404.6 12.7002l59.4004 387.3l-416 -240l107.8 -44.5996l211.5 184.3
|
||||||
|
c14.2002 12.2998 34.4004 -5.7002 23.7002 -21.2002l-140.2 -202.3z" />
|
||||||
|
<glyph glyph-name="futbol" unicode="" horiz-adv-x="496"
|
||||||
|
d="M483.8 268.6c42.2998 -130.199 -29 -270.1 -159.2 -312.399c-25.5 -8.2998 -51.2998 -12.2002 -76.6992 -12.2002c-104.5 0 -201.7 66.5996 -235.7 171.4c-42.2998 130.199 29 270.1 159.2 312.399c25.5 8.2998 51.2998 12.2002 76.6992 12.2002
|
||||||
|
c104.5 0 201.7 -66.5996 235.7 -171.4zM409.3 74.9004c6.10059 8.39941 12.1006 16.8994 16.7998 26.1992c14.3008 28.1006 21.5 58.5 21.7002 89.2002l-38.8994 36.4004l-71.1006 -22.1006l-24.3994 -75.1992l43.6992 -60.9004zM409.3 310.3
|
||||||
|
c-24.5 33.4004 -58.7002 58.4004 -97.8994 71.4004l-47.4004 -26.2002v-73.7998l64.2002 -46.5l70.7002 22zM184.9 381.6c-39.9004 -13.2998 -73.5 -38.5 -97.8008 -71.8994l10.1006 -52.5l70.5996 -22l64.2002 46.5v73.7998zM139 68.5l43.5 61.7002l-24.2998 74.2998
|
||||||
|
l-71.1006 22.2002l-39 -36.4004c0.5 -55.7002 23.4004 -95.2002 37.8008 -115.3zM187.2 1.5c64.0996 -20.4004 115.5 -1.7998 121.7 0l22.3994 48.0996l-44.2998 61.7002h-78.5996l-43.6006 -61.7002z" />
|
||||||
|
<glyph glyph-name="newspaper" unicode="" horiz-adv-x="576"
|
||||||
|
d="M552 384c13.2549 0 24 -10.7451 24 -24v-336c0 -13.2549 -10.7451 -24 -24 -24h-496c-30.9277 0 -56 25.0723 -56 56v272c0 13.2549 10.7451 24 24 24h42.752c6.60547 18.623 24.3896 32 45.248 32h440zM48 56c0 -4.41113 3.58887 -8 8 -8s8 3.58887 8 8v248h-16v-248z
|
||||||
|
M528 48v288h-416v-280c0 -2.7168 -0.204102 -5.38574 -0.578125 -8h416.578zM172 168c-6.62695 0 -12 5.37305 -12 12v96c0 6.62695 5.37305 12 12 12h136c6.62695 0 12 -5.37305 12 -12v-96c0 -6.62695 -5.37305 -12 -12 -12h-136zM200 248v-40h80v40h-80zM160 108v24
|
||||||
|
c0 6.62695 5.37305 12 12 12h136c6.62695 0 12 -5.37305 12 -12v-24c0 -6.62695 -5.37305 -12 -12 -12h-136c-6.62695 0 -12 5.37305 -12 12zM352 108v24c0 6.62695 5.37305 12 12 12h104c6.62695 0 12 -5.37305 12 -12v-24c0 -6.62695 -5.37305 -12 -12 -12h-104
|
||||||
|
c-6.62695 0 -12 5.37305 -12 12zM352 252v24c0 6.62695 5.37305 12 12 12h104c6.62695 0 12 -5.37305 12 -12v-24c0 -6.62695 -5.37305 -12 -12 -12h-104c-6.62695 0 -12 5.37305 -12 12zM352 180v24c0 6.62695 5.37305 12 12 12h104c6.62695 0 12 -5.37305 12 -12v-24
|
||||||
|
c0 -6.62695 -5.37305 -12 -12 -12h-104c-6.62695 0 -12 5.37305 -12 12z" />
|
||||||
|
<glyph glyph-name="bell-slash" unicode="" horiz-adv-x="640"
|
||||||
|
d="M633.99 -23.0195c6.91016 -5.52051 8.01953 -15.5908 2.5 -22.4902l-10 -12.4902c-5.53027 -6.88965 -15.5898 -8.00977 -22.4902 -2.49023l-598 467.51c-6.90039 5.52051 -8.01953 15.5908 -2.49023 22.4902l10 12.4902
|
||||||
|
c5.52051 6.90039 15.5898 8.00977 22.4902 2.49023zM163.53 80h182.84l61.3994 -48h-279.659c-19.1201 0 -31.9902 15.5996 -32.1006 32c-0.0498047 7.5498 2.61035 15.2598 8.61035 21.71c18.3701 19.7402 51.5703 49.6904 54.8398 140.42l45.4697 -35.5498
|
||||||
|
c-6.91992 -54.7803 -24.6895 -88.5498 -41.3994 -110.58zM320 352c-23.3496 0 -45 -7.17969 -62.9404 -19.4004l-38.1699 29.8408c19.6807 15.7793 43.1104 27.3096 69.1299 32.7197v20.8398c0 17.6699 14.3203 32 31.9805 32s31.9805 -14.3301 31.9805 -32v-20.8398
|
||||||
|
c73.46 -15.2598 127.939 -77.46 127.939 -155.16c0 -41.3604 6.03027 -70.7197 14.3398 -92.8496l-59.5293 46.54c-1.63086 13.96 -2.77051 28.8896 -2.79004 45.7295c0 0.200195 0.0595703 0.379883 0.0595703 0.580078c0 61.8604 -50.1396 112 -112 112zM320 -64
|
||||||
|
c-35.3203 0 -63.9697 28.6504 -63.9697 64h127.939c0 -35.3496 -28.6494 -64 -63.9697 -64z" />
|
||||||
|
<glyph glyph-name="copyright" unicode=""
|
||||||
|
d="M256 440c136.967 0 248 -111.033 248 -248s-111.033 -248 -248 -248s-248 111.033 -248 248s111.033 248 248 248zM256 -8c110.549 0 200 89.4678 200 200c0 110.549 -89.4678 200 -200 200c-110.549 0 -200 -89.4688 -200 -200c0 -110.549 89.4678 -200 200 -200z
|
||||||
|
M363.351 93.0645c-9.61328 -9.71289 -45.5293 -41.3965 -104.064 -41.3965c-82.4297 0 -140.484 61.4248 -140.484 141.567c0 79.1514 60.2754 139.4 139.763 139.4c55.5303 0 88.7373 -26.6201 97.5928 -34.7783c2.13379 -1.96289 3.86523 -5.9082 3.86523 -8.80762
|
||||||
|
c0 -1.95508 -0.864258 -4.87402 -1.92969 -6.51465l-18.1543 -28.1133c-3.8418 -5.9502 -11.9668 -7.28223 -17.499 -2.9209c-8.5957 6.77637 -31.8145 22.5381 -61.708 22.5381c-48.3037 0 -77.916 -35.3301 -77.916 -80.082c0 -41.5889 26.8877 -83.6924 78.2764 -83.6924
|
||||||
|
c32.6572 0 56.8428 19.0391 65.7266 27.2256c5.26953 4.85645 13.5957 4.03906 17.8193 -1.73828l19.8652 -27.1699c1.28613 -1.74512 2.33008 -4.91992 2.33008 -7.08789c0 -2.72363 -1.56055 -6.5 -3.48242 -8.42969z" />
|
||||||
|
<glyph glyph-name="closed-captioning" unicode=""
|
||||||
|
d="M464 384c26.5 0 48 -21.5 48 -48v-288c0 -26.5 -21.5 -48 -48 -48h-416c-26.5 0 -48 21.5 -48 48v288c0 26.5 21.5 48 48 48h416zM458 48c3.2998 0 6 2.7002 6 6v276c0 3.2998 -2.7002 6 -6 6h-404c-3.2998 0 -6 -2.7002 -6 -6v-276c0 -3.2998 2.7002 -6 6 -6h404z
|
||||||
|
M246.9 133.7c1.69922 -2.40039 1.5 -5.60059 -0.5 -7.7002c-53.6006 -56.7998 -172.801 -32.0996 -172.801 67.9004c0 97.2998 121.7 119.5 172.5 70.0996c2.10059 -2 2.5 -3.2002 1 -5.7002l-17.5 -30.5c-1.89941 -3.09961 -6.19922 -4 -9.09961 -1.7002
|
||||||
|
c-40.7998 32 -94.5996 14.9004 -94.5996 -31.1992c0 -48 51 -70.5 92.1992 -32.6006c2.80078 2.5 7.10059 2.10059 9.2002 -0.899414zM437.3 133.7c1.7002 -2.40039 1.5 -5.60059 -0.5 -7.7002c-53.5996 -56.9004 -172.8 -32.0996 -172.8 67.9004
|
||||||
|
c0 97.2998 121.7 119.5 172.5 70.0996c2.09961 -2 2.5 -3.2002 1 -5.7002l-17.5 -30.5c-1.90039 -3.09961 -6.2002 -4 -9.09961 -1.7002c-40.8008 32 -94.6006 14.9004 -94.6006 -31.1992c0 -48 51 -70.5 92.2002 -32.6006c2.7998 2.5 7.09961 2.10059 9.2002 -0.899414z
|
||||||
|
" />
|
||||||
|
<glyph glyph-name="object-group" unicode=""
|
||||||
|
d="M500 320h-12v-256h12c6.62695 0 12 -5.37305 12 -12v-72c0 -6.62695 -5.37305 -12 -12 -12h-72c-6.62695 0 -12 5.37305 -12 12v12h-320v-12c0 -6.62695 -5.37305 -12 -12 -12h-72c-6.62695 0 -12 5.37305 -12 12v72c0 6.62695 5.37305 12 12 12h12v256h-12
|
||||||
|
c-6.62695 0 -12 5.37305 -12 12v72c0 6.62695 5.37305 12 12 12h72c6.62695 0 12 -5.37305 12 -12v-12h320v12c0 6.62695 5.37305 12 12 12h72c6.62695 0 12 -5.37305 12 -12v-72c0 -6.62695 -5.37305 -12 -12 -12zM448 384v-32h32v32h-32zM32 384v-32h32v32h-32zM64 0v32
|
||||||
|
h-32v-32h32zM480 0v32h-32v-32h32zM440 64v256h-12c-6.62695 0 -12 5.37305 -12 12v12h-320v-12c0 -6.62695 -5.37305 -12 -12 -12h-12v-256h12c6.62695 0 12 -5.37305 12 -12v-12h320v12c0 6.62695 5.37305 12 12 12h12zM404 256c6.62695 0 12 -5.37207 12 -12v-168
|
||||||
|
c0 -6.62793 -5.37305 -12 -12 -12h-200c-6.62695 0 -12 5.37207 -12 12v52h-84c-6.62695 0 -12 5.37207 -12 12v168c0 6.62793 5.37305 12 12 12h200c6.62695 0 12 -5.37207 12 -12v-52h84zM136 280v-112h144v112h-144zM376 104v112h-56v-76
|
||||||
|
c0 -6.62793 -5.37305 -12 -12 -12h-76v-24h144z" />
|
||||||
|
<glyph glyph-name="object-ungroup" unicode="" horiz-adv-x="576"
|
||||||
|
d="M564 224h-12v-160h12c6.62695 0 12 -5.37305 12 -12v-72c0 -6.62695 -5.37305 -12 -12 -12h-72c-6.62695 0 -12 5.37305 -12 12v12h-224v-12c0 -6.62695 -5.37305 -12 -12 -12h-72c-6.62695 0 -12 5.37305 -12 12v72c0 6.62695 5.37305 12 12 12h12v24h-88v-12
|
||||||
|
c0 -6.62695 -5.37305 -12 -12 -12h-72c-6.62695 0 -12 5.37305 -12 12v72c0 6.62695 5.37305 12 12 12h12v160h-12c-6.62695 0 -12 5.37305 -12 12v72c0 6.62695 5.37305 12 12 12h72c6.62695 0 12 -5.37305 12 -12v-12h224v12c0 6.62695 5.37305 12 12 12h72
|
||||||
|
c6.62695 0 12 -5.37305 12 -12v-72c0 -6.62695 -5.37305 -12 -12 -12h-12v-24h88v12c0 6.62695 5.37305 12 12 12h72c6.62695 0 12 -5.37305 12 -12v-72c0 -6.62695 -5.37305 -12 -12 -12zM352 384v-32h32v32h-32zM352 128v-32h32v32h-32zM64 96v32h-32v-32h32zM64 352v32
|
||||||
|
h-32v-32h32zM96 136h224v12c0 6.62695 5.37305 12 12 12h12v160h-12c-6.62695 0 -12 5.37305 -12 12v12h-224v-12c0 -6.62695 -5.37305 -12 -12 -12h-12v-160h12c6.62695 0 12 -5.37305 12 -12v-12zM224 0v32h-32v-32h32zM504 64v160h-12c-6.62695 0 -12 5.37305 -12 12v12
|
||||||
|
h-88v-88h12c6.62695 0 12 -5.37305 12 -12v-72c0 -6.62695 -5.37305 -12 -12 -12h-72c-6.62695 0 -12 5.37305 -12 12v12h-88v-24h12c6.62695 0 12 -5.37305 12 -12v-12h224v12c0 6.62695 5.37305 12 12 12h12zM544 0v32h-32v-32h32zM544 256v32h-32v-32h32z" />
|
||||||
|
<glyph glyph-name="sticky-note" unicode="" horiz-adv-x="448"
|
||||||
|
d="M448 99.8936c0 -10.9746 -6.29883 -26.1797 -14.0586 -33.9404l-83.8828 -83.8818c-7.75977 -7.76074 -22.9658 -14.0596 -33.9404 -14.0596h-268.118c-26.5098 0 -48 21.4902 -48 48v351.988c0 26.5098 21.4902 48 48 48h352c26.5098 0 48 -21.4902 48 -48v-268.106z
|
||||||
|
M320 19.8936l76.1182 76.1182h-76.1182v-76.1182zM400 368h-352v-351.988h224v104c0 13.2549 10.7451 24 24 24h104v223.988z" />
|
||||||
|
<glyph glyph-name="clone" unicode=""
|
||||||
|
d="M464 448c26.5098 0 48 -21.4902 48 -48v-320c0 -26.5098 -21.4902 -48 -48 -48h-48v-48c0 -26.5098 -21.4902 -48 -48 -48h-320c-26.5098 0 -48 21.4902 -48 48v320c0 26.5098 21.4902 48 48 48h48v48c0 26.5098 21.4902 48 48 48h320zM362 -16c3.31152 0 6 2.68848 6 6
|
||||||
|
v42h-224c-26.5098 0 -48 21.4902 -48 48v224h-42c-3.31152 0 -6 -2.68848 -6 -6v-308c0 -3.31152 2.68848 -6 6 -6h308zM458 80c3.31152 0 6 2.68848 6 6v308c0 3.31152 -2.68848 6 -6 6h-308c-3.31152 0 -6 -2.68848 -6 -6v-308c0 -3.31152 2.68848 -6 6 -6h308z" />
|
||||||
|
<glyph glyph-name="hourglass" unicode="" horiz-adv-x="384"
|
||||||
|
d="M368 400c0 -80.0996 -31.8984 -165.619 -97.1797 -208c64.9912 -42.1934 97.1797 -127.436 97.1797 -208h4c6.62695 0 12 -5.37305 12 -12v-24c0 -6.62695 -5.37305 -12 -12 -12h-360c-6.62695 0 -12 5.37305 -12 12v24c0 6.62695 5.37305 12 12 12h4
|
||||||
|
c0 80.0996 31.8994 165.619 97.1797 208c-64.9912 42.1934 -97.1797 127.436 -97.1797 208h-4c-6.62695 0 -12 5.37305 -12 12v24c0 6.62695 5.37305 12 12 12h360c6.62695 0 12 -5.37305 12 -12v-24c0 -6.62695 -5.37305 -12 -12 -12h-4zM64 400
|
||||||
|
c0 -101.621 57.3066 -184 128 -184s128 82.3799 128 184h-256zM320 -16c0 101.62 -57.3076 184 -128 184s-128 -82.3799 -128 -184h256z" />
|
||||||
|
<glyph glyph-name="hand-rock" unicode=""
|
||||||
|
d="M408.864 368.948c48.8213 20.751 103.136 -15.0723 103.136 -67.9111v-114.443c0 -15.3955 -3.08887 -30.3906 -9.18262 -44.5674l-42.835 -99.6562c-4.99707 -11.625 -3.98242 -18.8574 -3.98242 -42.3701c0 -17.6729 -14.3271 -32 -32 -32h-252
|
||||||
|
c-17.6729 0 -32 14.3271 -32 32c0 27.3301 1.1416 29.2012 -3.11035 32.9033l-97.71 85.0811c-24.8994 21.6797 -39.1797 52.8926 -39.1797 85.6338v56.9531c0 47.4277 44.8457 82.0215 91.0459 71.1807c1.96094 55.751 63.5107 87.8262 110.671 60.8057
|
||||||
|
c29.1895 31.0713 78.8604 31.4473 108.334 -0.0214844c32.7051 18.6846 76.4121 10.3096 98.8135 -23.5879zM464 186.594v114.445c0 34.29 -52 33.8232 -52 0.676758c0 -8.83594 -7.16309 -16 -16 -16h-7c-8.83691 0 -16 7.16406 -16 16v26.751
|
||||||
|
c0 34.457 -52 33.707 -52 0.676758v-27.4287c0 -8.83594 -7.16309 -16 -16 -16h-7c-8.83691 0 -16 7.16406 -16 16v40.4658c0 34.3525 -52 33.8115 -52 0.677734v-41.1436c0 -8.83594 -7.16406 -16 -16 -16h-7c-8.83594 0 -16 7.16406 -16 16v26.751
|
||||||
|
c0 34.4023 -52 33.7744 -52 0.676758v-116.571c0 -8.83203 -7.16797 -16 -16 -16c-3.30664 0 -8.01367 1.7627 -10.5068 3.93359l-7 6.09473c-3.03223 2.64062 -5.49316 8.04688 -5.49316 12.0674v0v41.2275c0 34.2148 -52 33.8857 -52 0.677734v-56.9531
|
||||||
|
c0 -18.8555 8.27441 -36.874 22.7002 -49.4365l97.71 -85.0801c12.4502 -10.8398 19.5898 -26.4463 19.5898 -42.8164v-10.2861h220v7.07617c0 13.21 2.65332 26.0791 7.88281 38.25l42.835 99.6553c2.91602 6.75391 5.28223 18.207 5.28223 25.5635v0.0488281z" />
|
||||||
|
<glyph glyph-name="hand-paper" unicode="" horiz-adv-x="448"
|
||||||
|
d="M372.57 335.359c39.9062 5.63281 75.4297 -25.7393 75.4297 -66.3594v-131.564c-0.00195312 -12.7666 -2.33008 -33.2246 -5.19531 -45.666l-30.1836 -130.958c-3.34668 -14.5234 -16.2783 -24.8125 -31.1816 -24.8125h-222.897
|
||||||
|
c-9.10352 0 -20.7793 6.01758 -26.0615 13.4316l-119.97 168.415c-21.2441 29.8203 -14.8047 71.3574 14.5498 93.1533c18.7754 13.9395 42.1309 16.2979 62.083 8.87109v126.13c0 44.0547 41.125 75.5439 82.4053 64.9834c23.8926 48.1963 92.3535 50.2471 117.982 0.74707
|
||||||
|
c42.5186 11.1445 83.0391 -21.9346 83.0391 -65.5469v-10.8242zM399.997 137.437l-0.00195312 131.563c0 24.9492 -36.5703 25.5508 -36.5703 -0.691406v-76.3086c0 -8.83691 -7.16309 -16 -16 -16h-6.85645c-8.83691 0 -16 7.16309 -16 16v154.184
|
||||||
|
c0 25.501 -36.5703 26.3633 -36.5703 0.691406v-154.875c0 -8.83691 -7.16309 -16 -16 -16h-6.85645c-8.83691 0 -16 7.16309 -16 16v188.309c0 25.501 -36.5703 26.3545 -36.5703 0.691406v-189c0 -8.83691 -7.16309 -16 -16 -16h-6.85645c-8.83691 0 -16 7.16309 -16 16
|
||||||
|
v153.309c0 25.501 -36.5713 26.3359 -36.5713 0.691406v-206.494c0 -15.5703 -20.0352 -21.9092 -29.0303 -9.2832l-27.1279 38.0791c-14.3711 20.1709 -43.833 -2.33496 -29.3945 -22.6045l115.196 -161.697h201.92l27.3252 118.551
|
||||||
|
c2.63086 11.417 3.96484 23.1553 3.96484 34.8857z" />
|
||||||
|
<glyph glyph-name="hand-scissors" unicode=""
|
||||||
|
d="M256 -32c-44.9561 0 -77.3428 43.2627 -64.0244 85.8535c-21.6484 13.71 -34.0156 38.7617 -30.3408 65.0068h-87.6348c-40.8037 0 -74 32.8105 -74 73.1406c0 40.3291 33.1963 73.1396 74 73.1396l94 -9.14062l-78.8496 18.6787
|
||||||
|
c-38.3076 14.7422 -57.04 57.4707 -41.9424 95.1123c15.0303 37.4736 57.7549 55.7803 95.6416 41.2012l144.929 -55.7568c24.9551 30.5566 57.8086 43.9932 92.2178 24.7324l97.999 -54.8525c20.9746 -11.7393 34.0049 -33.8457 34.0049 -57.6904v-205.702
|
||||||
|
c0 -30.7422 -21.4404 -57.5576 -51.7979 -64.5537l-118.999 -27.4268c-4.97168 -1.14648 -10.0889 -1.72949 -15.2031 -1.72949zM256 16.0127l70 -0.000976562c1.23633 0 3.21777 0.225586 4.42285 0.501953l119.001 27.4277
|
||||||
|
c8.58203 1.97754 14.5762 9.29102 14.5762 17.7812v205.701c0 6.4873 -3.62109 12.542 -9.44922 15.8047l-98 54.8545c-8.13965 4.55566 -18.668 2.61914 -24.4873 -4.50781l-21.7646 -26.6475c-2.65039 -3.24512 -8.20215 -5.87891 -12.3926 -5.87891
|
||||||
|
c-1.64062 0 -4.21484 0.477539 -5.74609 1.06738l-166.549 64.0908c-32.6543 12.5664 -50.7744 -34.5771 -19.2227 -46.7168l155.357 -59.7852c5.66016 -2.17773 10.2539 -8.86816 10.2539 -14.9326v0v-11.6328c0 -8.83691 -7.16309 -16 -16 -16h-182
|
||||||
|
c-34.375 0 -34.4297 -50.2803 0 -50.2803h182c8.83691 0 16 -7.16309 16 -16v-6.85645c0 -8.83691 -7.16309 -16 -16 -16h-28c-25.1221 0 -25.1592 -36.5674 0 -36.5674h28c8.83691 0 16 -7.16211 16 -16v-6.85547c0 -8.83691 -7.16309 -16 -16 -16
|
||||||
|
c-25.1201 0 -25.1602 -36.5674 0 -36.5674z" />
|
||||||
|
<glyph glyph-name="hand-lizard" unicode="" horiz-adv-x="576"
|
||||||
|
d="M556.686 157.458c12.6357 -19.4863 19.3145 -42.0615 19.3145 -65.2871v-124.171h-224v71.582l-99.751 38.7871c-2.7832 1.08203 -5.70996 1.63086 -8.69727 1.63086h-131.552c-30.8789 0 -56 25.1211 -56 56c0 48.5234 39.4766 88 88 88h113.709l18.333 48h-196.042
|
||||||
|
c-44.1123 0 -80 35.8877 -80 80v8c0 30.8779 25.1211 56 56 56h293.917c24.5 0 47.084 -12.2725 60.4111 -32.8291zM528 16v76.1709v0.0478516c0 11.7461 -5.19141 29.2734 -11.5879 39.124l-146.358 225.715c-4.44336 6.85254 -11.9707 10.9424 -20.1367 10.9424h-293.917
|
||||||
|
c-4.41113 0 -8 -3.58887 -8 -8v-8c0 -17.6445 14.3555 -32 32 -32h213.471c25.2021 0 42.626 -25.293 33.6299 -48.8457l-24.5518 -64.2812c-7.05371 -18.4658 -25.0732 -30.873 -44.8398 -30.873h-113.709c-22.0557 0 -40 -17.9443 -40 -40c0 -4.41113 3.58887 -8 8 -8
|
||||||
|
h131.552h0.0517578c7.44141 0 19.1074 -2.19238 26.041 -4.89355l99.752 -38.7881c18.5898 -7.22852 30.6035 -24.7881 30.6035 -44.7363v-23.582h128z" />
|
||||||
|
<glyph glyph-name="hand-spock" unicode=""
|
||||||
|
d="M501.03 331.824c6.05762 -9.77832 10.9746 -27.0498 10.9746 -38.5518c0 -4.80664 -0.915039 -12.499 -2.04297 -17.1709l-57.623 -241.963c-12.748 -54.1729 -68.2627 -98.1387 -123.915 -98.1387h-0.345703h-107.455h-0.224609
|
||||||
|
c-33.8135 0 -81.2148 18.834 -105.807 42.041l-91.3652 85.9766c-12.8213 12.0469 -23.2266 36.1016 -23.2266 53.6943c0 16.1299 8.97266 38.7529 20.0273 50.499c5.31836 5.66406 29.875 29.3926 68.1152 21.8477l-24.3594 82.1973
|
||||||
|
c-1.68164 5.66406 -3.0459 15.0576 -3.0459 20.9668c0 37.5938 30.417 70.502 67.8955 73.4551c-0.204102 2.03125 -0.369141 5.33691 -0.369141 7.37891c0 31.627 24.8594 63.6895 55.4902 71.5684c43.248 10.9785 80.5645 -17.7012 89.6602 -53.0723l13.6836 -53.207
|
||||||
|
l4.64648 22.6602c6.76074 32.417 39.123 58.8115 72.2373 58.916c8.73438 0 56.625 -3.26953 70.7383 -54.0801c15.0664 0.710938 46.9199 -3.50977 66.3105 -35.0176zM463.271 287.219c7.86914 32.9844 -42.1211 45.2695 -50.0859 11.9219l-24.8008 -104.146
|
||||||
|
c-4.38867 -18.4141 -31.7783 -11.8926 -28.0557 6.2168l28.5479 139.166c7.39844 36.0703 -43.3076 45.0703 -50.1182 11.9629l-31.791 -154.971c-3.54883 -17.3086 -28.2832 -18.0469 -32.7109 -0.804688l-47.3262 184.035
|
||||||
|
c-8.43359 32.8105 -58.3691 20.2676 -49.8652 -12.8359l42.4414 -165.039c4.81641 -18.7207 -23.3711 -26.9121 -28.9648 -8.00781l-31.3438 105.779c-9.6875 32.6465 -59.1191 18.2578 -49.3867 -14.625l36.0137 -121.539
|
||||||
|
c5.61816 -18.9521 10.1777 -50.377 10.1777 -70.1436v-0.00878906c0 -6.54297 -8.05664 -10.9355 -13.4824 -5.82617l-51.123 48.1074c-24.7852 23.4082 -60.0527 -14.1875 -35.2793 -37.4902l91.3691 -85.9805c16.9629 -16.0068 49.6592 -28.998 72.9824 -28.998h0.154297
|
||||||
|
h107.455h0.216797c34.7402 0 69.3936 27.4443 77.3525 61.2598z" />
|
||||||
|
<glyph glyph-name="hand-pointer" unicode="" horiz-adv-x="448"
|
||||||
|
d="M358.182 268.639c43.1934 16.6348 89.8184 -15.7949 89.8184 -62.6387v-84c-0.000976562 -4.25 -0.775391 -11.0615 -1.72754 -15.2041l-27.4297 -118.999c-6.98242 -30.2969 -33.7549 -51.7969 -64.5566 -51.7969h-178.286c-21.2588 0 -41.3682 10.4102 -53.791 27.8457
|
||||||
|
l-109.699 154.001c-21.2432 29.8193 -14.8047 71.3574 14.5498 93.1523c18.8115 13.9658 42.1748 16.2822 62.083 8.87207v161.129c0 36.9443 29.7363 67 66.2861 67s66.2861 -30.0557 66.2861 -67v-73.6338c20.4131 2.85742 41.4678 -3.94238 56.5947 -19.6289
|
||||||
|
c27.1934 12.8467 60.3799 5.66992 79.8721 -19.0986zM80.9854 168.303c-14.4004 20.2119 -43.8008 -2.38281 -29.3945 -22.6055l109.712 -154c3.43457 -4.81934 8.92871 -7.69727 14.6973 -7.69727h178.285c8.49219 0 15.8037 5.99414 17.7822 14.5762l27.4297 119.001
|
||||||
|
c0.333008 1.44629 0.501953 2.93457 0.501953 4.42285v84c0 25.1602 -36.5713 25.1211 -36.5713 0c0 -8.83594 -7.16309 -16 -16 -16h-6.85645c-8.83691 0 -16 7.16406 -16 16v21c0 25.1602 -36.5713 25.1201 -36.5713 0v-21c0 -8.83594 -7.16309 -16 -16 -16h-6.85938
|
||||||
|
c-8.83691 0 -16 7.16406 -16 16v35c0 25.1602 -36.5703 25.1201 -36.5703 0v-35c0 -8.83594 -7.16309 -16 -16 -16h-6.85742c-8.83691 0 -16 7.16406 -16 16v175c0 25.1602 -36.5713 25.1201 -36.5713 0v-241.493c0 -15.5703 -20.0352 -21.9092 -29.0303 -9.2832z
|
||||||
|
M176.143 48v96c0 8.83691 6.26855 16 14 16h6c7.73242 0 14 -7.16309 14 -16v-96c0 -8.83691 -6.26758 -16 -14 -16h-6c-7.73242 0 -14 7.16309 -14 16zM251.571 48v96c0 8.83691 6.26758 16 14 16h6c7.73145 0 14 -7.16309 14 -16v-96c0 -8.83691 -6.26855 -16 -14 -16h-6
|
||||||
|
c-7.73242 0 -14 7.16309 -14 16zM327 48v96c0 8.83691 6.26758 16 14 16h6c7.73242 0 14 -7.16309 14 -16v-96c0 -8.83691 -6.26758 -16 -14 -16h-6c-7.73242 0 -14 7.16309 -14 16z" />
|
||||||
|
<glyph glyph-name="hand-peace" unicode="" horiz-adv-x="448"
|
||||||
|
d="M362.146 256.024c42.5908 13.3184 85.8535 -19.0684 85.8535 -64.0244l-0.0117188 -70.001c-0.000976562 -4.25 -0.775391 -11.0615 -1.72949 -15.2031l-27.4268 -118.999c-6.99707 -30.3564 -33.8105 -51.7969 -64.5547 -51.7969h-205.702
|
||||||
|
c-23.8447 0 -45.9502 13.0303 -57.6904 34.0059l-54.8525 97.999c-19.2607 34.4092 -5.82422 67.2617 24.7324 92.2178l-55.7568 144.928c-14.5791 37.8867 3.72754 80.6113 41.2012 95.6416c37.6406 15.0977 80.3691 -3.63477 95.1123 -41.9424l18.6787 -78.8496
|
||||||
|
l-9.14062 94c0 40.8037 32.8096 74 73.1396 74s73.1406 -33.1963 73.1406 -74v-87.6348c26.2451 3.6748 51.2959 -8.69238 65.0068 -30.3408zM399.987 122l-0.000976562 70c0 25.1602 -36.5674 25.1201 -36.5674 0c0 -8.83691 -7.16309 -16 -16 -16h-6.85547
|
||||||
|
c-8.83789 0 -16 7.16309 -16 16v28c0 25.1592 -36.5674 25.1221 -36.5674 0v-28c0 -8.83691 -7.16309 -16 -16 -16h-6.85645c-8.83691 0 -16 7.16309 -16 16v182c0 34.4297 -50.2803 34.375 -50.2803 0v-182c0 -8.83691 -7.16309 -16 -16 -16h-11.6328v0
|
||||||
|
c-6.06445 0 -12.7549 4.59375 -14.9326 10.2539l-59.7842 155.357c-12.1396 31.5518 -59.2842 13.4326 -46.7168 -19.2227l64.0898 -166.549c0.589844 -1.53125 1.06738 -4.10547 1.06738 -5.74609c0 -4.19043 -2.63379 -9.74219 -5.87891 -12.3926l-26.6475 -21.7646
|
||||||
|
c-7.12695 -5.81934 -9.06445 -16.3467 -4.50781 -24.4873l54.8535 -98c3.26367 -5.82812 9.31934 -9.44922 15.8057 -9.44922h205.701c8.49121 0 15.8037 5.99414 17.7812 14.5762l27.4277 119.001c0.333008 1.44629 0.501953 2.93457 0.501953 4.42285z" />
|
||||||
|
<glyph glyph-name="registered" unicode=""
|
||||||
|
d="M256 440c136.967 0 248 -111.033 248 -248s-111.033 -248 -248 -248s-248 111.033 -248 248s111.033 248 248 248zM256 -8c110.549 0 200 89.4678 200 200c0 110.549 -89.4678 200 -200 200c-110.549 0 -200 -89.4688 -200 -200c0 -110.549 89.4678 -200 200 -200z
|
||||||
|
M366.442 73.791c4.40332 -7.99219 -1.37012 -17.791 -10.5107 -17.791h-42.8096h-0.0126953c-3.97559 0 -8.71582 2.84961 -10.5801 6.36035l-47.5156 89.3027h-31.958v-83.6631c0 -6.61719 -5.38281 -12 -12 -12h-38.5674c-6.61719 0 -12 5.38281 -12 12v248.304
|
||||||
|
c0 6.61719 5.38281 12 12 12h78.667c71.251 0 101.498 -32.749 101.498 -85.252c0 -31.6123 -15.2148 -59.2969 -39.4824 -73.1758c3.02148 -4.61719 0.225586 0.199219 53.2715 -96.085zM256.933 208.094c20.9131 0 32.4307 11.5186 32.4316 32.4316
|
||||||
|
c0 19.5752 -6.5127 31.709 -38.9297 31.709h-27.377v-64.1406h33.875z" />
|
||||||
|
<glyph glyph-name="calendar-plus" unicode="" horiz-adv-x="448"
|
||||||
|
d="M336 156v-24c0 -6.59961 -5.40039 -12 -12 -12h-76v-76c0 -6.59961 -5.40039 -12 -12 -12h-24c-6.59961 0 -12 5.40039 -12 12v76h-76c-6.59961 0 -12 5.40039 -12 12v24c0 6.59961 5.40039 12 12 12h76v76c0 6.59961 5.40039 12 12 12h24c6.59961 0 12 -5.40039 12 -12
|
||||||
|
v-76h76c6.59961 0 12 -5.40039 12 -12zM448 336v-352c0 -26.5 -21.5 -48 -48 -48h-352c-26.5 0 -48 21.5 -48 48v352c0 26.5 21.5 48 48 48h48v52c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-52h128v52c0 6.59961 5.40039 12 12 12h40
|
||||||
|
c6.59961 0 12 -5.40039 12 -12v-52h48c26.5 0 48 -21.5 48 -48zM400 -10v298h-352v-298c0 -3.2998 2.7002 -6 6 -6h340c3.2998 0 6 2.7002 6 6z" />
|
||||||
|
<glyph glyph-name="calendar-minus" unicode="" horiz-adv-x="448"
|
||||||
|
d="M124 120c-6.59961 0 -12 5.40039 -12 12v24c0 6.59961 5.40039 12 12 12h200c6.59961 0 12 -5.40039 12 -12v-24c0 -6.59961 -5.40039 -12 -12 -12h-200zM448 336v-352c0 -26.5 -21.5 -48 -48 -48h-352c-26.5 0 -48 21.5 -48 48v352c0 26.5 21.5 48 48 48h48v52
|
||||||
|
c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-52h128v52c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-52h48c26.5 0 48 -21.5 48 -48zM400 -10v298h-352v-298c0 -3.2998 2.7002 -6 6 -6h340c3.2998 0 6 2.7002 6 6z" />
|
||||||
|
<glyph glyph-name="calendar-times" unicode="" horiz-adv-x="448"
|
||||||
|
d="M311.7 73.2998l-17 -17c-4.7002 -4.7002 -12.2998 -4.7002 -17 0l-53.7002 53.7998l-53.7002 -53.6992c-4.7002 -4.7002 -12.2998 -4.7002 -17 0l-17 17c-4.7002 4.69922 -4.7002 12.2998 0 17l53.7002 53.6992l-53.7002 53.7002c-4.7002 4.7002 -4.7002 12.2998 0 17
|
||||||
|
l17 17c4.7002 4.7002 12.2998 4.7002 17 0l53.7002 -53.7002l53.7002 53.7002c4.7002 4.7002 12.2998 4.7002 17 0l17 -17c4.7002 -4.7002 4.7002 -12.2998 0 -17l-53.7998 -53.7998l53.6992 -53.7002c4.80078 -4.7002 4.80078 -12.2998 0.100586 -17zM448 336v-352
|
||||||
|
c0 -26.5 -21.5 -48 -48 -48h-352c-26.5 0 -48 21.5 -48 48v352c0 26.5 21.5 48 48 48h48v52c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-52h128v52c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-52h48c26.5 0 48 -21.5 48 -48zM400 -10
|
||||||
|
v298h-352v-298c0 -3.2998 2.7002 -6 6 -6h340c3.2998 0 6 2.7002 6 6z" />
|
||||||
|
<glyph glyph-name="calendar-check" unicode="" horiz-adv-x="448"
|
||||||
|
d="M400 384c26.5098 0 48 -21.4902 48 -48v-352c0 -26.5098 -21.4902 -48 -48 -48h-352c-26.5098 0 -48 21.4902 -48 48v352c0 26.5098 21.4902 48 48 48h48v52c0 6.62695 5.37305 12 12 12h40c6.62695 0 12 -5.37305 12 -12v-52h128v52c0 6.62695 5.37305 12 12 12h40
|
||||||
|
c6.62695 0 12 -5.37305 12 -12v-52h48zM394 -16c3.31152 0 6 2.68848 6 6v298h-352v-298c0 -3.31152 2.68848 -6 6 -6h340zM341.151 184.65l-142.31 -141.169c-4.70508 -4.66699 -12.3027 -4.6377 -16.9707 0.0673828l-75.0908 75.6992
|
||||||
|
c-4.66699 4.70508 -4.6377 12.3027 0.0673828 16.9707l22.7197 22.5361c4.70508 4.66699 12.3027 4.63672 16.9697 -0.0693359l44.1035 -44.4609l111.072 110.182c4.70508 4.66699 12.3027 4.63672 16.9707 -0.0683594l22.5361 -22.7178
|
||||||
|
c4.66699 -4.70508 4.63672 -12.3027 -0.0683594 -16.9697z" />
|
||||||
|
<glyph glyph-name="map" unicode="" horiz-adv-x="576"
|
||||||
|
d="M560.02 416c8.4502 0 15.9805 -6.83008 15.9805 -16.0195v-346.32c0 -11.9609 -9.01367 -25.2705 -20.1201 -29.71l-151.83 -52.8105c-5.32617 -1.7334 -14.1953 -3.13965 -19.7969 -3.13965c-5.7373 0 -14.8105 1.47363 -20.2529 3.29004l-172 60.71l-170.05 -62.8398
|
||||||
|
c-1.99023 -0.790039 -4 -1.16016 -5.95996 -1.16016c-8.45996 0 -15.9902 6.83008 -15.9902 16.0195v346.32c0.00292969 11.959 9.0166 25.2686 20.1201 29.71l151.83 52.8105c6.43945 2.08984 13.1201 3.13965 19.8096 3.13965
|
||||||
|
c5.73242 -0.00195312 14.8008 -1.47168 20.2402 -3.28027l172 -60.7197h0.00976562l170.05 62.8398c1.98047 0.790039 4 1.16016 5.95996 1.16016zM224 357.58v-285.97l128 -45.1904v285.97zM48 29.9502l127.36 47.0801l0.639648 0.229492v286.2l-128 -44.5303v-288.979z
|
||||||
|
M528 65.0801v288.97l-127.36 -47.0693l-0.639648 -0.240234v-286.19z" />
|
||||||
|
<glyph glyph-name="comment-alt" unicode=""
|
||||||
|
d="M448 448c35.2998 0 64 -28.7002 64 -64v-288c0 -35.2998 -28.7002 -64 -64 -64h-144l-124.9 -93.5996c-2.19922 -1.7002 -4.69922 -2.40039 -7.09961 -2.40039c-6.2002 0 -12 4.90039 -12 12v84h-96c-35.2998 0 -64 28.7002 -64 64v288c0 35.2998 28.7002 64 64 64h384z
|
||||||
|
M464 96v288c0 8.7998 -7.2002 16 -16 16h-384c-8.7998 0 -16 -7.2002 -16 -16v-288c0 -8.7998 7.2002 -16 16 -16h144v-60l67.2002 50.4004l12.7998 9.59961h160c8.7998 0 16 7.2002 16 16z" />
|
||||||
|
<glyph glyph-name="pause-circle" unicode=""
|
||||||
|
d="M256 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM256 -8c110.5 0 200 89.5 200 200s-89.5 200 -200 200s-200 -89.5 -200 -200s89.5 -200 200 -200zM352 272v-160c0 -8.7998 -7.2002 -16 -16 -16h-48
|
||||||
|
c-8.7998 0 -16 7.2002 -16 16v160c0 8.7998 7.2002 16 16 16h48c8.7998 0 16 -7.2002 16 -16zM240 272v-160c0 -8.7998 -7.2002 -16 -16 -16h-48c-8.7998 0 -16 7.2002 -16 16v160c0 8.7998 7.2002 16 16 16h48c8.7998 0 16 -7.2002 16 -16z" />
|
||||||
|
<glyph glyph-name="stop-circle" unicode=""
|
||||||
|
d="M504 192c0 -137 -111 -248 -248 -248s-248 111 -248 248s111 248 248 248s248 -111 248 -248zM56 192c0 -110.5 89.5 -200 200 -200s200 89.5 200 200s-89.5 200 -200 200s-200 -89.5 -200 -200zM352 272v-160c0 -8.7998 -7.2002 -16 -16 -16h-160
|
||||||
|
c-8.7998 0 -16 7.2002 -16 16v160c0 8.7998 7.2002 16 16 16h160c8.7998 0 16 -7.2002 16 -16z" />
|
||||||
|
<glyph glyph-name="handshake" unicode="" horiz-adv-x="640"
|
||||||
|
d="M519.2 320.1h120.8v-255.699h-64c-17.5 0 -31.7998 14.1992 -31.9004 31.6992h-57.8994c-1.7998 -8.19922 -5.2998 -16.0996 -10.9004 -23l-26.2002 -32.2998c-15.7998 -19.3994 -41.8994 -25.5 -64 -16.7998c-13.5 -16.5996 -30.5996 -24 -48.7998 -24
|
||||||
|
c-15.0996 0 -28.5996 5.09961 -41.0996 15.9004c-31.7998 -21.9004 -74.7002 -21.3008 -105.601 3.7998l-84.5996 76.3994h-9.09961c-0.100586 -17.5 -14.3008 -31.6992 -31.9004 -31.6992h-64v255.699h118l47.5996 47.6006c10.5 10.3994 24.8008 16.2998 39.6006 16.2998
|
||||||
|
h226.8v0c12.7812 0 30.5225 -7.30273 39.5996 -16.2998zM48 96.4004c8.7998 0 16 7.09961 16 16c0 8.7998 -7.2002 16 -16 16s-16 -7.2002 -16 -16c0 -8.80078 7.2002 -16 16 -16zM438 103.3c2.7002 3.40039 2.2002 8.5 -1.2002 11.2998l-108.2 87.8008l-8.19922 -7.5
|
||||||
|
c-40.3008 -36.8008 -86.7002 -11.8008 -101.5 4.39941c-26.7002 29 -25 74.4004 4.39941 101.3l38.7002 35.5h-56.7002c-2 -0.799805 -3.7002 -1.5 -5.7002 -2.2998l-61.6992 -61.5996h-41.9004v-128.101h27.7002l97.2998 -88
|
||||||
|
c16.0996 -13.0996 41.4004 -10.5 55.2998 6.60059l15.6006 19.2002l36.7998 -31.5c3 -2.40039 12 -4.90039 18 2.39941l30 36.5l23.8994 -19.3994c3.5 -2.80078 8.5 -2.2002 11.3008 1.19922zM544 144.1v128h-44.7002l-61.7002 61.6006
|
||||||
|
c-1.39941 1.5 -3.39941 2.2998 -5.5 2.2998l-83.6992 -0.200195c-10 0 -19.6006 -3.7002 -27 -10.5l-65.6006 -60.0996c-9.7002 -8.7998 -10.5 -24 -1.2002 -33.9004c8.90039 -9.39941 25.1006 -8.7002 34.6006 0l55.2002 50.6006c6.5 5.89941 16.5996 5.5 22.5996 -1
|
||||||
|
l10.9004 -11.7002c6 -6.5 5.5 -16.6006 -1 -22.6006l-12.5 -11.3994l102.699 -83.4004c2.80078 -2.2998 5.40039 -4.89941 7.7002 -7.7002h69.2002zM592 96.4004c8.7998 0 16 7.09961 16 16c0 8.7998 -7.2002 16 -16 16s-16 -7.2002 -16 -16c0 -8.80078 7.2002 -16 16 -16z
|
||||||
|
" />
|
||||||
|
<glyph glyph-name="envelope-open" unicode=""
|
||||||
|
d="M494.586 283.484c9.6123 -7.94824 17.4141 -24.5205 17.4141 -36.9932v-262.491c0 -26.5098 -21.4902 -48 -48 -48h-416c-26.5098 0 -48 21.4902 -48 48v262.515c0 12.5166 7.84668 29.1279 17.5146 37.0771c4.08008 3.35449 110.688 89.0996 135.15 108.549
|
||||||
|
c22.6992 18.1426 60.1299 55.8594 103.335 55.8594c43.4365 0 81.2314 -38.1914 103.335 -55.8594c23.5283 -18.707 130.554 -104.773 135.251 -108.656zM464 -10v253.632v0.00488281c0 1.5791 -0.996094 3.66602 -2.22363 4.6582
|
||||||
|
c-15.8633 12.8232 -108.793 87.5752 -132.366 106.316c-17.5527 14.0195 -49.7168 45.3887 -73.4102 45.3887c-23.6016 0 -55.2451 -30.8799 -73.4102 -45.3887c-23.5713 -18.7393 -116.494 -93.4795 -132.364 -106.293
|
||||||
|
c-1.40918 -1.13965 -2.22559 -2.85254 -2.22559 -4.66504v-253.653c0 -3.31152 2.68848 -6 6 -6h404c3.31152 0 6 2.68848 6 6zM432.009 177.704c4.24902 -5.15918 3.46484 -12.7949 -1.74512 -16.9814c-28.9746 -23.2822 -59.2734 -47.5967 -70.9287 -56.8623
|
||||||
|
c-22.6992 -18.1436 -60.1299 -55.8604 -103.335 -55.8604c-43.4521 0 -81.2871 38.2373 -103.335 55.8604c-11.2793 8.9668 -41.7441 33.4131 -70.9268 56.8643c-5.20996 4.1875 -5.99316 11.8223 -1.74512 16.9814l15.2578 18.5283
|
||||||
|
c4.17773 5.07227 11.6572 5.84277 16.7793 1.72559c28.6182 -23.001 58.5654 -47.0352 70.5596 -56.5713c17.5527 -14.0195 49.7168 -45.3887 73.4102 -45.3887c23.6016 0 55.2461 30.8799 73.4102 45.3887c11.9941 9.53516 41.9434 33.5703 70.5625 56.5684
|
||||||
|
c5.12207 4.11621 12.6016 3.3457 16.7783 -1.72656z" />
|
||||||
|
<glyph glyph-name="address-book" unicode="" horiz-adv-x="448"
|
||||||
|
d="M436 288h-20v-64h20c6.59961 0 12 -5.40039 12 -12v-40c0 -6.59961 -5.40039 -12 -12 -12h-20v-64h20c6.59961 0 12 -5.40039 12 -12v-40c0 -6.59961 -5.40039 -12 -12 -12h-20v-48c0 -26.5 -21.5 -48 -48 -48h-320c-26.5 0 -48 21.5 -48 48v416c0 26.5 21.5 48 48 48
|
||||||
|
h320c26.5 0 48 -21.5 48 -48v-48h20c6.59961 0 12 -5.40039 12 -12v-40c0 -6.59961 -5.40039 -12 -12 -12zM368 -16v416h-320v-416h320zM208 192c-35.2998 0 -64 28.7002 -64 64s28.7002 64 64 64s64 -28.7002 64 -64s-28.7002 -64 -64 -64zM118.4 64
|
||||||
|
c-12.4004 0 -22.4004 8.59961 -22.4004 19.2002v19.2002c0 31.7998 30.0996 57.5996 67.2002 57.5996c11.3994 0 17.8994 -8 44.7998 -8c26.0996 0 34 8 44.7998 8c37.1006 0 67.2002 -25.7998 67.2002 -57.5996v-19.2002c0 -10.6006 -10 -19.2002 -22.4004 -19.2002
|
||||||
|
h-179.199z" />
|
||||||
|
<glyph glyph-name="address-card" unicode="" horiz-adv-x="576"
|
||||||
|
d="M528 416c26.5 0 48 -21.5 48 -48v-352c0 -26.5 -21.5 -48 -48 -48h-480c-26.5 0 -48 21.5 -48 48v352c0 26.5 21.5 48 48 48h480zM528 16v352h-480v-352h480zM208 192c-35.2998 0 -64 28.7002 -64 64s28.7002 64 64 64s64 -28.7002 64 -64s-28.7002 -64 -64 -64z
|
||||||
|
M118.4 64c-12.4004 0 -22.4004 8.59961 -22.4004 19.2002v19.2002c0 31.7998 30.0996 57.5996 67.2002 57.5996c11.3994 0 17.8994 -8 44.7998 -8c26.0996 0 34 8 44.7998 8c37.1006 0 67.2002 -25.7998 67.2002 -57.5996v-19.2002
|
||||||
|
c0 -10.6006 -10 -19.2002 -22.4004 -19.2002h-179.199zM360 128c-4.40039 0 -8 3.59961 -8 8v16c0 4.40039 3.59961 8 8 8h112c4.40039 0 8 -3.59961 8 -8v-16c0 -4.40039 -3.59961 -8 -8 -8h-112zM360 192c-4.40039 0 -8 3.59961 -8 8v16c0 4.40039 3.59961 8 8 8h112
|
||||||
|
c4.40039 0 8 -3.59961 8 -8v-16c0 -4.40039 -3.59961 -8 -8 -8h-112zM360 256c-4.40039 0 -8 3.59961 -8 8v16c0 4.40039 3.59961 8 8 8h112c4.40039 0 8 -3.59961 8 -8v-16c0 -4.40039 -3.59961 -8 -8 -8h-112z" />
|
||||||
|
<glyph glyph-name="user-circle" unicode="" horiz-adv-x="496"
|
||||||
|
d="M248 344c53 0 96 -43 96 -96s-43 -96 -96 -96s-96 43 -96 96s43 96 96 96zM248 200c26.5 0 48 21.5 48 48s-21.5 48 -48 48s-48 -21.5 -48 -48s21.5 -48 48 -48zM248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8
|
||||||
|
c49.7002 0 95.0996 18.2998 130.1 48.4004c-14.8994 23 -40.3994 38.5 -69.5996 39.5c-20.7998 -6.5 -40.5996 -9.60059 -60.5 -9.60059s-39.7002 3.2002 -60.5 9.60059c-29.2002 -0.900391 -54.7002 -16.5 -69.5996 -39.5c35 -30.1006 80.3994 -48.4004 130.1 -48.4004z
|
||||||
|
M410.7 76.0996c23.3994 32.7002 37.2998 72.7002 37.2998 115.9c0 110.3 -89.7002 200 -200 200s-200 -89.7002 -200 -200c0 -43.2002 13.9004 -83.2002 37.2998 -115.9c24.5 31.4004 62.2002 51.9004 105.101 51.9004c10.1992 0 26.0996 -9.59961 57.5996 -9.59961
|
||||||
|
c31.5996 0 47.4004 9.59961 57.5996 9.59961c43 0 80.7002 -20.5 105.101 -51.9004z" />
|
||||||
|
<glyph glyph-name="id-badge" unicode="" horiz-adv-x="384"
|
||||||
|
d="M336 448c26.5 0 48 -21.5 48 -48v-416c0 -26.5 -21.5 -48 -48 -48h-288c-26.5 0 -48 21.5 -48 48v416c0 26.5 21.5 48 48 48h288zM336 -16v416h-288v-416h288zM144 336c-8.7998 0 -16 7.2002 -16 16s7.2002 16 16 16h96c8.7998 0 16 -7.2002 16 -16s-7.2002 -16 -16 -16
|
||||||
|
h-96zM192 160c-35.2998 0 -64 28.7002 -64 64s28.7002 64 64 64s64 -28.7002 64 -64s-28.7002 -64 -64 -64zM102.4 32c-12.4004 0 -22.4004 8.59961 -22.4004 19.2002v19.2002c0 31.7998 30.0996 57.5996 67.2002 57.5996c11.3994 0 17.8994 -8 44.7998 -8
|
||||||
|
c26.0996 0 34 8 44.7998 8c37.1006 0 67.2002 -25.7998 67.2002 -57.5996v-19.2002c0 -10.6006 -10 -19.2002 -22.4004 -19.2002h-179.199z" />
|
||||||
|
<glyph glyph-name="id-card" unicode="" horiz-adv-x="576"
|
||||||
|
d="M528 416c26.5 0 48 -21.5 48 -48v-352c0 -26.5 -21.5 -48 -48 -48h-480c-26.5 0 -48 21.5 -48 48v352c0 26.5 21.5 48 48 48h480zM528 16v288h-480v-288h32.7998c-1 4.5 -0.799805 -3.59961 -0.799805 22.4004c0 31.7998 30.0996 57.5996 67.2002 57.5996
|
||||||
|
c11.3994 0 17.8994 -8 44.7998 -8c26.0996 0 34 8 44.7998 8c37.1006 0 67.2002 -25.7998 67.2002 -57.5996c0 -26 0.0996094 -17.9004 -0.799805 -22.4004h224.8zM360 96c-4.40039 0 -8 3.59961 -8 8v16c0 4.40039 3.59961 8 8 8h112c4.40039 0 8 -3.59961 8 -8v-16
|
||||||
|
c0 -4.40039 -3.59961 -8 -8 -8h-112zM360 160c-4.40039 0 -8 3.59961 -8 8v16c0 4.40039 3.59961 8 8 8h112c4.40039 0 8 -3.59961 8 -8v-16c0 -4.40039 -3.59961 -8 -8 -8h-112zM360 224c-4.40039 0 -8 3.59961 -8 8v16c0 4.40039 3.59961 8 8 8h112
|
||||||
|
c4.40039 0 8 -3.59961 8 -8v-16c0 -4.40039 -3.59961 -8 -8 -8h-112zM192 128c-35.2998 0 -64 28.7002 -64 64s28.7002 64 64 64s64 -28.7002 64 -64s-28.7002 -64 -64 -64z" />
|
||||||
|
<glyph glyph-name="window-maximize" unicode=""
|
||||||
|
d="M464 416c26.5 0 48 -21.5 48 -48v-352c0 -26.5 -21.5 -48 -48 -48h-416c-26.5 0 -48 21.5 -48 48v352c0 26.5 21.5 48 48 48h416zM464 22v234h-416v-234c0 -3.2998 2.7002 -6 6 -6h404c3.2998 0 6 2.7002 6 6z" />
|
||||||
|
<glyph glyph-name="window-minimize" unicode=""
|
||||||
|
d="M480 -32h-448c-17.7002 0 -32 14.2998 -32 32s14.2998 32 32 32h448c17.7002 0 32 -14.2998 32 -32s-14.2998 -32 -32 -32z" />
|
||||||
|
<glyph glyph-name="window-restore" unicode=""
|
||||||
|
d="M464 448c26.5 0 48 -21.5 48 -48v-320c0 -26.5 -21.5 -48 -48 -48h-48v-48c0 -26.5 -21.5 -48 -48 -48h-320c-26.5 0 -48 21.5 -48 48v320c0 26.5 21.5 48 48 48h48v48c0 26.5 21.5 48 48 48h320zM368 -16v208h-320v-208h320zM464 80v320h-320v-48h224
|
||||||
|
c26.5 0 48 -21.5 48 -48v-224h48z" />
|
||||||
|
<glyph glyph-name="snowflake" unicode="" horiz-adv-x="448"
|
||||||
|
d="M440.1 92.7998c7.60059 -4.39941 10.1006 -14.2002 5.5 -21.7002l-7.89941 -13.8994c-4.40039 -7.7002 -14 -10.2998 -21.5 -5.90039l-39.2002 23l9.09961 -34.7002c2.30078 -8.5 -2.69922 -17.2998 -11.0996 -19.5996l-15.2002 -4.09961
|
||||||
|
c-8.39941 -2.30078 -17.0996 2.7998 -19.2998 11.2998l-21.2998 81l-71.9004 42.2002v-84.5l58.2998 -59.3008c6.10059 -6.19922 6.10059 -16.3994 0 -22.5996l-11.0996 -11.2998c-6.09961 -6.2002 -16.0996 -6.2002 -22.2002 0l-24.8994 25.3994v-46.0996
|
||||||
|
c0 -8.7998 -7 -16 -15.7002 -16h-15.7002c-8.7002 0 -15.7002 7.2002 -15.7002 16v45.9004l-24.8994 -25.4004c-6.10059 -6.2002 -16.1006 -6.2002 -22.2002 0l-11.1006 11.2998c-6.09961 6.2002 -6.09961 16.4004 0 22.6006l58.3008 59.2998v84.5l-71.9004 -42.2002
|
||||||
|
l-21.2998 -81c-2.2998 -8.5 -10.9004 -13.5996 -19.2998 -11.2998l-15.2002 4.09961c-8.40039 2.2998 -13.2998 11.1006 -11.1006 19.6006l9.10059 34.6992l-39.2002 -23c-7.5 -4.39941 -17.2002 -1.7998 -21.5 5.90039l-7.90039 13.9004
|
||||||
|
c-4.2998 7.69922 -1.69922 17.5 5.80078 21.8994l39.1992 23l-34.0996 9.2998c-8.40039 2.30078 -13.2998 11.1006 -11.0996 19.6006l4.09961 15.5c2.2998 8.5 10.9004 13.5996 19.2998 11.2998l79.7002 -21.7002l71.9004 42.2002l-71.9004 42.2002l-79.7002 -21.7002
|
||||||
|
c-8.39941 -2.2998 -17.0996 2.7998 -19.2998 11.2998l-4.09961 15.5c-2.30078 8.5 2.69922 17.2998 11.0996 19.6006l34.0996 9.09961l-39.1992 23c-7.60059 4.5 -10.1006 14.2002 -5.80078 21.9004l7.90039 13.8994c4.40039 7.7002 14 10.2998 21.5 5.90039l39.2002 -23
|
||||||
|
l-9.10059 34.7002c-2.2998 8.5 2.7002 17.2998 11.1006 19.5996l15.2002 4.09961c8.39941 2.30078 17.0996 -2.7998 19.2998 -11.2998l21.2998 -81l71.9004 -42.2002v84.5l-58.3008 59.3008c-6.09961 6.19922 -6.09961 16.3994 0 22.5996l11.5 11.2998
|
||||||
|
c6.10059 6.2002 16.1006 6.2002 22.2002 0l24.9004 -25.3994v46.0996c0 8.7998 7 16 15.7002 16h15.6992c8.7002 0 15.7002 -7.2002 15.7002 -16v-45.9004l24.9004 25.4004c6.09961 6.2002 16.0996 6.2002 22.2002 0l11.0996 -11.2998
|
||||||
|
c6.09961 -6.2002 6.09961 -16.4004 0 -22.6006l-58.2998 -59.2998v-84.5l71.8994 42.2002l21.3008 81c2.2998 8.5 10.8994 13.5996 19.2998 11.2998l15.2002 -4.09961c8.39941 -2.2998 13.2998 -11.1006 11.0996 -19.6006l-9.09961 -34.6992l39.1992 23
|
||||||
|
c7.5 4.39941 17.2002 1.7998 21.5 -5.90039l7.90039 -13.9004c4.2998 -7.69922 1.7002 -17.5 -5.7998 -21.8994l-39.2002 -23l34.0996 -9.2998c8.40039 -2.30078 13.3008 -11.1006 11.1006 -19.6006l-4.10059 -15.5c-2.2998 -8.5 -10.8994 -13.5996 -19.2998 -11.2998
|
||||||
|
l-79.7002 21.7002l-71.8994 -42.2002l71.7998 -42.2002l79.7002 21.7002c8.39941 2.2998 17.0996 -2.7998 19.2998 -11.2998l4.09961 -15.5c2.30078 -8.5 -2.69922 -17.2998 -11.0996 -19.6006l-34.0996 -9.2998z" />
|
||||||
|
<glyph glyph-name="trash-alt" unicode="" horiz-adv-x="448"
|
||||||
|
d="M268 32c-6.62402 0 -12 5.37598 -12 12v216c0 6.62402 5.37598 12 12 12h24c6.62402 0 12 -5.37598 12 -12v-216c0 -6.62402 -5.37598 -12 -12 -12h-24zM432 368c8.83203 0 16 -7.16797 16 -16v-16c0 -8.83203 -7.16797 -16 -16 -16h-16v-336
|
||||||
|
c0 -26.4961 -21.5039 -48 -48 -48h-288c-26.4961 0 -48 21.5039 -48 48v336h-16c-8.83203 0 -16 7.16797 -16 16v16c0 8.83203 7.16797 16 16 16h82.4102l34.0195 56.7002c7.71875 12.8613 26.1572 23.2998 41.1572 23.2998h0.00292969h100.82h0.0224609
|
||||||
|
c15 0 33.4385 -10.4385 41.1572 -23.2998l34 -56.7002h82.4102zM171.84 397.09l-17.4502 -29.0898h139.221l-17.46 29.0898c-0.96582 1.60645 -3.26953 2.91016 -5.14355 2.91016h-0.00683594h-94h-0.0166016c-1.87402 0 -4.17871 -1.30371 -5.14355 -2.91016zM368 -16v336
|
||||||
|
h-288v-336h288zM156 32c-6.62402 0 -12 5.37598 -12 12v216c0 6.62402 5.37598 12 12 12h24c6.62402 0 12 -5.37598 12 -12v-216c0 -6.62402 -5.37598 -12 -12 -12h-24z" />
|
||||||
|
<glyph glyph-name="images" unicode="" horiz-adv-x="576"
|
||||||
|
d="M480 32v-16c0 -26.5098 -21.4902 -48 -48 -48h-384c-26.5098 0 -48 21.4902 -48 48v256c0 26.5098 21.4902 48 48 48h16v-48h-10c-3.31152 0 -6 -2.68848 -6 -6v-244c0 -3.31152 2.68848 -6 6 -6h372c3.31152 0 6 2.68848 6 6v10h48zM522 368h-372
|
||||||
|
c-3.31152 0 -6 -2.68848 -6 -6v-244c0 -3.31152 2.68848 -6 6 -6h372c3.31152 0 6 2.68848 6 6v244c0 3.31152 -2.68848 6 -6 6zM528 416c26.5098 0 48 -21.4902 48 -48v-256c0 -26.5098 -21.4902 -48 -48 -48h-384c-26.5098 0 -48 21.4902 -48 48v256
|
||||||
|
c0 26.5098 21.4902 48 48 48h384zM264 304c0 -22.0908 -17.9092 -40 -40 -40s-40 17.9092 -40 40s17.9092 40 40 40s40 -17.9092 40 -40zM192 208l39.5146 39.5146c4.68652 4.68652 12.2842 4.68652 16.9717 0l39.5137 -39.5146l103.515 103.515
|
||||||
|
c4.68652 4.68652 12.2842 4.68652 16.9717 0l71.5137 -71.5146v-80h-288v48z" />
|
||||||
|
<glyph glyph-name="clipboard" unicode="" horiz-adv-x="384"
|
||||||
|
d="M336 384c26.5 0 48 -21.5 48 -48v-352c0 -26.5 -21.5 -48 -48 -48h-288c-26.5 0 -48 21.5 -48 48v352c0 26.5 21.5 48 48 48h80c0 35.2998 28.7002 64 64 64s64 -28.7002 64 -64h80zM192 408c-13.2998 0 -24 -10.7002 -24 -24s10.7002 -24 24 -24s24 10.7002 24 24
|
||||||
|
s-10.7002 24 -24 24zM336 -10v340c0 3.2998 -2.7002 6 -6 6h-42v-36c0 -6.59961 -5.40039 -12 -12 -12h-168c-6.59961 0 -12 5.40039 -12 12v36h-42c-3.2998 0 -6 -2.7002 -6 -6v-340c0 -3.2998 2.7002 -6 6 -6h276c3.2998 0 6 2.7002 6 6z" />
|
||||||
|
<glyph glyph-name="arrow-alt-circle-down" unicode=""
|
||||||
|
d="M256 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM256 -8c110.5 0 200 89.5 200 200s-89.5 200 -200 200s-200 -89.5 -200 -200s89.5 -200 200 -200zM224 308c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-116
|
||||||
|
h67c10.7002 0 16.0996 -12.9004 8.5 -20.5l-99 -99c-4.7002 -4.7002 -12.2998 -4.7002 -17 0l-99 99c-7.5 7.59961 -2.2002 20.5 8.5 20.5h67v116z" />
|
||||||
|
<glyph glyph-name="arrow-alt-circle-left" unicode=""
|
||||||
|
d="M8 192c0 137 111 248 248 248s248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248zM456 192c0 110.5 -89.5 200 -200 200s-200 -89.5 -200 -200s89.5 -200 200 -200s200 89.5 200 200zM384 212v-40c0 -6.59961 -5.40039 -12 -12 -12h-116v-67
|
||||||
|
c0 -10.7002 -12.9004 -16 -20.5 -8.5l-99 99c-4.7002 4.7002 -4.7002 12.2998 0 17l99 99c7.59961 7.59961 20.5 2.2002 20.5 -8.5v-67h116c6.59961 0 12 -5.40039 12 -12z" />
|
||||||
|
<glyph glyph-name="arrow-alt-circle-right" unicode=""
|
||||||
|
d="M504 192c0 -137 -111 -248 -248 -248s-248 111 -248 248s111 248 248 248s248 -111 248 -248zM56 192c0 -110.5 89.5 -200 200 -200s200 89.5 200 200s-89.5 200 -200 200s-200 -89.5 -200 -200zM128 172v40c0 6.59961 5.40039 12 12 12h116v67
|
||||||
|
c0 10.7002 12.9004 16 20.5 8.5l99 -99c4.7002 -4.7002 4.7002 -12.2998 0 -17l-99 -99c-7.59961 -7.59961 -20.5 -2.2002 -20.5 8.5v67h-116c-6.59961 0 -12 5.40039 -12 12z" />
|
||||||
|
<glyph glyph-name="arrow-alt-circle-up" unicode=""
|
||||||
|
d="M256 -56c-137 0 -248 111 -248 248s111 248 248 248s248 -111 248 -248s-111 -248 -248 -248zM256 392c-110.5 0 -200 -89.5 -200 -200s89.5 -200 200 -200s200 89.5 200 200s-89.5 200 -200 200zM276 64h-40c-6.59961 0 -12 5.40039 -12 12v116h-67
|
||||||
|
c-10.7002 0 -16 12.9004 -8.5 20.5l99 99c4.7002 4.7002 12.2998 4.7002 17 0l99 -99c7.59961 -7.59961 2.2002 -20.5 -8.5 -20.5h-67v-116c0 -6.59961 -5.40039 -12 -12 -12z" />
|
||||||
|
<glyph glyph-name="gem" unicode="" horiz-adv-x="576"
|
||||||
|
d="M464 448c4.09961 0 7.7998 -2 10.0996 -5.40039l99.9004 -147.199c2.90039 -4.40039 2.59961 -10.1006 -0.700195 -14.2002l-276 -340.8c-4.7998 -5.90039 -13.7998 -5.90039 -18.5996 0l-276 340.8c-3.2998 4 -3.60059 9.7998 -0.700195 14.2002l100 147.199
|
||||||
|
c2.2002 3.40039 6 5.40039 10 5.40039h352zM444.7 400h-56.7998l51.6992 -96h68.4004zM242.6 400l-51.5996 -96h194l-51.7002 96h-90.7002zM131.3 400l-63.2998 -96h68.4004l51.6992 96h-56.7998zM88.2998 256l119.7 -160l-68.2998 160h-51.4004zM191.2 256l96.7998 -243.3
|
||||||
|
l96.7998 243.3h-193.6zM368 96l119.6 160h-51.3994z" />
|
||||||
|
<glyph glyph-name="money-bill-alt" unicode="" horiz-adv-x="640"
|
||||||
|
d="M320 304c53.0195 0 96 -50.1396 96 -112c0 -61.8701 -43 -112 -96 -112c-53.0195 0 -96 50.1504 -96 112c0 61.8604 42.9805 112 96 112zM360 136v16c0 4.41992 -3.58008 8 -8 8h-16v88c0 4.41992 -3.58008 8 -8 8h-13.5801h-0.000976562
|
||||||
|
c-4.01074 0 -9.97266 -1.80566 -13.3086 -4.03027l-15.3301 -10.2197c-1.96777 -1.30957 -3.56445 -4.29004 -3.56445 -6.65332c0 -1.33691 0.601562 -3.32422 1.34375 -4.43652l8.88086 -13.3105c1.30859 -1.9668 4.29004 -3.56445 6.65332 -3.56445
|
||||||
|
c1.33691 0 3.32422 0.602539 4.43652 1.34473l0.469727 0.310547v-55.4404h-16c-4.41992 0 -8 -3.58008 -8 -8v-16c0 -4.41992 3.58008 -8 8 -8h64c4.41992 0 8 3.58008 8 8zM608 384c17.6699 0 32 -14.3301 32 -32v-320c0 -17.6699 -14.3301 -32 -32 -32h-576
|
||||||
|
c-17.6699 0 -32 14.3301 -32 32v320c0 17.6699 14.3301 32 32 32h576zM592 112v160c-35.3496 0 -64 28.6504 -64 64h-416c0 -35.3496 -28.6504 -64 -64 -64v-160c35.3496 0 64 -28.6504 64 -64h416c0 35.3496 28.6504 64 64 64z" />
|
||||||
|
<glyph glyph-name="window-close" unicode=""
|
||||||
|
d="M464 416c26.5 0 48 -21.5 48 -48v-352c0 -26.5 -21.5 -48 -48 -48h-416c-26.5 0 -48 21.5 -48 48v352c0 26.5 21.5 48 48 48h416zM464 22v340c0 3.2998 -2.7002 6 -6 6h-404c-3.2998 0 -6 -2.7002 -6 -6v-340c0 -3.2998 2.7002 -6 6 -6h404c3.2998 0 6 2.7002 6 6z
|
||||||
|
M356.5 253.4l-61.4004 -61.4004l61.4004 -61.4004c4.59961 -4.59961 4.59961 -12.0996 0 -16.7998l-22.2998 -22.2998c-4.60059 -4.59961 -12.1006 -4.59961 -16.7998 0l-61.4004 61.4004l-61.4004 -61.4004c-4.59961 -4.59961 -12.0996 -4.59961 -16.7998 0
|
||||||
|
l-22.2998 22.2998c-4.59961 4.60059 -4.59961 12.1006 0 16.7998l61.4004 61.4004l-61.4004 61.4004c-4.59961 4.59961 -4.59961 12.0996 0 16.7998l22.2998 22.2998c4.60059 4.59961 12.1006 4.59961 16.7998 0l61.4004 -61.4004l61.4004 61.4004
|
||||||
|
c4.59961 4.59961 12.0996 4.59961 16.7998 0l22.2998 -22.2998c4.7002 -4.60059 4.7002 -12.1006 0 -16.7998z" />
|
||||||
|
<glyph glyph-name="comment-dots" unicode=""
|
||||||
|
d="M144 240c17.7002 0 32 -14.2998 32 -32s-14.2998 -32 -32 -32s-32 14.2998 -32 32s14.2998 32 32 32zM256 240c17.7002 0 32 -14.2998 32 -32s-14.2998 -32 -32 -32s-32 14.2998 -32 32s14.2998 32 32 32zM368 240c17.7002 0 32 -14.2998 32 -32s-14.2998 -32 -32 -32
|
||||||
|
s-32 14.2998 -32 32s14.2998 32 32 32zM256 416c141.4 0 256 -93.0996 256 -208s-114.6 -208 -256 -208c-32.7998 0 -64 5.2002 -92.9004 14.2998c-29.0996 -20.5996 -77.5996 -46.2998 -139.1 -46.2998c-9.59961 0 -18.2998 5.7002 -22.0996 14.5
|
||||||
|
c-3.80078 8.7998 -2 19 4.59961 26c0.5 0.400391 31.5 33.7998 46.4004 73.2002c-33 35.0996 -52.9004 78.7002 -52.9004 126.3c0 114.9 114.6 208 256 208zM256 48c114.7 0 208 71.7998 208 160s-93.2998 160 -208 160s-208 -71.7998 -208 -160
|
||||||
|
c0 -42.2002 21.7002 -74.0996 39.7998 -93.4004l20.6006 -21.7998l-10.6006 -28.0996c-5.5 -14.5 -12.5996 -28.1006 -19.8994 -40.2002c23.5996 7.59961 43.1992 18.9004 57.5 29l19.5 13.7998l22.6992 -7.2002c25.3008 -8 51.7002 -12.0996 78.4004 -12.0996z" />
|
||||||
|
<glyph glyph-name="smile-wink" unicode="" horiz-adv-x="496"
|
||||||
|
d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM365.8 138.4c10.2002 -8.5 11.6006 -23.6006 3.10059 -33.8008
|
||||||
|
c-30 -36 -74.1006 -56.5996 -120.9 -56.5996s-90.9004 20.5996 -120.9 56.5996c-8.39941 10.2002 -7.09961 25.3008 3.10059 33.8008c10.0996 8.39941 25.2998 7.09961 33.7998 -3.10059c20.7998 -25.0996 51.5 -39.3994 84 -39.3994s63.2002 14.3994 84 39.3994
|
||||||
|
c8.5 10.2002 23.5996 11.6006 33.7998 3.10059zM168 208c-17.7002 0 -32 14.2998 -32 32s14.2998 32 32 32s32 -14.2998 32 -32s-14.2998 -32 -32 -32zM328 268c25.7002 0 55.9004 -16.9004 59.7002 -42.0996c1.7998 -11.1006 -11.2998 -18.2002 -19.7998 -10.8008l-9.5 8.5
|
||||||
|
c-14.8008 13.2002 -46.2002 13.2002 -61 0l-9.5 -8.5c-8.30078 -7.39941 -21.5 -0.399414 -19.8008 10.8008c4 25.1992 34.2002 42.0996 59.9004 42.0996z" />
|
||||||
|
<glyph glyph-name="angry" unicode="" horiz-adv-x="496"
|
||||||
|
d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM248 136c33.5996 0 65.2002 -14.7998 86.7998 -40.5996
|
||||||
|
c8.40039 -10.2002 7.10059 -25.3008 -3.09961 -33.8008c-10.6006 -8.89941 -25.7002 -6.69922 -33.7998 3c-24.8008 29.7002 -75 29.7002 -99.8008 0c-8.5 -10.1992 -23.5996 -11.5 -33.7998 -3s-11.5996 23.6006 -3.09961 33.8008
|
||||||
|
c21.5996 25.7998 53.2002 40.5996 86.7998 40.5996zM200 208c0 -17.7002 -14.2998 -32.0996 -32 -32.0996s-32 14.2998 -32 32c0 6.19922 2.2002 11.6992 5.2998 16.5996l-28.2002 8.5c-12.6992 3.7998 -19.8994 17.2002 -16.0996 29.9004
|
||||||
|
c3.7998 12.6992 17.0996 20 29.9004 16.0996l80 -24c12.6992 -3.7998 19.8994 -17.2002 16.0996 -29.9004c-3.09961 -10.3994 -12.7002 -17.0996 -23 -17.0996zM399 262.9c3.7998 -12.7002 -3.40039 -26.1006 -16.0996 -29.8008l-28.2002 -8.5
|
||||||
|
c3.09961 -4.89941 5.2998 -10.3994 5.2998 -16.5996c0 -17.7002 -14.2998 -32 -32 -32s-32 14.2998 -32 32c-10.2998 0 -19.9004 6.7002 -23 17.0996c-3.7998 12.7002 3.40039 26.1006 16.0996 29.9004l80 24c12.8008 3.7998 26.1006 -3.40039 29.9004 -16.0996z" />
|
||||||
|
<glyph glyph-name="dizzy" unicode="" horiz-adv-x="496"
|
||||||
|
d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM214.2 209.9
|
||||||
|
c-7.90039 -7.90039 -20.5 -7.90039 -28.4004 -0.200195l-17.7998 17.7998l-17.7998 -17.7998c-7.7998 -7.7998 -20.5 -7.7998 -28.2998 0c-7.80078 7.7998 -7.80078 20.5 0 28.2998l17.8994 17.9004l-17.8994 17.8994c-7.80078 7.7998 -7.80078 20.5 0 28.2998
|
||||||
|
c7.7998 7.80078 20.5 7.80078 28.2998 0l17.7998 -17.7998l17.9004 17.9004c7.7998 7.7998 20.5 7.7998 28.2998 0s7.7998 -20.5 0 -28.2998l-17.9004 -17.9004l17.9004 -17.7998c7.7998 -7.7998 7.7998 -20.5 0 -28.2998zM374.2 302.1
|
||||||
|
c7.7002 -7.7998 7.7002 -20.3994 0 -28.1992l-17.9004 -17.9004l17.7998 -18c7.80078 -7.7998 7.80078 -20.5 0 -28.2998c-7.7998 -7.7998 -20.5 -7.7998 -28.2998 0l-17.7998 17.7998l-17.7998 -17.7998c-7.7998 -7.7998 -20.5 -7.7998 -28.2998 0
|
||||||
|
c-7.80078 7.7998 -7.80078 20.5 0 28.2998l17.8994 17.9004l-17.8994 17.8994c-7.80078 7.7998 -7.80078 20.5 0 28.2998c7.7998 7.80078 20.5 7.80078 28.2998 0l17.7998 -17.7998l17.9004 17.7998c7.7998 7.80078 20.5 7.80078 28.2998 0zM248 176
|
||||||
|
c35.2998 0 64 -28.7002 64 -64s-28.7002 -64 -64 -64s-64 28.7002 -64 64s28.7002 64 64 64z" />
|
||||||
|
<glyph glyph-name="flushed" unicode="" horiz-adv-x="496"
|
||||||
|
d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM344 304c44.2002 0 80 -35.7998 80 -80s-35.7998 -80 -80 -80
|
||||||
|
s-80 35.7998 -80 80s35.7998 80 80 80zM344 176c26.5 0 48 21.5 48 48s-21.5 48 -48 48s-48 -21.5 -48 -48s21.5 -48 48 -48zM344 248c13.2998 0 24 -10.7002 24 -24s-10.7002 -24 -24 -24s-24 10.7002 -24 24s10.7002 24 24 24zM232 224c0 -44.2002 -35.7998 -80 -80 -80
|
||||||
|
s-80 35.7998 -80 80s35.7998 80 80 80s80 -35.7998 80 -80zM152 176c26.5 0 48 21.5 48 48s-21.5 48 -48 48s-48 -21.5 -48 -48s21.5 -48 48 -48zM152 248c13.2998 0 24 -10.7002 24 -24s-10.7002 -24 -24 -24s-24 10.7002 -24 24s10.7002 24 24 24zM312 104
|
||||||
|
c13.2002 0 24 -10.7998 24 -24s-10.7998 -24 -24 -24h-128c-13.2002 0 -24 10.7998 -24 24s10.7998 24 24 24h128z" />
|
||||||
|
<glyph glyph-name="frown-open" unicode="" horiz-adv-x="496"
|
||||||
|
d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM200 240c0 -17.7002 -14.2998 -32 -32 -32s-32 14.2998 -32 32
|
||||||
|
s14.2998 32 32 32s32 -14.2998 32 -32zM328 272c17.7002 0 32 -14.2998 32 -32s-14.2998 -32 -32 -32s-32 14.2998 -32 32s14.2998 32 32 32zM248 160c35.5996 0 88.7998 -21.2998 95.7998 -61.2002c2 -11.7998 -9.09961 -21.5996 -20.5 -18.0996
|
||||||
|
c-31.2002 9.59961 -59.3994 15.2998 -75.2998 15.2998s-44.0996 -5.7002 -75.2998 -15.2998c-11.5 -3.40039 -22.5 6.2998 -20.5 18.0996c7 39.9004 60.2002 61.2002 95.7998 61.2002z" />
|
||||||
|
<glyph glyph-name="grimace" unicode="" horiz-adv-x="496"
|
||||||
|
d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM168 208c-17.7002 0 -32 14.2998 -32 32s14.2998 32 32 32
|
||||||
|
s32 -14.2998 32 -32s-14.2998 -32 -32 -32zM328 208c-17.7002 0 -32 14.2998 -32 32s14.2998 32 32 32s32 -14.2998 32 -32s-14.2998 -32 -32 -32zM344 192c26.5 0 48 -21.5 48 -48v-32c0 -26.5 -21.5 -48 -48 -48h-192c-26.5 0 -48 21.5 -48 48v32c0 26.5 21.5 48 48 48
|
||||||
|
h192zM176 96v24h-40v-8c0 -8.7998 7.2002 -16 16 -16h24zM176 136v24h-24c-8.7998 0 -16 -7.2002 -16 -16v-8h40zM240 96v24h-48v-24h48zM240 136v24h-48v-24h48zM304 96v24h-48v-24h48zM304 136v24h-48v-24h48zM360 112v8h-40v-24h24c8.7998 0 16 7.2002 16 16zM360 136v8
|
||||||
|
c0 8.7998 -7.2002 16 -16 16h-24v-24h40z" />
|
||||||
|
<glyph glyph-name="grin" unicode="" horiz-adv-x="496"
|
||||||
|
d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM353.6 143.4c10 3.09961 19.3008 -5.5 17.7002 -15.3008
|
||||||
|
c-8 -47.0996 -71.2998 -80 -123.3 -80s-115.4 32.9004 -123.3 80c-1.7002 9.90039 7.7998 18.4004 17.7002 15.3008c26 -8.30078 64.3994 -13.1006 105.6 -13.1006s79.7002 4.7998 105.6 13.1006zM168 208c-17.7002 0 -32 14.2998 -32 32s14.2998 32 32 32
|
||||||
|
s32 -14.2998 32 -32s-14.2998 -32 -32 -32zM328 208c-17.7002 0 -32 14.2998 -32 32s14.2998 32 32 32s32 -14.2998 32 -32s-14.2998 -32 -32 -32z" />
|
||||||
|
<glyph glyph-name="grin-alt" unicode="" horiz-adv-x="496"
|
||||||
|
d="M200.3 200c-7.5 -11.4004 -24.5996 -12 -32.7002 0c-12.3994 18.7002 -15.1992 37.2998 -15.6992 56c0.599609 18.7002 3.2998 37.2998 15.6992 56c7.60059 11.4004 24.7002 12 32.7002 0c12.4004 -18.7002 15.2002 -37.2998 15.7002 -56
|
||||||
|
c-0.599609 -18.7002 -3.2998 -37.2998 -15.7002 -56zM328.3 200c-7.5 -11.4004 -24.5996 -12 -32.7002 0c-12.3994 18.7002 -15.1992 37.2998 -15.6992 56c0.599609 18.7002 3.2998 37.2998 15.6992 56c7.60059 11.4004 24.7002 12 32.7002 0
|
||||||
|
c12.4004 -18.7002 15.2002 -37.2998 15.7002 -56c-0.599609 -18.7002 -3.2998 -37.2998 -15.7002 -56zM248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200
|
||||||
|
s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM353.6 143.4c10 3.09961 19.3008 -5.5 17.7002 -15.3008c-8 -47.0996 -71.2998 -80 -123.3 -80s-115.4 32.8008 -123.3 80c-1.7002 10 7.7998 18.4004 17.7002 15.3008c26 -8.30078 64.3994 -13.1006 105.6 -13.1006
|
||||||
|
s79.7002 4.7998 105.6 13.1006z" />
|
||||||
|
<glyph glyph-name="grin-beam" unicode="" horiz-adv-x="496"
|
||||||
|
d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM353.6 143.4c10 3.09961 19.3008 -5.5 17.7002 -15.3008
|
||||||
|
c-8 -47.0996 -71.2998 -80 -123.3 -80s-115.4 32.9004 -123.3 80c-1.7002 10 7.89941 18.4004 17.7002 15.3008c26 -8.30078 64.3994 -13.1006 105.6 -13.1006s79.7002 4.7998 105.6 13.1006zM117.7 216.3c-3.60059 1.10059 -6 4.60059 -5.7002 8.2998
|
||||||
|
c3.2998 42.1006 32.2002 71.4004 56 71.4004s52.7002 -29.2998 56 -71.4004c0.299805 -3.7998 -2.09961 -7.19922 -5.7002 -8.2998c-3.09961 -1 -7.2002 0 -9.2998 3.7002l-9.5 17c-7.7002 13.7002 -19.2002 21.5996 -31.5 21.5996s-23.7998 -7.89941 -31.5 -21.5996
|
||||||
|
l-9.5 -17c-1.90039 -3.2002 -5.7998 -4.7998 -9.2998 -3.7002zM277.7 216.3c-3.60059 1.10059 -6 4.60059 -5.7002 8.2998c3.2998 42.1006 32.2002 71.4004 56 71.4004s52.7002 -29.2998 56 -71.4004c0.299805 -3.7998 -2.09961 -7.19922 -5.7002 -8.2998
|
||||||
|
c-3.09961 -1 -7.2002 0 -9.2998 3.7002l-9.5 17c-7.7002 13.7002 -19.2002 21.5996 -31.5 21.5996s-23.7998 -7.89941 -31.5 -21.5996l-9.5 -17c-1.90039 -3.2002 -5.7998 -4.7998 -9.2998 -3.7002z" />
|
||||||
|
<glyph glyph-name="grin-beam-sweat" unicode="" horiz-adv-x="496"
|
||||||
|
d="M440 288c-29.5 0 -53.2998 26.2998 -53.2998 58.7002c0 25 31.7002 75.5 46.2002 97.2998c3.5 5.2998 10.5996 5.2998 14.1992 0c14.5 -21.7998 46.2002 -72.2998 46.2002 -97.2998c0 -32.4004 -23.7998 -58.7002 -53.2998 -58.7002zM248 48
|
||||||
|
c-51.9004 0 -115.3 32.9004 -123.3 80c-1.7002 10 7.89941 18.4004 17.7002 15.2998c26 -8.2998 64.3994 -13.0996 105.6 -13.0996s79.7002 4.7998 105.6 13.0996c10 3.2002 19.4004 -5.39941 17.7002 -15.2998c-8 -47.0996 -71.3994 -80 -123.3 -80zM378.3 216.3
|
||||||
|
c-3.09961 -0.899414 -7.2002 0.100586 -9.2998 3.7002l-9.5 17c-7.7002 13.7002 -19.2002 21.5996 -31.5 21.5996s-23.7998 -7.89941 -31.5 -21.5996l-9.5 -17c-1.90039 -3.2002 -5.7998 -4.7998 -9.2998 -3.7002c-3.60059 1.10059 -6 4.60059 -5.7002 8.2998
|
||||||
|
c3.2998 42.1006 32.2002 71.4004 56 71.4004s52.7002 -29.2998 56 -71.4004c0.299805 -3.7998 -2.09961 -7.19922 -5.7002 -8.2998zM483.6 269.2c8 -24.2998 12.4004 -50.2002 12.4004 -77.2002c0 -137 -111 -248 -248 -248s-248 111 -248 248s111 248 248 248
|
||||||
|
c45.7002 0 88.4004 -12.5996 125.2 -34.2002c-10.9004 -21.5996 -15.5 -36.2002 -17.2002 -45.7002c-31.2002 20.1006 -68.2002 31.9004 -108 31.9004c-110.3 0 -200 -89.7002 -200 -200s89.7002 -200 200 -200s200 89.7002 200 200
|
||||||
|
c0 22.5 -3.90039 44.0996 -10.7998 64.2998c0.399414 0 21.7998 -2.7998 46.3994 12.9004zM168 258.6c-12.2998 0 -23.7998 -7.7998 -31.5 -21.5996l-9.5 -17c-1.90039 -3.2002 -5.7998 -4.7998 -9.2998 -3.7002c-3.60059 1.10059 -6 4.60059 -5.7002 8.2998
|
||||||
|
c3.2998 42.1006 32.2002 71.4004 56 71.4004s52.7002 -29.2998 56 -71.4004c0.299805 -3.7998 -2.09961 -7.19922 -5.7002 -8.2998c-3.09961 -1 -7.2002 0 -9.2998 3.7002l-9.5 17c-7.7002 13.7002 -19.2002 21.5996 -31.5 21.5996z" />
|
||||||
|
<glyph glyph-name="grin-hearts" unicode="" horiz-adv-x="496"
|
||||||
|
d="M353.6 143.4c10 3.09961 19.3008 -5.5 17.7002 -15.3008c-8 -47.0996 -71.2998 -80 -123.3 -80s-115.4 32.8008 -123.3 80c-1.7002 10 7.89941 18.4004 17.7002 15.3008c26 -8.30078 64.3994 -13.1006 105.6 -13.1006s79.7002 4.7998 105.6 13.1006zM200.8 192.3
|
||||||
|
l-70.2002 18.1006c-20.3994 5.2998 -31.8994 27 -24.1992 47.1992c6.69922 17.7002 26.6992 26.7002 44.8994 22l7.10059 -1.89941l2 7.09961c5.09961 18.1006 22.8994 30.9004 41.5 27.9004c21.3994 -3.40039 34.3994 -24.2002 28.7998 -44.5l-19.4004 -69.9004
|
||||||
|
c-1.2998 -4.5 -6 -7.2002 -10.5 -6zM389.6 257.6c7.7002 -20.1992 -3.7998 -41.7998 -24.1992 -47.0996l-70.2002 -18.2002c-4.60059 -1.2002 -9.2998 1.5 -10.5 6l-19.4004 69.9004c-5.59961 20.2998 7.40039 41.0996 28.7998 44.5c18.7002 3 36.5 -9.7998 41.5 -27.9004
|
||||||
|
l2 -7.09961l7.10059 1.89941c18.2002 4.7002 38.2002 -4.39941 44.8994 -22zM248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200
|
||||||
|
s89.7002 -200 200 -200z" />
|
||||||
|
<glyph glyph-name="grin-squint" unicode="" horiz-adv-x="496"
|
||||||
|
d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM353.6 143.4c10 3.09961 19.3008 -5.5 17.7002 -15.3008
|
||||||
|
c-8 -47.0996 -71.2998 -80 -123.3 -80s-115.4 32.9004 -123.3 80c-1.7002 9.90039 7.7998 18.4004 17.7002 15.3008c26 -8.30078 64.3994 -13.1006 105.6 -13.1006s79.7002 4.7998 105.6 13.1006zM118.9 184.2c-3.80078 4.39941 -3.90039 11 -0.100586 15.5l33.6006 40.2998
|
||||||
|
l-33.6006 40.2998c-3.7002 4.5 -3.7002 11 0.100586 15.5c3.89941 4.40039 10.1992 5.5 15.2998 2.5l80 -48c3.59961 -2.2002 5.7998 -6.09961 5.7998 -10.2998s-2.2002 -8.09961 -5.7998 -10.2998l-80 -48c-5.40039 -3.2002 -11.7002 -1.7002 -15.2998 2.5zM361.8 181.7
|
||||||
|
l-80 48c-3.59961 2.2002 -5.7998 6.09961 -5.7998 10.2998s2.2002 8.09961 5.7998 10.2998l80 48c5.10059 2.90039 11.5 1.90039 15.2998 -2.5c3.80078 -4.5 3.90039 -11 0.100586 -15.5l-33.6006 -40.2998l33.6006 -40.2998c3.7002 -4.5 3.7002 -11 -0.100586 -15.5
|
||||||
|
c-3.59961 -4.2002 -9.89941 -5.7002 -15.2998 -2.5z" />
|
||||||
|
<glyph glyph-name="grin-squint-tears" unicode=""
|
||||||
|
d="M117.1 63.9004c6.30078 0.899414 11.7002 -4.5 10.9004 -10.9004c-3.7002 -25.7998 -13.7002 -84 -30.5996 -100.9c-22 -21.8994 -57.9004 -21.5 -80.3008 0.900391c-22.3994 22.4004 -22.7998 58.4004 -0.899414 80.2998
|
||||||
|
c16.8994 16.9004 75.0996 26.9004 100.899 30.6006zM75.9004 105.6c-19.6006 -3.89941 -35.1006 -8.09961 -47.3008 -12.1992c-39.2998 90.5996 -22.0996 199.899 52 274c48.5 48.3994 111.9 72.5996 175.4 72.5996c38.9004 0 77.7998 -9.2002 113.2 -27.4004
|
||||||
|
c-4 -12.1992 -8.2002 -28 -12 -48.2998c-30.4004 17.9004 -65 27.7002 -101.2 27.7002c-53.4004 0 -103.6 -20.7998 -141.4 -58.5996c-61.5996 -61.5 -74.2998 -153.4 -38.6992 -227.801zM428.2 293.2c20.2998 3.89941 36.2002 8 48.5 12
|
||||||
|
c47.8994 -93.2002 32.8994 -210.5 -45.2002 -288.601c-48.5 -48.3994 -111.9 -72.5996 -175.4 -72.5996c-33.6992 0 -67.2998 7 -98.6992 20.5996c4.19922 12.2002 8.2998 27.7002 12.1992 47.2002c26.6006 -12.7998 55.9004 -19.7998 86.4004 -19.7998
|
||||||
|
c53.4004 0 103.6 20.7998 141.4 58.5996c65.6992 65.7002 75.7998 166 30.7998 242.601zM394.9 320.1c-6.30078 -0.899414 -11.7002 4.5 -10.9004 10.9004c3.7002 25.7998 13.7002 84 30.5996 100.9c22 21.8994 57.9004 21.5 80.3008 -0.900391
|
||||||
|
c22.3994 -22.4004 22.7998 -58.4004 0.899414 -80.2998c-16.8994 -16.9004 -75.0996 -26.9004 -100.899 -30.6006zM207.9 211.8c3 -3 4.19922 -7.2998 3.19922 -11.5l-22.5996 -90.5c-1.40039 -5.39941 -6.2002 -9.09961 -11.7002 -9.09961h-0.899414
|
||||||
|
c-5.80078 0.5 -10.5 5.09961 -11 10.8994l-4.80078 52.3008l-52.2998 4.7998c-5.7998 0.5 -10.3994 5.2002 -10.8994 11c-0.400391 5.89941 3.39941 11.2002 9.09961 12.5996l90.5 22.7002c4.2002 1 8.40039 -0.200195 11.4004 -3.2002zM247.6 236.9
|
||||||
|
c-0.0996094 0 -6.39941 -1.80078 -11.3994 3.19922c-3 3 -4.2002 7.30078 -3.2002 11.4004l22.5996 90.5c1.40039 5.7002 7 9.2002 12.6006 9.09961c5.7998 -0.5 10.5 -5.09961 11 -10.8994l4.7998 -52.2998l52.2998 -4.80078c5.7998 -0.5 10.4004 -5.19922 10.9004 -11
|
||||||
|
c0.399414 -5.89941 -3.40039 -11.1992 -9.10059 -12.5996zM299.6 148.4c29.1006 29.0996 53 59.5996 65.3008 83.7998c4.89941 9.2998 17.5996 9.89941 23.3994 1.7002c27.7002 -38.9004 6.10059 -106.9 -30.5996 -143.7s-104.8 -58.2998 -143.7 -30.6006
|
||||||
|
c-8.2998 5.90039 -7.5 18.6006 1.7002 23.4004c24.2002 12.5 54.7998 36.2998 83.8994 65.4004z" />
|
||||||
|
<glyph glyph-name="grin-stars" unicode="" horiz-adv-x="496"
|
||||||
|
d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM353.6 143.4c10 3.09961 19.3008 -5.5 17.7002 -15.3008
|
||||||
|
c-8 -47.0996 -71.2998 -80 -123.3 -80s-115.4 32.8008 -123.3 80c-1.7002 10 7.89941 18.4004 17.7002 15.3008c26 -8.30078 64.3994 -13.1006 105.6 -13.1006s79.7002 4.7998 105.6 13.1006zM125.7 200.9l6.09961 34.8994l-25.3994 24.6006
|
||||||
|
c-4.60059 4.59961 -1.90039 12.2998 4.2998 13.1992l34.8994 5l15.5 31.6006c2.90039 5.7998 11 5.7998 13.9004 0l15.5 -31.6006l34.9004 -5c6.19922 -1 8.7998 -8.69922 4.2998 -13.1992l-25.4004 -24.6006l6 -34.8994c1 -6.2002 -5.39941 -11 -11 -7.90039
|
||||||
|
l-31.2998 16.2998l-31.2998 -16.2998c-5.60059 -3.09961 -12 1.7002 -11 7.90039zM385.4 273.6c6.19922 -1 8.89941 -8.59961 4.39941 -13.1992l-25.3994 -24.6006l6 -34.8994c1 -6.2002 -5.40039 -11 -11 -7.90039l-31.3008 16.2998l-31.2998 -16.2998
|
||||||
|
c-5.59961 -3.09961 -12 1.7002 -11 7.90039l6 34.8994l-25.3994 24.6006c-4.60059 4.59961 -1.90039 12.2998 4.2998 13.1992l34.8994 5l15.5 31.6006c2.90039 5.7998 11 5.7998 13.9004 0l15.5 -31.6006z" />
|
||||||
|
<glyph glyph-name="grin-tears" unicode="" horiz-adv-x="640"
|
||||||
|
d="M117.1 191.9c6.30078 0.899414 11.7002 -4.5 10.9004 -10.9004c-3.7002 -25.7998 -13.7002 -84 -30.5996 -100.9c-22 -21.8994 -57.9004 -21.5 -80.3008 0.900391c-22.3994 22.4004 -22.7998 58.4004 -0.899414 80.2998c16.8994 16.9004 75.0996 26.9004 100.899 30.6006
|
||||||
|
zM623.8 161.3c21.9004 -21.8994 21.5 -57.8994 -0.799805 -80.2002c-22.4004 -22.3994 -58.4004 -22.7998 -80.2998 -0.899414c-16.9004 16.8994 -26.9004 75.0996 -30.6006 100.899c-0.899414 6.30078 4.5 11.7002 10.8008 10.8008
|
||||||
|
c25.7998 -3.7002 84 -13.7002 100.899 -30.6006zM497.2 99.5996c12.3994 -37.2998 25.0996 -43.7998 28.2998 -46.5c-44.5996 -65.7998 -120 -109.1 -205.5 -109.1s-160.9 43.2998 -205.5 109.1c3.09961 2.60059 15.7998 9.10059 28.2998 46.5
|
||||||
|
c33.4004 -63.8994 100.3 -107.6 177.2 -107.6s143.8 43.7002 177.2 107.6zM122.7 223.5c-2.40039 0.299805 -5 2.5 -49.5 -6.90039c12.3994 125.4 118.1 223.4 246.8 223.4s234.4 -98 246.8 -223.5c-44.2998 9.40039 -47.3994 7.2002 -49.5 7
|
||||||
|
c-15.2002 95.2998 -97.7998 168.5 -197.3 168.5s-182.1 -73.2002 -197.3 -168.5zM320 48c-51.9004 0 -115.3 32.9004 -123.3 80c-1.7002 10 7.89941 18.4004 17.7002 15.2998c26 -8.2998 64.3994 -13.0996 105.6 -13.0996s79.7002 4.7998 105.6 13.0996
|
||||||
|
c10 3.2002 19.4004 -5.39941 17.7002 -15.2998c-8 -47.0996 -71.3994 -80 -123.3 -80zM450.3 216.3c-3.09961 -0.899414 -7.2002 0.100586 -9.2998 3.7002l-9.5 17c-7.7002 13.7002 -19.2002 21.5996 -31.5 21.5996s-23.7998 -7.89941 -31.5 -21.5996l-9.5 -17
|
||||||
|
c-1.90039 -3.2002 -5.7998 -4.7998 -9.2998 -3.7002c-3.60059 1.10059 -6 4.60059 -5.7002 8.2998c3.2998 42.1006 32.2002 71.4004 56 71.4004s52.7002 -29.2998 56 -71.4004c0.299805 -3.7998 -2.09961 -7.19922 -5.7002 -8.2998zM240 258.6
|
||||||
|
c-12.2998 0 -23.7998 -7.7998 -31.5 -21.5996l-9.5 -17c-1.90039 -3.2002 -5.7998 -4.7998 -9.2998 -3.7002c-3.60059 1.10059 -6 4.60059 -5.7002 8.2998c3.2998 42.1006 32.2002 71.4004 56 71.4004s52.7002 -29.2998 56 -71.4004
|
||||||
|
c0.299805 -3.7998 -2.09961 -7.19922 -5.7002 -8.2998c-3.09961 -1 -7.2002 0 -9.2998 3.7002l-9.5 17c-7.7002 13.7002 -19.2002 21.5996 -31.5 21.5996z" />
|
||||||
|
<glyph glyph-name="grin-tongue" unicode="" horiz-adv-x="496"
|
||||||
|
d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM312 40h0.0996094v43.7998l-17.6992 8.7998c-15.1006 7.60059 -31.5 -1.69922 -34.9004 -16.5l-2.7998 -12.0996c-2.10059 -9.2002 -15.2002 -9.2002 -17.2998 0
|
||||||
|
l-2.80078 12.0996c-3.39941 14.8008 -19.8994 24 -34.8994 16.5l-17.7002 -8.7998v-42.7998c0 -35.2002 28 -64.5 63.0996 -65c35.8008 -0.5 64.9004 28.4004 64.9004 64zM340.2 14.7002c64 33.3994 107.8 100.3 107.8 177.3c0 110.3 -89.7002 200 -200 200
|
||||||
|
s-200 -89.7002 -200 -200c0 -77 43.7998 -143.9 107.8 -177.3c-2.2002 8.09961 -3.7998 16.5 -3.7998 25.2998v43.5c-14.2002 12.4004 -24.4004 27.5 -27.2998 44.5c-1.7002 10 7.7998 18.4004 17.7002 15.2998c26 -8.2998 64.3994 -13.0996 105.6 -13.0996
|
||||||
|
s79.7002 4.7998 105.6 13.0996c10 3.2002 19.4004 -5.39941 17.7002 -15.2998c-2.89941 -17 -13.0996 -32.0996 -27.2998 -44.5v-43.5c0 -8.7998 -1.59961 -17.2002 -3.7998 -25.2998zM168 272c17.7002 0 32 -14.2998 32 -32s-14.2998 -32 -32 -32s-32 14.2998 -32 32
|
||||||
|
s14.2998 32 32 32zM328 272c17.7002 0 32 -14.2998 32 -32s-14.2998 -32 -32 -32s-32 14.2998 -32 32s14.2998 32 32 32z" />
|
||||||
|
<glyph glyph-name="grin-tongue-squint" unicode="" horiz-adv-x="496"
|
||||||
|
d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM312 40h0.0996094v43.7998l-17.6992 8.7998c-15.1006 7.60059 -31.5 -1.69922 -34.9004 -16.5l-2.7998 -12.0996c-2.10059 -9.2002 -15.2002 -9.2002 -17.2998 0
|
||||||
|
l-2.80078 12.0996c-3.39941 14.8008 -19.8994 24 -34.8994 16.5l-17.7002 -8.7998v-42.7998c0 -35.2002 28 -64.5 63.0996 -65c35.8008 -0.5 64.9004 28.4004 64.9004 64zM340.2 14.7002c64 33.3994 107.8 100.3 107.8 177.3c0 110.3 -89.7002 200 -200 200
|
||||||
|
s-200 -89.7002 -200 -200c0 -77 43.7998 -143.9 107.8 -177.3c-2.2002 8.09961 -3.7998 16.5 -3.7998 25.2998v43.5c-14.2002 12.4004 -24.4004 27.5 -27.2998 44.5c-1.7002 10 7.7998 18.4004 17.7002 15.2998c26 -8.2998 64.3994 -13.0996 105.6 -13.0996
|
||||||
|
s79.7002 4.7998 105.6 13.0996c10 3.2002 19.4004 -5.39941 17.7002 -15.2998c-2.89941 -17 -13.0996 -32.0996 -27.2998 -44.5v-43.5c0 -8.7998 -1.59961 -17.2002 -3.7998 -25.2998zM377.1 295.8c3.80078 -4.39941 3.90039 -11 0.100586 -15.5l-33.6006 -40.2998
|
||||||
|
l33.6006 -40.2998c3.7002 -4.5 3.7002 -11 -0.100586 -15.5c-3.59961 -4.2002 -9.89941 -5.7002 -15.2998 -2.5l-80 48c-3.59961 2.2002 -5.7998 6.09961 -5.7998 10.2998s2.2002 8.09961 5.7998 10.2998l80 48c5 3 11.5 1.90039 15.2998 -2.5zM214.2 250.3
|
||||||
|
c3.59961 -2.2002 5.7998 -6.09961 5.7998 -10.2998s-2.2002 -8.09961 -5.7998 -10.2998l-80 -48c-5.40039 -3.2002 -11.7002 -1.7002 -15.2998 2.5c-3.80078 4.5 -3.90039 11 -0.100586 15.5l33.6006 40.2998l-33.6006 40.2998c-3.7002 4.5 -3.7002 11 0.100586 15.5
|
||||||
|
c3.89941 4.5 10.2998 5.5 15.2998 2.5z" />
|
||||||
|
<glyph glyph-name="grin-tongue-wink" unicode="" horiz-adv-x="496"
|
||||||
|
d="M152 268c25.7002 0 55.9004 -16.9004 59.7998 -42.0996c0.799805 -5 -1.7002 -10 -6.09961 -12.4004c-5.7002 -3.09961 -11.2002 -0.599609 -13.7002 1.59961l-9.5 8.5c-14.7998 13.2002 -46.2002 13.2002 -61 0l-9.5 -8.5
|
||||||
|
c-3.7998 -3.39941 -9.2998 -4 -13.7002 -1.59961c-4.39941 2.40039 -6.89941 7.40039 -6.09961 12.4004c3.89941 25.1992 34.0996 42.0996 59.7998 42.0996zM328 320c44.2002 0 80 -35.7998 80 -80s-35.7998 -80 -80 -80s-80 35.7998 -80 80s35.7998 80 80 80zM328 192
|
||||||
|
c26.5 0 48 21.5 48 48s-21.5 48 -48 48s-48 -21.5 -48 -48s21.5 -48 48 -48zM328 264c13.2998 0 24 -10.7002 24 -24s-10.7002 -24 -24 -24s-24 10.7002 -24 24s10.7002 24 24 24zM248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248z
|
||||||
|
M312 40h0.0996094v43.7998l-17.6992 8.7998c-15.1006 7.60059 -31.5 -1.69922 -34.9004 -16.5l-2.7998 -12.0996c-2.10059 -9.2002 -15.2002 -9.2002 -17.2998 0l-2.80078 12.0996c-3.39941 14.8008 -19.8994 24 -34.8994 16.5l-17.7002 -8.7998v-42.7998
|
||||||
|
c0 -35.2002 28 -64.5 63.0996 -65c35.8008 -0.5 64.9004 28.4004 64.9004 64zM340.2 14.7002c64 33.3994 107.8 100.3 107.8 177.3c0 110.3 -89.7002 200 -200 200s-200 -89.7002 -200 -200c0 -77 43.7998 -143.9 107.8 -177.3
|
||||||
|
c-2.2002 8.09961 -3.7998 16.5 -3.7998 25.2998v43.5c-14.2002 12.4004 -24.4004 27.5 -27.2998 44.5c-1.7002 10 7.7998 18.4004 17.7002 15.2998c26 -8.2998 64.3994 -13.0996 105.6 -13.0996s79.7002 4.7998 105.6 13.0996c10 3.2002 19.4004 -5.39941 17.7002 -15.2998
|
||||||
|
c-2.89941 -17 -13.0996 -32.0996 -27.2998 -44.5v-43.5c0 -8.7998 -1.59961 -17.2002 -3.7998 -25.2998z" />
|
||||||
|
<glyph glyph-name="grin-wink" unicode="" horiz-adv-x="496"
|
||||||
|
d="M328 268c25.6904 0 55.8799 -16.9199 59.8701 -42.1201c1.72949 -11.0898 -11.3506 -18.2695 -19.8301 -10.8398l-9.5498 8.47949c-14.8105 13.1904 -46.1602 13.1904 -60.9707 0l-9.5498 -8.47949c-8.33008 -7.40039 -21.5801 -0.379883 -19.8301 10.8398
|
||||||
|
c3.98047 25.2002 34.1699 42.1201 59.8604 42.1201zM168 208c-17.6699 0 -32 14.3301 -32 32s14.3301 32 32 32s32 -14.3301 32 -32s-14.3301 -32 -32 -32zM353.55 143.36c10.04 3.13965 19.3906 -5.4502 17.71 -15.3408
|
||||||
|
c-7.92969 -47.1494 -71.3193 -80.0195 -123.26 -80.0195s-115.33 32.8701 -123.26 80.0195c-1.69043 9.9707 7.76953 18.4707 17.71 15.3408c25.9297 -8.31055 64.3994 -13.0605 105.55 -13.0605s79.6201 4.75977 105.55 13.0605zM248 440c136.97 0 248 -111.03 248 -248
|
||||||
|
s-111.03 -248 -248 -248s-248 111.03 -248 248s111.03 248 248 248zM248 -8c110.28 0 200 89.7197 200 200s-89.7197 200 -200 200s-200 -89.7197 -200 -200s89.7197 -200 200 -200z" />
|
||||||
|
<glyph glyph-name="kiss" unicode="" horiz-adv-x="496"
|
||||||
|
d="M168 272c17.7002 0 32 -14.2998 32 -32s-14.2998 -32 -32 -32s-32 14.2998 -32 32s14.2998 32 32 32zM304 140c0 -13 -13.4004 -27.2998 -35.0996 -36.4004c21.7998 -8.69922 35.1992 -23 35.1992 -36c0 -19.1992 -28.6992 -41.5 -71.5 -44h-0.5
|
||||||
|
c-3.69922 0 -7 2.60059 -7.7998 6.2002c-0.899414 3.7998 1.10059 7.7002 4.7002 9.2002l17 7.2002c12.9004 5.5 20.7002 13.5 20.7002 21.5s-7.7998 16 -20.7998 21.5l-16.9004 7.2002c-6 2.59961 -5.7002 12.3994 0 14.7998l17 7.2002
|
||||||
|
c12.9004 5.5 20.7002 13.5 20.7002 21.5s-7.7998 16 -20.7998 21.5l-16.9004 7.19922c-3.59961 1.5 -5.59961 5.40039 -4.7002 9.2002c0.799805 3.7998 4.40039 6.60059 8.2002 6.2002c42.7002 -2.5 71.5 -24.7998 71.5 -44zM248 440c137 0 248 -111 248 -248
|
||||||
|
s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM328 272c17.7002 0 32 -14.2998 32 -32s-14.2998 -32 -32 -32s-32 14.2998 -32 32s14.2998 32 32 32z
|
||||||
|
" />
|
||||||
|
<glyph glyph-name="kiss-beam" unicode="" horiz-adv-x="496"
|
||||||
|
d="M168 296c23.7998 0 52.7002 -29.2998 55.7998 -71.4004c0.299805 -3.7998 -2 -7.19922 -5.59961 -8.2998c-3.10059 -1 -7.2002 0 -9.2998 3.7002l-9.5 17c-7.7002 13.7002 -19.2002 21.5996 -31.5 21.5996c-12.3008 0 -23.8008 -7.89941 -31.5 -21.5996l-9.5 -17
|
||||||
|
c-1.80078 -3.2002 -5.80078 -4.7002 -9.30078 -3.7002c-3.59961 1.10059 -5.89941 4.60059 -5.59961 8.2998c3.2998 42.1006 32.2002 71.4004 56 71.4004zM248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8
|
||||||
|
c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM304 140c0 -13 -13.4004 -27.2998 -35.0996 -36.4004c21.7998 -8.69922 35.1992 -23 35.1992 -36c0 -19.1992 -28.6992 -41.5 -71.5 -44h-0.5
|
||||||
|
c-3.69922 0 -7 2.60059 -7.7998 6.2002c-0.899414 3.7998 1.10059 7.7002 4.7002 9.2002l17 7.2002c12.9004 5.5 20.7002 13.5 20.7002 21.5s-7.7998 16 -20.7998 21.5l-16.9004 7.2002c-6 2.59961 -5.7002 12.3994 0 14.7998l17 7.2002
|
||||||
|
c12.9004 5.5 20.7002 13.5 20.7002 21.5s-7.7998 16 -20.7998 21.5l-16.9004 7.19922c-3.59961 1.5 -5.59961 5.40039 -4.7002 9.2002c0.799805 3.7998 4.40039 6.60059 8.2002 6.2002c42.7002 -2.5 71.5 -24.7998 71.5 -44zM328 296
|
||||||
|
c23.7998 0 52.7002 -29.2998 55.7998 -71.4004c0.299805 -3.7998 -2 -7.19922 -5.59961 -8.2998c-3.10059 -1 -7.2002 0 -9.2998 3.7002l-9.5 17c-7.7002 13.7002 -19.2002 21.5996 -31.5 21.5996c-12.3008 0 -23.8008 -7.89941 -31.5 -21.5996l-9.5 -17
|
||||||
|
c-1.80078 -3.2002 -5.80078 -4.7002 -9.30078 -3.7002c-3.59961 1.10059 -5.89941 4.60059 -5.59961 8.2998c3.2998 42.1006 32.2002 71.4004 56 71.4004z" />
|
||||||
|
<glyph glyph-name="kiss-wink-heart" unicode="" horiz-adv-x="504"
|
||||||
|
d="M304 139.5c0 -13 -13.4004 -27.2998 -35.0996 -36.4004c21.7998 -8.69922 35.1992 -23 35.1992 -36c0 -19.1992 -28.6992 -41.5 -71.5 -44h-0.5c-3.69922 0 -7 2.60059 -7.7998 6.2002c-0.899414 3.7998 1.10059 7.7002 4.7002 9.2002l17 7.2002
|
||||||
|
c12.9004 5.5 20.7002 13.5 20.7002 21.5s-7.7998 16 -20.7998 21.5l-16.9004 7.2002c-6 2.59961 -5.7002 12.3994 0 14.7998l17 7.2002c12.9004 5.5 20.7002 13.5 20.7002 21.5s-7.7998 16 -20.7998 21.5l-16.9004 7.19922c-3.59961 1.5 -5.59961 5.40039 -4.7002 9.2002
|
||||||
|
c0.799805 3.7998 4.40039 6.60059 8.2002 6.2002c42.7002 -2.5 71.5 -24.7998 71.5 -44zM374.5 223c-14.7998 13.2002 -46.2002 13.2002 -61 0l-9.5 -8.5c-2.5 -2.2998 -7.90039 -4.7002 -13.7002 -1.59961c-4.39941 2.39941 -6.89941 7.39941 -6.09961 12.3994
|
||||||
|
c3.89941 25.2002 34.2002 42.1006 59.7998 42.1006s55.7998 -16.9004 59.7998 -42.1006c0.799805 -5 -1.7002 -10 -6.09961 -12.3994c-4.40039 -2.40039 -9.90039 -1.7002 -13.7002 1.59961zM136 239.5c0 17.7002 14.2998 32 32 32s32 -14.2998 32 -32s-14.2998 -32 -32 -32
|
||||||
|
s-32 14.2998 -32 32zM501.1 45.5c9.2002 -23.9004 -4.39941 -49.4004 -28.5 -55.7002l-83 -21.5c-5.39941 -1.39941 -10.8994 1.7998 -12.3994 7.10059l-22.9004 82.5996c-6.59961 24 8.7998 48.5996 34 52.5996c22 3.5 43.1006 -11.5996 49 -33l2.2998 -8.39941
|
||||||
|
l8.40039 2.2002c21.5996 5.59961 45.0996 -5.10059 53.0996 -25.9004zM334 11.7002c17.7002 -64 10.9004 -39.5 13.4004 -46.7998c-30.5 -13.4004 -64 -20.9004 -99.4004 -20.9004c-137 0 -248 111 -248 248s111 248 248 248s248 -111 247.9 -248
|
||||||
|
c0 -31.7998 -6.2002 -62.0996 -17.1006 -90c-6 1.5 -12.2002 2.7998 -18.5996 2.90039c-5.60059 9.69922 -13.6006 17.5 -22.6006 23.8994c6.7002 19.9004 10.4004 41.1006 10.4004 63.2002c0 110.3 -89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200
|
||||||
|
c30.7998 0 59.9004 7.2002 86 19.7002z" />
|
||||||
|
<glyph glyph-name="laugh" unicode="" horiz-adv-x="496"
|
||||||
|
d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM389.4 50.5996c37.7998 37.8008 58.5996 88 58.5996 141.4s-20.7998 103.6 -58.5996 141.4c-37.8008 37.7998 -88 58.5996 -141.4 58.5996s-103.6 -20.7998 -141.4 -58.5996
|
||||||
|
c-37.7998 -37.8008 -58.5996 -88 -58.5996 -141.4s20.7998 -103.6 58.5996 -141.4c37.8008 -37.7998 88 -58.5996 141.4 -58.5996s103.6 20.7998 141.4 58.5996zM328 224c-17.7002 0 -32 14.2998 -32 32s14.2998 32 32 32s32 -14.2998 32 -32s-14.2998 -32 -32 -32zM168 224
|
||||||
|
c-17.7002 0 -32 14.2998 -32 32s14.2998 32 32 32s32 -14.2998 32 -32s-14.2998 -32 -32 -32zM362.4 160c8.19922 0 14.5 -7 13.5 -15c-7.5 -59.2002 -58.9004 -105 -121.101 -105h-13.5996c-62.2002 0 -113.601 45.7998 -121.101 105c-1 8 5.30078 15 13.5 15h228.801z" />
|
||||||
|
<glyph glyph-name="laugh-beam" unicode="" horiz-adv-x="496"
|
||||||
|
d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM389.4 50.5996c37.7998 37.8008 58.5996 88 58.5996 141.4s-20.7998 103.6 -58.5996 141.4c-37.8008 37.7998 -88 58.5996 -141.4 58.5996s-103.6 -20.7998 -141.4 -58.5996
|
||||||
|
c-37.7998 -37.8008 -58.5996 -88 -58.5996 -141.4s20.7998 -103.6 58.5996 -141.4c37.8008 -37.7998 88 -58.5996 141.4 -58.5996s103.6 20.7998 141.4 58.5996zM328 296c23.7998 0 52.7002 -29.2998 55.7998 -71.4004c0.700195 -8.5 -10.7998 -11.8994 -14.8994 -4.5
|
||||||
|
l-9.5 17c-7.7002 13.7002 -19.2002 21.6006 -31.5 21.6006c-12.3008 0 -23.8008 -7.90039 -31.5 -21.6006l-9.5 -17c-4.10059 -7.39941 -15.6006 -4.09961 -14.9004 4.5c3.2998 42.1006 32.2002 71.4004 56 71.4004zM127 220.1c-4.2002 -7.39941 -15.7002 -4 -15.0996 4.5
|
||||||
|
c3.2998 42.1006 32.1992 71.4004 56 71.4004c23.7998 0 52.6992 -29.2998 56 -71.4004c0.699219 -8.5 -10.8008 -11.8994 -14.9004 -4.5l-9.5 17c-7.7002 13.7002 -19.2002 21.6006 -31.5 21.6006s-23.7998 -7.90039 -31.5 -21.6006zM362.4 160c8.19922 0 14.5 -7 13.5 -15
|
||||||
|
c-7.5 -59.2002 -58.9004 -105 -121.101 -105h-13.5996c-62.2002 0 -113.601 45.7998 -121.101 105c-1 8 5.30078 15 13.5 15h228.801z" />
|
||||||
|
<glyph glyph-name="laugh-squint" unicode="" horiz-adv-x="496"
|
||||||
|
d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM389.4 50.5996c37.7998 37.8008 58.5996 88 58.5996 141.4s-20.7998 103.6 -58.5996 141.4c-37.8008 37.7998 -88 58.5996 -141.4 58.5996s-103.6 -20.7998 -141.4 -58.5996
|
||||||
|
c-37.7998 -37.8008 -58.5996 -88 -58.5996 -141.4s20.7998 -103.6 58.5996 -141.4c37.8008 -37.7998 88 -58.5996 141.4 -58.5996s103.6 20.7998 141.4 58.5996zM343.6 252l33.6006 -40.2998c8.59961 -10.4004 -3.90039 -24.7998 -15.4004 -18l-80 48
|
||||||
|
c-7.7998 4.7002 -7.7998 15.8994 0 20.5996l80 48c11.6006 6.7998 24 -7.7002 15.4004 -18zM134.2 193.7c-11.6006 -6.7998 -24.1006 7.59961 -15.4004 18l33.6006 40.2998l-33.6006 40.2998c-8.59961 10.2998 3.7998 24.9004 15.4004 18l80 -48
|
||||||
|
c7.7998 -4.7002 7.7998 -15.8994 0 -20.5996zM362.4 160c8.19922 0 14.5 -7 13.5 -15c-7.5 -59.2002 -58.9004 -105 -121.101 -105h-13.5996c-62.2002 0 -113.601 45.7998 -121.101 105c-1 8 5.30078 15 13.5 15h228.801z" />
|
||||||
|
<glyph glyph-name="laugh-wink" unicode="" horiz-adv-x="496"
|
||||||
|
d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM389.4 50.5996c37.7998 37.8008 58.5996 88 58.5996 141.4s-20.7998 103.6 -58.5996 141.4c-37.8008 37.7998 -88 58.5996 -141.4 58.5996s-103.6 -20.7998 -141.4 -58.5996
|
||||||
|
c-37.7998 -37.8008 -58.5996 -88 -58.5996 -141.4s20.7998 -103.6 58.5996 -141.4c37.8008 -37.7998 88 -58.5996 141.4 -58.5996s103.6 20.7998 141.4 58.5996zM328 284c25.7002 0 55.9004 -16.9004 59.7002 -42.0996c1.7998 -11.1006 -11.2998 -18.2002 -19.7998 -10.8008
|
||||||
|
l-9.5 8.5c-14.8008 13.2002 -46.2002 13.2002 -61 0l-9.5 -8.5c-8.30078 -7.39941 -21.5 -0.399414 -19.8008 10.8008c4 25.1992 34.2002 42.0996 59.9004 42.0996zM168 224c-17.7002 0 -32 14.2998 -32 32s14.2998 32 32 32s32 -14.2998 32 -32s-14.2998 -32 -32 -32z
|
||||||
|
M362.4 160c8.19922 0 14.5 -7 13.5 -15c-7.5 -59.2002 -58.9004 -105 -121.101 -105h-13.5996c-62.2002 0 -113.601 45.7998 -121.101 105c-1 8 5.30078 15 13.5 15h228.801z" />
|
||||||
|
<glyph glyph-name="meh-blank" unicode="" horiz-adv-x="496"
|
||||||
|
d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM168 272c17.7002 0 32 -14.2998 32 -32s-14.2998 -32 -32 -32
|
||||||
|
s-32 14.2998 -32 32s14.2998 32 32 32zM328 272c17.7002 0 32 -14.2998 32 -32s-14.2998 -32 -32 -32s-32 14.2998 -32 32s14.2998 32 32 32z" />
|
||||||
|
<glyph glyph-name="meh-rolling-eyes" unicode="" horiz-adv-x="496"
|
||||||
|
d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM336 296c39.7998 0 72 -32.2002 72 -72s-32.2002 -72 -72 -72
|
||||||
|
s-72 32.2002 -72 72s32.2002 72 72 72zM336 184c22.0996 0 40 17.9004 40 40c0 13.5996 -7.2998 25.0996 -17.7002 32.2998c1 -2.59961 1.7002 -5.39941 1.7002 -8.2998c0 -13.2998 -10.7002 -24 -24 -24s-24 10.7002 -24 24c0 3 0.700195 5.7002 1.7002 8.2998
|
||||||
|
c-10.4004 -7.2002 -17.7002 -18.7002 -17.7002 -32.2998c0 -22.0996 17.9004 -40 40 -40zM232 224c0 -39.7998 -32.2002 -72 -72 -72s-72 32.2002 -72 72s32.2002 72 72 72s72 -32.2002 72 -72zM120 224c0 -22.0996 17.9004 -40 40 -40s40 17.9004 40 40
|
||||||
|
c0 13.5996 -7.2998 25.0996 -17.7002 32.2998c1 -2.59961 1.7002 -5.39941 1.7002 -8.2998c0 -13.2998 -10.7002 -24 -24 -24s-24 10.7002 -24 24c0 3 0.700195 5.7002 1.7002 8.2998c-10.4004 -7.2002 -17.7002 -18.7002 -17.7002 -32.2998zM312 96
|
||||||
|
c13.2002 0 24 -10.7998 24 -24s-10.7998 -24 -24 -24h-128c-13.2002 0 -24 10.7998 -24 24s10.7998 24 24 24h128z" />
|
||||||
|
<glyph glyph-name="sad-cry" unicode="" horiz-adv-x="496"
|
||||||
|
d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM392 53.5996c34.5996 35.9004 56 84.7002 56 138.4c0 110.3 -89.7002 200 -200 200s-200 -89.7002 -200 -200c0 -53.7002 21.4004 -102.4 56 -138.4v114.4
|
||||||
|
c0 13.2002 10.7998 24 24 24s24 -10.7998 24 -24v-151.4c28.5 -15.5996 61.2002 -24.5996 96 -24.5996s67.5 9 96 24.5996v151.4c0 13.2002 10.7998 24 24 24s24 -10.7998 24 -24v-114.4zM205.8 213.5c-5.7998 -3.2002 -11.2002 -0.700195 -13.7002 1.59961l-9.5 8.5
|
||||||
|
c-14.7998 13.2002 -46.1992 13.2002 -61 0l-9.5 -8.5c-3.7998 -3.39941 -9.2998 -4 -13.6992 -1.59961c-4.40039 2.40039 -6.90039 7.40039 -6.10059 12.4004c3.90039 25.1992 34.2002 42.0996 59.7998 42.0996c25.6006 0 55.8008 -16.9004 59.8008 -42.0996
|
||||||
|
c0.799805 -5 -1.7002 -10 -6.10059 -12.4004zM344 268c25.7002 0 55.9004 -16.9004 59.7998 -42.0996c0.799805 -5 -1.7002 -10 -6.09961 -12.4004c-5.7002 -3.09961 -11.2002 -0.599609 -13.7002 1.59961l-9.5 8.5c-14.7998 13.2002 -46.2002 13.2002 -61 0l-9.5 -8.5
|
||||||
|
c-3.7998 -3.39941 -9.2002 -4 -13.7002 -1.59961c-4.39941 2.40039 -6.89941 7.40039 -6.09961 12.4004c3.89941 25.1992 34.0996 42.0996 59.7998 42.0996zM248 176c30.9004 0 56 -28.7002 56 -64s-25.0996 -64 -56 -64s-56 28.7002 -56 64s25.0996 64 56 64z" />
|
||||||
|
<glyph glyph-name="sad-tear" unicode="" horiz-adv-x="496"
|
||||||
|
d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM256 144c38.0996 0 74 -16.7998 98.5 -46.0996
|
||||||
|
c8.5 -10.2002 7.09961 -25.3008 -3.09961 -33.8008c-10.6006 -8.7998 -25.7002 -6.69922 -33.8008 3.10059c-15.2998 18.2998 -37.7998 28.7998 -61.5996 28.7998c-13.2002 0 -24 10.7998 -24 24s10.7998 24 24 24zM168 208c-17.7002 0 -32 14.2998 -32 32s14.2998 32 32 32
|
||||||
|
s32 -14.2998 32 -32s-14.2998 -32 -32 -32zM328 272c17.7002 0 32 -14.2998 32 -32s-14.2998 -32 -32 -32s-32 14.2998 -32 32s14.2998 32 32 32zM162.4 173.2c2.7998 3.7002 8.39941 3.7002 11.1992 0c11.4004 -15.2998 36.4004 -50.6006 36.4004 -68.1006
|
||||||
|
c0 -22.6992 -18.7998 -41.0996 -42 -41.0996s-42 18.4004 -42 41.0996c0 17.5 25 52.8008 36.4004 68.1006z" />
|
||||||
|
<glyph glyph-name="smile-beam" unicode="" horiz-adv-x="496"
|
||||||
|
d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM332 135.4c8.5 10.1992 23.5996 11.5 33.7998 3.09961
|
||||||
|
c10.2002 -8.5 11.6006 -23.5996 3.10059 -33.7998c-30 -36 -74.1006 -56.6006 -120.9 -56.6006s-90.9004 20.6006 -120.9 56.6006c-8.39941 10.2002 -7.09961 25.2998 3.10059 33.7998c10.2002 8.40039 25.2998 7.09961 33.7998 -3.09961
|
||||||
|
c20.7998 -25.1006 51.5 -39.4004 84 -39.4004s63.2002 14.4004 84 39.4004zM136.5 237l-9.5 -17c-1.90039 -3.2002 -5.90039 -4.7998 -9.2998 -3.7002c-3.60059 1.10059 -6 4.60059 -5.7002 8.2998c3.2998 42.1006 32.2002 71.4004 56 71.4004s52.7002 -29.2998 56 -71.4004
|
||||||
|
c0.299805 -3.7998 -2.09961 -7.19922 -5.7002 -8.2998c-3.09961 -1 -7.2002 0 -9.2998 3.7002l-9.5 17c-7.7002 13.7002 -19.2002 21.5996 -31.5 21.5996s-23.7998 -7.89941 -31.5 -21.5996zM328 296c23.7998 0 52.7002 -29.2998 56 -71.4004
|
||||||
|
c0.299805 -3.7998 -2.09961 -7.19922 -5.7002 -8.2998c-3.09961 -1 -7.2002 0 -9.2998 3.7002l-9.5 17c-7.7002 13.7002 -19.2002 21.5996 -31.5 21.5996s-23.7998 -7.89941 -31.5 -21.5996l-9.5 -17c-1.90039 -3.2002 -5.7998 -4.7998 -9.2998 -3.7002
|
||||||
|
c-3.60059 1.10059 -6 4.60059 -5.7002 8.2998c3.2998 42.1006 32.2002 71.4004 56 71.4004z" />
|
||||||
|
<glyph glyph-name="surprise" unicode="" horiz-adv-x="496"
|
||||||
|
d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM248 168c35.2998 0 64 -28.7002 64 -64s-28.7002 -64 -64 -64
|
||||||
|
s-64 28.7002 -64 64s28.7002 64 64 64zM200 240c0 -17.7002 -14.2998 -32 -32 -32s-32 14.2998 -32 32s14.2998 32 32 32s32 -14.2998 32 -32zM328 272c17.7002 0 32 -14.2998 32 -32s-14.2998 -32 -32 -32s-32 14.2998 -32 32s14.2998 32 32 32z" />
|
||||||
|
<glyph glyph-name="tired" unicode="" horiz-adv-x="496"
|
||||||
|
d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM377.1 295.8c3.80078 -4.39941 3.90039 -11 0.100586 -15.5
|
||||||
|
l-33.6006 -40.2998l33.6006 -40.2998c3.7998 -4.5 3.7002 -11 -0.100586 -15.5c-3.5 -4.10059 -9.89941 -5.7002 -15.2998 -2.5l-80 48c-3.59961 2.2002 -5.7998 6.09961 -5.7998 10.2998s2.2002 8.09961 5.7998 10.2998l80 48c5 2.90039 11.5 1.90039 15.2998 -2.5z
|
||||||
|
M220 240c0 -4.2002 -2.2002 -8.09961 -5.7998 -10.2998l-80 -48c-5.40039 -3.2002 -11.7998 -1.60059 -15.2998 2.5c-3.80078 4.5 -3.90039 11 -0.100586 15.5l33.6006 40.2998l-33.6006 40.2998c-3.7998 4.5 -3.7002 11 0.100586 15.5
|
||||||
|
c3.7998 4.40039 10.2998 5.5 15.2998 2.5l80 -48c3.59961 -2.2002 5.7998 -6.09961 5.7998 -10.2998zM248 176c45.4004 0 100.9 -38.2998 107.8 -93.2998c1.5 -11.9004 -7 -21.6006 -15.5 -17.9004c-22.7002 9.7002 -56.2998 15.2002 -92.2998 15.2002
|
||||||
|
s-69.5996 -5.5 -92.2998 -15.2002c-8.60059 -3.7002 -17 6.10059 -15.5 17.9004c6.89941 55 62.3994 93.2998 107.8 93.2998z" />
|
||||||
|
</font>
|
||||||
|
</defs></svg>
|
||||||
|
After Width: | Height: | Size: 141 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 829 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,608 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
<meta name="description" content="Responsive Web UI Kit & Dashboard Template based on Bootstrap">
|
||||||
|
<meta name="author" content="AdminKit">
|
||||||
|
<meta name="keywords" content="adminkit, bootstrap, web ui kit, dashboard template, admin template">
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="img/icons/icon-48x48.png" />
|
||||||
|
|
||||||
|
<title>Basic Inputs | AdminKit Demo</title>
|
||||||
|
|
||||||
|
<link href="css/app.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="wrapper">
|
||||||
|
<nav id="sidebar" class="sidebar">
|
||||||
|
<div class="sidebar-content js-simplebar">
|
||||||
|
<a class="sidebar-brand" href="index.html">
|
||||||
|
<span class="align-middle">AdminKit</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<ul class="sidebar-nav">
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Pages
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="index.html">
|
||||||
|
<i class="align-middle" data-feather="sliders"></i> <span class="align-middle">Dashboard</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-profile.html">
|
||||||
|
<i class="align-middle" data-feather="user"></i> <span class="align-middle">Profile</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-settings.html">
|
||||||
|
<i class="align-middle" data-feather="settings"></i> <span class="align-middle">Settings</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-invoice.html">
|
||||||
|
<i class="align-middle" data-feather="credit-card"></i> <span class="align-middle">Invoice</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-blank.html">
|
||||||
|
<i class="align-middle" data-feather="book"></i> <span class="align-middle">Blank</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Tools & Components
|
||||||
|
</li>
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a href="#ui" data-toggle="collapse" class="sidebar-link collapsed">
|
||||||
|
<i class="align-middle" data-feather="briefcase"></i> <span class="align-middle">UI Elements</span>
|
||||||
|
</a>
|
||||||
|
<ul id="ui" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-alerts.html">Alerts</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-buttons.html">Buttons</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-cards.html">Cards</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-general.html">General</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-grid.html">Grid</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-modals.html">Modals</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-typography.html">Typography</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="icons-feather.html">
|
||||||
|
<i class="align-middle" data-feather="coffee"></i> <span class="align-middle">Icons</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item active">
|
||||||
|
<a href="#forms" data-toggle="collapse" class="sidebar-link">
|
||||||
|
<i class="align-middle" data-feather="check-circle"></i> <span class="align-middle">Forms</span>
|
||||||
|
</a>
|
||||||
|
<ul id="forms" class="sidebar-dropdown list-unstyled collapse show" data-parent="#sidebar">
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="forms-layouts.html">Form Layouts</a></li>
|
||||||
|
<li class="sidebar-item active"><a class="sidebar-link" href="forms-basic-inputs.html">Basic Inputs</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="tables-bootstrap.html">
|
||||||
|
<i class="align-middle" data-feather="list"></i> <span class="align-middle">Tables</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Plugins & Addons
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="charts-chartjs.html">
|
||||||
|
<i class="align-middle" data-feather="bar-chart-2"></i> <span class="align-middle">Charts</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="maps-google.html">
|
||||||
|
<i class="align-middle" data-feather="map"></i> <span class="align-middle">Maps</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="sidebar-cta">
|
||||||
|
<div class="sidebar-cta-content">
|
||||||
|
<strong class="d-inline-block mb-2">Upgrade to Pro</strong>
|
||||||
|
<div class="mb-3 text-sm">
|
||||||
|
Are you looking for more components?
|
||||||
|
</div>
|
||||||
|
<a href="https://adminkit.io/pricing" target="_blank" class="btn btn-outline-primary btn-block">Upgrade</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div class="main">
|
||||||
|
<nav class="navbar navbar-expand navbar-light navbar-bg">
|
||||||
|
<a class="sidebar-toggle d-flex">
|
||||||
|
<i class="hamburger align-self-center"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<form class="form-inline d-none d-sm-inline-block">
|
||||||
|
<div class="input-group input-group-navbar">
|
||||||
|
<input type="text" class="form-control" placeholder="Search…" aria-label="Search">
|
||||||
|
<div class="input-group-append">
|
||||||
|
<button class="btn" type="button">
|
||||||
|
<i class="align-middle" data-feather="search"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="navbar-collapse collapse">
|
||||||
|
<ul class="navbar-nav navbar-align">
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle" href="#" id="alertsDropdown" data-toggle="dropdown">
|
||||||
|
<div class="position-relative">
|
||||||
|
<i class="align-middle" data-feather="bell"></i>
|
||||||
|
<span class="indicator">4</span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0" aria-labelledby="alertsDropdown">
|
||||||
|
<div class="dropdown-menu-header">
|
||||||
|
4 New Notifications
|
||||||
|
</div>
|
||||||
|
<div class="list-group">
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-danger" data-feather="alert-circle"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Update completed</div>
|
||||||
|
<div class="text-muted small mt-1">Restart server 12 to complete the update.</div>
|
||||||
|
<div class="text-muted small mt-1">30m ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-warning" data-feather="bell"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Lorem ipsum</div>
|
||||||
|
<div class="text-muted small mt-1">Aliquam ex eros, imperdiet vulputate hendrerit et.</div>
|
||||||
|
<div class="text-muted small mt-1">2h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-primary" data-feather="home"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Login from 192.186.1.8</div>
|
||||||
|
<div class="text-muted small mt-1">5h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-success" data-feather="user-plus"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">New connection</div>
|
||||||
|
<div class="text-muted small mt-1">Christina accepted your request.</div>
|
||||||
|
<div class="text-muted small mt-1">14h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-footer">
|
||||||
|
<a href="#" class="text-muted">Show all notifications</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle" href="#" id="messagesDropdown" data-toggle="dropdown">
|
||||||
|
<div class="position-relative">
|
||||||
|
<i class="align-middle" data-feather="message-square"></i>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0" aria-labelledby="messagesDropdown">
|
||||||
|
<div class="dropdown-menu-header">
|
||||||
|
<div class="position-relative">
|
||||||
|
4 New Messages
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="list-group">
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Vanessa Tucker</div>
|
||||||
|
<div class="text-muted small mt-1">Nam pretium turpis et arcu. Duis arcu tortor.</div>
|
||||||
|
<div class="text-muted small mt-1">15m ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">William Harris</div>
|
||||||
|
<div class="text-muted small mt-1">Curabitur ligula sapien euismod vitae.</div>
|
||||||
|
<div class="text-muted small mt-1">2h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Christina Mason</div>
|
||||||
|
<div class="text-muted small mt-1">Pellentesque auctor neque nec urna.</div>
|
||||||
|
<div class="text-muted small mt-1">4h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Sharon Lessman</div>
|
||||||
|
<div class="text-muted small mt-1">Aenean tellus metus, bibendum sed, posuere ac, mattis non.</div>
|
||||||
|
<div class="text-muted small mt-1">5h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-footer">
|
||||||
|
<a href="#" class="text-muted">Show all messages</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle d-inline-block d-sm-none" href="#" data-toggle="dropdown">
|
||||||
|
<i class="align-middle" data-feather="settings"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a class="nav-link dropdown-toggle d-none d-sm-inline-block" href="#" data-toggle="dropdown">
|
||||||
|
<img src="img/avatars/avatar.jpg" class="avatar img-fluid rounded mr-1" alt="Charles Hall" /> <span class="text-dark">Charles Hall</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-right">
|
||||||
|
<a class="dropdown-item" href="pages-profile.html"><i class="align-middle mr-1" data-feather="user"></i> Profile</a>
|
||||||
|
<a class="dropdown-item" href="#"><i class="align-middle mr-1" data-feather="pie-chart"></i> Analytics</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="pages-settings.html"><i class="align-middle mr-1" data-feather="settings"></i> Settings & Privacy</a>
|
||||||
|
<a class="dropdown-item" href="#"><i class="align-middle mr-1" data-feather="help-circle"></i> Help Center</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="#">Log out</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<main class="content">
|
||||||
|
<div class="container-fluid p-0">
|
||||||
|
|
||||||
|
<h1 class="h3 mb-3">Basic Inputs</h1>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title mb-0">Input</h5>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<input type="text" class="form-control" placeholder="Input">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title mb-0">Textarea</h5>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<textarea class="form-control" rows="2" placeholder="Textarea"></textarea>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title mb-0">Checkboxes</h5>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<div>
|
||||||
|
<label class="form-check">
|
||||||
|
<input class="form-check-input" type="checkbox" value="">
|
||||||
|
<span class="form-check-label">
|
||||||
|
Option one is this and that—be sure to include why it's great
|
||||||
|
</span>
|
||||||
|
</label>
|
||||||
|
<label class="form-check">
|
||||||
|
<input class="form-check-input" type="checkbox" value="" disabled>
|
||||||
|
<span class="form-check-label">
|
||||||
|
Option two is disabled
|
||||||
|
</span>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label class="form-check form-check-inline">
|
||||||
|
<input class="form-check-input" type="checkbox" value="option1">
|
||||||
|
<span class="form-check-label">
|
||||||
|
1
|
||||||
|
</span>
|
||||||
|
</label>
|
||||||
|
<label class="form-check form-check-inline">
|
||||||
|
<input class="form-check-input" type="checkbox" value="option2">
|
||||||
|
<span class="form-check-label">
|
||||||
|
2
|
||||||
|
</span>
|
||||||
|
</label>
|
||||||
|
<label class="form-check form-check-inline">
|
||||||
|
<input class="form-check-input" type="checkbox" value="option3" disabled>
|
||||||
|
<span class="form-check-label">
|
||||||
|
3
|
||||||
|
</span>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title mb-0">Custom checkboxes</h5>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<label class="custom-control custom-checkbox">
|
||||||
|
<input type="checkbox" class="custom-control-input">
|
||||||
|
<span class="custom-control-label">Custom checkbox</span>
|
||||||
|
</label>
|
||||||
|
<label class="custom-control custom-checkbox">
|
||||||
|
<input type="checkbox" class="custom-control-input" disabled checked>
|
||||||
|
<span class="custom-control-label">Disabled custom checkbox</span>
|
||||||
|
</label>
|
||||||
|
<label class="custom-control custom-checkbox">
|
||||||
|
<input type="checkbox" class="custom-control-input" disabled>
|
||||||
|
<span class="custom-control-label">Disabled custom checkbox</span>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title mb-0">Custom selects</h5>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<select class="custom-select mb-3">
|
||||||
|
<option selected>Open this select menu</option>
|
||||||
|
<option>One</option>
|
||||||
|
<option>Two</option>
|
||||||
|
<option>Three</option>
|
||||||
|
</select>
|
||||||
|
<select class="custom-select" multiple>
|
||||||
|
<option>Open this select menu</option>
|
||||||
|
<option>One</option>
|
||||||
|
<option>Two</option>
|
||||||
|
<option>Three</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title mb-0">Sizes</h5>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<input class="form-control form-control-lg mb-3" type="text" placeholder="Large input">
|
||||||
|
<input class="form-control mb-3" type="text" placeholder="Medium input">
|
||||||
|
<input class="form-control form-control-sm" type="text" placeholder="Small input">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title mb-0">Radios</h5>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<div>
|
||||||
|
<label class="form-check">
|
||||||
|
<input class="form-check-input" type="radio" value="option1" name="radios-example" checked>
|
||||||
|
<span class="form-check-label">
|
||||||
|
Option one is this and that—be sure to include why it's great
|
||||||
|
</span>
|
||||||
|
</label>
|
||||||
|
<label class="form-check">
|
||||||
|
<input class="form-check-input" type="radio" value="option2" name="radios-example">
|
||||||
|
<span class="form-check-label">
|
||||||
|
Option two can be something else and selecting it will deselect option one
|
||||||
|
</span>
|
||||||
|
</label>
|
||||||
|
<label class="form-check">
|
||||||
|
<input class="form-check-input" type="radio" value="option3" name="radios-example" disabled>
|
||||||
|
<span class="form-check-label">
|
||||||
|
Option three is disabled
|
||||||
|
</span>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label class="form-check form-check-inline">
|
||||||
|
<input class="form-check-input" type="radio" name="inline-radios-example" value="option1">
|
||||||
|
<span class="form-check-label">
|
||||||
|
1
|
||||||
|
</span>
|
||||||
|
</label>
|
||||||
|
<label class="form-check form-check-inline">
|
||||||
|
<input class="form-check-input" type="radio" name="inline-radios-example" value="option2">
|
||||||
|
<span class="form-check-label">
|
||||||
|
2
|
||||||
|
</span>
|
||||||
|
</label>
|
||||||
|
<label class="form-check form-check-inline">
|
||||||
|
<input class="form-check-input" type="radio" name="inline-radios-example" value="option3" disabled>
|
||||||
|
<span class="form-check-label">
|
||||||
|
3
|
||||||
|
</span>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title mb-0">Custom radios</h5>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<label class="custom-control custom-radio">
|
||||||
|
<input name="custom-radio" type="radio" class="custom-control-input">
|
||||||
|
<span class="custom-control-label">Toggle this custom radio</span>
|
||||||
|
</label>
|
||||||
|
<label class="custom-control custom-radio">
|
||||||
|
<input name="custom-radio" type="radio" class="custom-control-input">
|
||||||
|
<span class="custom-control-label">Or toggle this other custom radio</span>
|
||||||
|
</label>
|
||||||
|
<fieldset disabled>
|
||||||
|
<label class="custom-control custom-radio">
|
||||||
|
<input name="custom-radio-2" type="radio" class="custom-control-input" checked>
|
||||||
|
<span class="custom-control-label">Disabled custom radio</span>
|
||||||
|
</label>
|
||||||
|
<label class="custom-control custom-radio">
|
||||||
|
<input name="custom-radio-2" type="radio" class="custom-control-input">
|
||||||
|
<span class="custom-control-label">Other disabled custom radio</span>
|
||||||
|
</label>
|
||||||
|
</fieldset>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title mb-0">Switches</h5>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="custom-control custom-switch">
|
||||||
|
<input type="checkbox" class="custom-control-input" id="customSwitch1">
|
||||||
|
<label class="custom-control-label" for="customSwitch1">Toggle this switch element</label>
|
||||||
|
</div>
|
||||||
|
<div class="custom-control custom-switch">
|
||||||
|
<input type="checkbox" class="custom-control-input" disabled id="customSwitch2">
|
||||||
|
<label class="custom-control-label" for="customSwitch2">Disabled switch element</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title mb-0">Selects</h5>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<select class="form-control mb-3">
|
||||||
|
<option selected>Open this select menu</option>
|
||||||
|
<option>One</option>
|
||||||
|
<option>Two</option>
|
||||||
|
<option>Three</option>
|
||||||
|
</select>
|
||||||
|
|
||||||
|
<select multiple class="form-control">
|
||||||
|
<option>Open this select menu</option>
|
||||||
|
<option>One</option>
|
||||||
|
<option>Two</option>
|
||||||
|
<option>Three</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title mb-0">Disabled</h5>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="form-label">Disabled input</label>
|
||||||
|
<input type="text" class="form-control" placeholder="Disabled input" disabled>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="form-label">Disabled select menu</label>
|
||||||
|
<select class="form-control" disabled>
|
||||||
|
<option>Disabled select</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<label class="form-check">
|
||||||
|
<input class="form-check-input" type="checkbox" value="" disabled>
|
||||||
|
<span class="form-check-label">
|
||||||
|
Can't check this
|
||||||
|
</span>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title mb-0">Read only</h5>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<input class="form-control" type="text" placeholder="Readonly input" readonly>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row text-muted">
|
||||||
|
<div class="col-6 text-left">
|
||||||
|
<p class="mb-0">
|
||||||
|
<a href="index.html" class="text-muted"><strong>AdminKit Demo</strong></a> ©
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-6 text-right">
|
||||||
|
<ul class="list-inline">
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Support</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Help Center</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Privacy</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Terms</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="js/vendor.js"></script>
|
||||||
|
<script src="js/app.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,536 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
<meta name="description" content="Responsive Web UI Kit & Dashboard Template based on Bootstrap">
|
||||||
|
<meta name="author" content="AdminKit">
|
||||||
|
<meta name="keywords" content="adminkit, bootstrap, web ui kit, dashboard template, admin template">
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="img/icons/icon-48x48.png" />
|
||||||
|
|
||||||
|
<title>Form Layouts | AdminKit Demo</title>
|
||||||
|
|
||||||
|
<link href="css/app.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="wrapper">
|
||||||
|
<nav id="sidebar" class="sidebar">
|
||||||
|
<div class="sidebar-content js-simplebar">
|
||||||
|
<a class="sidebar-brand" href="index.html">
|
||||||
|
<span class="align-middle">AdminKit</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<ul class="sidebar-nav">
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Pages
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="index.html">
|
||||||
|
<i class="align-middle" data-feather="sliders"></i> <span class="align-middle">Dashboard</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-profile.html">
|
||||||
|
<i class="align-middle" data-feather="user"></i> <span class="align-middle">Profile</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-settings.html">
|
||||||
|
<i class="align-middle" data-feather="settings"></i> <span class="align-middle">Settings</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-invoice.html">
|
||||||
|
<i class="align-middle" data-feather="credit-card"></i> <span class="align-middle">Invoice</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-blank.html">
|
||||||
|
<i class="align-middle" data-feather="book"></i> <span class="align-middle">Blank</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Tools & Components
|
||||||
|
</li>
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a href="#ui" data-toggle="collapse" class="sidebar-link collapsed">
|
||||||
|
<i class="align-middle" data-feather="briefcase"></i> <span class="align-middle">UI Elements</span>
|
||||||
|
</a>
|
||||||
|
<ul id="ui" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-alerts.html">Alerts</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-buttons.html">Buttons</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-cards.html">Cards</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-general.html">General</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-grid.html">Grid</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-modals.html">Modals</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-typography.html">Typography</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="icons-feather.html">
|
||||||
|
<i class="align-middle" data-feather="coffee"></i> <span class="align-middle">Icons</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item active">
|
||||||
|
<a href="#forms" data-toggle="collapse" class="sidebar-link">
|
||||||
|
<i class="align-middle" data-feather="check-circle"></i> <span class="align-middle">Forms</span>
|
||||||
|
</a>
|
||||||
|
<ul id="forms" class="sidebar-dropdown list-unstyled collapse show" data-parent="#sidebar">
|
||||||
|
<li class="sidebar-item active"><a class="sidebar-link" href="forms-layouts.html">Form Layouts</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="forms-basic-inputs.html">Basic Inputs</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="tables-bootstrap.html">
|
||||||
|
<i class="align-middle" data-feather="list"></i> <span class="align-middle">Tables</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Plugins & Addons
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="charts-chartjs.html">
|
||||||
|
<i class="align-middle" data-feather="bar-chart-2"></i> <span class="align-middle">Charts</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="maps-google.html">
|
||||||
|
<i class="align-middle" data-feather="map"></i> <span class="align-middle">Maps</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="sidebar-cta">
|
||||||
|
<div class="sidebar-cta-content">
|
||||||
|
<strong class="d-inline-block mb-2">Upgrade to Pro</strong>
|
||||||
|
<div class="mb-3 text-sm">
|
||||||
|
Are you looking for more components?
|
||||||
|
</div>
|
||||||
|
<a href="https://adminkit.io/pricing" target="_blank" class="btn btn-outline-primary btn-block">Upgrade</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div class="main">
|
||||||
|
<nav class="navbar navbar-expand navbar-light navbar-bg">
|
||||||
|
<a class="sidebar-toggle d-flex">
|
||||||
|
<i class="hamburger align-self-center"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<form class="form-inline d-none d-sm-inline-block">
|
||||||
|
<div class="input-group input-group-navbar">
|
||||||
|
<input type="text" class="form-control" placeholder="Search…" aria-label="Search">
|
||||||
|
<div class="input-group-append">
|
||||||
|
<button class="btn" type="button">
|
||||||
|
<i class="align-middle" data-feather="search"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="navbar-collapse collapse">
|
||||||
|
<ul class="navbar-nav navbar-align">
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle" href="#" id="alertsDropdown" data-toggle="dropdown">
|
||||||
|
<div class="position-relative">
|
||||||
|
<i class="align-middle" data-feather="bell"></i>
|
||||||
|
<span class="indicator">4</span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0" aria-labelledby="alertsDropdown">
|
||||||
|
<div class="dropdown-menu-header">
|
||||||
|
4 New Notifications
|
||||||
|
</div>
|
||||||
|
<div class="list-group">
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-danger" data-feather="alert-circle"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Update completed</div>
|
||||||
|
<div class="text-muted small mt-1">Restart server 12 to complete the update.</div>
|
||||||
|
<div class="text-muted small mt-1">30m ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-warning" data-feather="bell"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Lorem ipsum</div>
|
||||||
|
<div class="text-muted small mt-1">Aliquam ex eros, imperdiet vulputate hendrerit et.</div>
|
||||||
|
<div class="text-muted small mt-1">2h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-primary" data-feather="home"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Login from 192.186.1.8</div>
|
||||||
|
<div class="text-muted small mt-1">5h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-success" data-feather="user-plus"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">New connection</div>
|
||||||
|
<div class="text-muted small mt-1">Christina accepted your request.</div>
|
||||||
|
<div class="text-muted small mt-1">14h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-footer">
|
||||||
|
<a href="#" class="text-muted">Show all notifications</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle" href="#" id="messagesDropdown" data-toggle="dropdown">
|
||||||
|
<div class="position-relative">
|
||||||
|
<i class="align-middle" data-feather="message-square"></i>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0" aria-labelledby="messagesDropdown">
|
||||||
|
<div class="dropdown-menu-header">
|
||||||
|
<div class="position-relative">
|
||||||
|
4 New Messages
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="list-group">
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Vanessa Tucker</div>
|
||||||
|
<div class="text-muted small mt-1">Nam pretium turpis et arcu. Duis arcu tortor.</div>
|
||||||
|
<div class="text-muted small mt-1">15m ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">William Harris</div>
|
||||||
|
<div class="text-muted small mt-1">Curabitur ligula sapien euismod vitae.</div>
|
||||||
|
<div class="text-muted small mt-1">2h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Christina Mason</div>
|
||||||
|
<div class="text-muted small mt-1">Pellentesque auctor neque nec urna.</div>
|
||||||
|
<div class="text-muted small mt-1">4h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Sharon Lessman</div>
|
||||||
|
<div class="text-muted small mt-1">Aenean tellus metus, bibendum sed, posuere ac, mattis non.</div>
|
||||||
|
<div class="text-muted small mt-1">5h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-footer">
|
||||||
|
<a href="#" class="text-muted">Show all messages</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle d-inline-block d-sm-none" href="#" data-toggle="dropdown">
|
||||||
|
<i class="align-middle" data-feather="settings"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a class="nav-link dropdown-toggle d-none d-sm-inline-block" href="#" data-toggle="dropdown">
|
||||||
|
<img src="img/avatars/avatar.jpg" class="avatar img-fluid rounded mr-1" alt="Charles Hall" /> <span class="text-dark">Charles Hall</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-right">
|
||||||
|
<a class="dropdown-item" href="pages-profile.html"><i class="align-middle mr-1" data-feather="user"></i> Profile</a>
|
||||||
|
<a class="dropdown-item" href="#"><i class="align-middle mr-1" data-feather="pie-chart"></i> Analytics</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="pages-settings.html"><i class="align-middle mr-1" data-feather="settings"></i> Settings & Privacy</a>
|
||||||
|
<a class="dropdown-item" href="#"><i class="align-middle mr-1" data-feather="help-circle"></i> Help Center</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="#">Log out</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<main class="content">
|
||||||
|
<div class="container-fluid p-0">
|
||||||
|
|
||||||
|
<h1 class="h3 mb-3">Form Layouts</h1>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12 col-xl-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Basic form</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Default Bootstrap form layout.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<form>
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="form-label">Email address</label>
|
||||||
|
<input type="email" class="form-control" placeholder="Email">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="form-label">Password</label>
|
||||||
|
<input type="password" class="form-control" placeholder="Password">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="form-label">Textarea</label>
|
||||||
|
<textarea class="form-control" placeholder="Textarea" rows="1"></textarea>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="form-label w-100">File input</label>
|
||||||
|
<input type="file">
|
||||||
|
<small class="form-text text-muted">Example block-level help text here.</small>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="custom-control custom-checkbox">
|
||||||
|
<input type="checkbox" class="custom-control-input">
|
||||||
|
<span class="custom-control-label">Check me out</span>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<button type="submit" class="btn btn-primary">Submit</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-xl-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Horizontal form</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Horizontal Bootstrap layout.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<form>
|
||||||
|
<div class="form-group row">
|
||||||
|
<label class="col-form-label col-sm-2 text-sm-right">Email</label>
|
||||||
|
<div class="col-sm-10">
|
||||||
|
<input type="email" class="form-control" placeholder="Email">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group row">
|
||||||
|
<label class="col-form-label col-sm-2 text-sm-right">Password</label>
|
||||||
|
<div class="col-sm-10">
|
||||||
|
<input type="password" class="form-control" placeholder="Password">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group row">
|
||||||
|
<label class="col-form-label col-sm-2 text-sm-right">Textarea</label>
|
||||||
|
<div class="col-sm-10">
|
||||||
|
<textarea class="form-control" placeholder="Textarea" rows="3"></textarea>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<fieldset class="form-group">
|
||||||
|
<div class="row">
|
||||||
|
<label class="col-form-label col-sm-2 text-sm-right pt-sm-0">Radios</label>
|
||||||
|
<div class="col-sm-10">
|
||||||
|
<div class="custom-controls-stacked">
|
||||||
|
<label class="custom-control custom-radio">
|
||||||
|
<input name="custom-radio-3" type="radio" class="custom-control-input" checked>
|
||||||
|
<span class="custom-control-label">Default radio</span>
|
||||||
|
</label>
|
||||||
|
<label class="custom-control custom-radio">
|
||||||
|
<input name="custom-radio-3" type="radio" class="custom-control-input">
|
||||||
|
<span class="custom-control-label">Second default radio</span>
|
||||||
|
</label>
|
||||||
|
<label class="custom-control custom-radio">
|
||||||
|
<input name="custom-radio-3" type="radio" class="custom-control-input" disabled>
|
||||||
|
<span class="custom-control-label">Disabled radio</span>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</fieldset>
|
||||||
|
<div class="form-group row">
|
||||||
|
<label class="col-form-label col-sm-2 text-sm-right pt-sm-0">Checkbox</label>
|
||||||
|
<div class="col-sm-10">
|
||||||
|
<label class="custom-control custom-checkbox m-0">
|
||||||
|
<input type="checkbox" class="custom-control-input">
|
||||||
|
<span class="custom-control-label">Check me out</span>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group row">
|
||||||
|
<div class="col-sm-10 ml-sm-auto">
|
||||||
|
<button type="submit" class="btn btn-primary">Submit</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-12">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Form row</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Bootstrap column layout.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<form>
|
||||||
|
<div class="form-row">
|
||||||
|
<div class="form-group col-md-6">
|
||||||
|
<label for="inputEmail4">Email</label>
|
||||||
|
<input type="email" class="form-control" id="inputEmail4" placeholder="Email">
|
||||||
|
</div>
|
||||||
|
<div class="form-group col-md-6">
|
||||||
|
<label for="inputPassword4">Password</label>
|
||||||
|
<input type="password" class="form-control" id="inputPassword4" placeholder="Password">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="inputAddress">Address</label>
|
||||||
|
<input type="text" class="form-control" id="inputAddress" placeholder="1234 Main St">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="inputAddress2">Address 2</label>
|
||||||
|
<input type="text" class="form-control" id="inputAddress2" placeholder="Apartment, studio, or floor">
|
||||||
|
</div>
|
||||||
|
<div class="form-row">
|
||||||
|
<div class="form-group col-md-6">
|
||||||
|
<label for="inputCity">City</label>
|
||||||
|
<input type="text" class="form-control" id="inputCity">
|
||||||
|
</div>
|
||||||
|
<div class="form-group col-md-4">
|
||||||
|
<label for="inputState">State</label>
|
||||||
|
<select id="inputState" class="form-control">
|
||||||
|
<option selected>Choose...</option>
|
||||||
|
<option>...</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="form-group col-md-2">
|
||||||
|
<label for="inputZip">Zip</label>
|
||||||
|
<input type="text" class="form-control" id="inputZip">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="custom-control custom-checkbox m-0">
|
||||||
|
<input type="checkbox" class="custom-control-input">
|
||||||
|
<span class="custom-control-label">Check me out</span>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<button type="submit" class="btn btn-primary">Submit</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-12">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Inline form</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Single horizontal row.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<form class="form-inline">
|
||||||
|
<label class="sr-only" for="inlineFormInputName2">Name</label>
|
||||||
|
<input type="text" class="form-control mb-2 mr-sm-2" id="inlineFormInputName2" placeholder="Jane Doe">
|
||||||
|
|
||||||
|
<label class="sr-only" for="inlineFormInputGroupUsername2">Username</label>
|
||||||
|
<div class="input-group mb-2 mr-sm-2">
|
||||||
|
<div class="input-group-prepend">
|
||||||
|
<div class="input-group-text">@</div>
|
||||||
|
</div>
|
||||||
|
<input type="text" class="form-control" id="inlineFormInputGroupUsername2" placeholder="Username">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="custom-control custom-checkbox mb-1 mr-sm-2">
|
||||||
|
<input type="checkbox" class="custom-control-input" id="customControlInline">
|
||||||
|
<label class="custom-control-label" for="customControlInline">Remember me</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button type="submit" class="btn btn-primary mb-2">Submit</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row text-muted">
|
||||||
|
<div class="col-6 text-left">
|
||||||
|
<p class="mb-0">
|
||||||
|
<a href="index.html" class="text-muted"><strong>AdminKit Demo</strong></a> ©
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-6 text-right">
|
||||||
|
<ul class="list-inline">
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Support</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Help Center</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Privacy</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Terms</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="js/vendor.js"></script>
|
||||||
|
<script src="js/app.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 82 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 147 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 200 KiB |
@@ -0,0 +1,811 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
<meta name="description" content="Responsive Web UI Kit & Dashboard Template based on Bootstrap">
|
||||||
|
<meta name="author" content="AdminKit">
|
||||||
|
<meta name="keywords" content="adminkit, bootstrap, web ui kit, dashboard template, admin template">
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="img/icons/icon-48x48.png" />
|
||||||
|
|
||||||
|
<title>AdminKit Demo - Web UI Kit & Dashboard Template</title>
|
||||||
|
|
||||||
|
<link href="css/app.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="wrapper">
|
||||||
|
<nav id="sidebar" class="sidebar">
|
||||||
|
<div class="sidebar-content js-simplebar">
|
||||||
|
<a class="sidebar-brand" href="index.html">
|
||||||
|
<span class="align-middle">AdminKit</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<ul class="sidebar-nav">
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Pages
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item active">
|
||||||
|
<a class="sidebar-link" href="index.html">
|
||||||
|
<i class="align-middle" data-feather="sliders"></i> <span class="align-middle">Dashboard</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-profile.html">
|
||||||
|
<i class="align-middle" data-feather="user"></i> <span class="align-middle">Profile</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-settings.html">
|
||||||
|
<i class="align-middle" data-feather="settings"></i> <span class="align-middle">Settings</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-invoice.html">
|
||||||
|
<i class="align-middle" data-feather="credit-card"></i> <span class="align-middle">Invoice</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-blank.html">
|
||||||
|
<i class="align-middle" data-feather="book"></i> <span class="align-middle">Blank</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Tools & Components
|
||||||
|
</li>
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a href="#ui" data-toggle="collapse" class="sidebar-link collapsed">
|
||||||
|
<i class="align-middle" data-feather="briefcase"></i> <span class="align-middle">UI Elements</span>
|
||||||
|
</a>
|
||||||
|
<ul id="ui" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-alerts.html">Alerts</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-buttons.html">Buttons</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-cards.html">Cards</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-general.html">General</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-grid.html">Grid</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-modals.html">Modals</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-typography.html">Typography</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="icons-feather.html">
|
||||||
|
<i class="align-middle" data-feather="coffee"></i> <span class="align-middle">Icons</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a href="#forms" data-toggle="collapse" class="sidebar-link collapsed">
|
||||||
|
<i class="align-middle" data-feather="check-circle"></i> <span class="align-middle">Forms</span>
|
||||||
|
</a>
|
||||||
|
<ul id="forms" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="forms-layouts.html">Form Layouts</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="forms-basic-inputs.html">Basic Inputs</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="tables-bootstrap.html">
|
||||||
|
<i class="align-middle" data-feather="list"></i> <span class="align-middle">Tables</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Plugins & Addons
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="charts-chartjs.html">
|
||||||
|
<i class="align-middle" data-feather="bar-chart-2"></i> <span class="align-middle">Charts</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="maps-google.html">
|
||||||
|
<i class="align-middle" data-feather="map"></i> <span class="align-middle">Maps</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="sidebar-cta">
|
||||||
|
<div class="sidebar-cta-content">
|
||||||
|
<strong class="d-inline-block mb-2">Upgrade to Pro</strong>
|
||||||
|
<div class="mb-3 text-sm">
|
||||||
|
Are you looking for more components?
|
||||||
|
</div>
|
||||||
|
<a href="https://adminkit.io/pricing" target="_blank" class="btn btn-outline-primary btn-block">Upgrade</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div class="main">
|
||||||
|
<nav class="navbar navbar-expand navbar-light navbar-bg">
|
||||||
|
<a class="sidebar-toggle d-flex">
|
||||||
|
<i class="hamburger align-self-center"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<form class="form-inline d-none d-sm-inline-block">
|
||||||
|
<div class="input-group input-group-navbar">
|
||||||
|
<input type="text" class="form-control" placeholder="Search…" aria-label="Search">
|
||||||
|
<div class="input-group-append">
|
||||||
|
<button class="btn" type="button">
|
||||||
|
<i class="align-middle" data-feather="search"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="navbar-collapse collapse">
|
||||||
|
<ul class="navbar-nav navbar-align">
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle" href="#" id="alertsDropdown" data-toggle="dropdown">
|
||||||
|
<div class="position-relative">
|
||||||
|
<i class="align-middle" data-feather="bell"></i>
|
||||||
|
<span class="indicator">4</span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0" aria-labelledby="alertsDropdown">
|
||||||
|
<div class="dropdown-menu-header">
|
||||||
|
4 New Notifications
|
||||||
|
</div>
|
||||||
|
<div class="list-group">
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-danger" data-feather="alert-circle"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Update completed</div>
|
||||||
|
<div class="text-muted small mt-1">Restart server 12 to complete the update.</div>
|
||||||
|
<div class="text-muted small mt-1">30m ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-warning" data-feather="bell"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Lorem ipsum</div>
|
||||||
|
<div class="text-muted small mt-1">Aliquam ex eros, imperdiet vulputate hendrerit et.</div>
|
||||||
|
<div class="text-muted small mt-1">2h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-primary" data-feather="home"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Login from 192.186.1.8</div>
|
||||||
|
<div class="text-muted small mt-1">5h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-success" data-feather="user-plus"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">New connection</div>
|
||||||
|
<div class="text-muted small mt-1">Christina accepted your request.</div>
|
||||||
|
<div class="text-muted small mt-1">14h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-footer">
|
||||||
|
<a href="#" class="text-muted">Show all notifications</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle" href="#" id="messagesDropdown" data-toggle="dropdown">
|
||||||
|
<div class="position-relative">
|
||||||
|
<i class="align-middle" data-feather="message-square"></i>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0" aria-labelledby="messagesDropdown">
|
||||||
|
<div class="dropdown-menu-header">
|
||||||
|
<div class="position-relative">
|
||||||
|
4 New Messages
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="list-group">
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Vanessa Tucker</div>
|
||||||
|
<div class="text-muted small mt-1">Nam pretium turpis et arcu. Duis arcu tortor.</div>
|
||||||
|
<div class="text-muted small mt-1">15m ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">William Harris</div>
|
||||||
|
<div class="text-muted small mt-1">Curabitur ligula sapien euismod vitae.</div>
|
||||||
|
<div class="text-muted small mt-1">2h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Christina Mason</div>
|
||||||
|
<div class="text-muted small mt-1">Pellentesque auctor neque nec urna.</div>
|
||||||
|
<div class="text-muted small mt-1">4h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Sharon Lessman</div>
|
||||||
|
<div class="text-muted small mt-1">Aenean tellus metus, bibendum sed, posuere ac, mattis non.</div>
|
||||||
|
<div class="text-muted small mt-1">5h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-footer">
|
||||||
|
<a href="#" class="text-muted">Show all messages</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle d-inline-block d-sm-none" href="#" data-toggle="dropdown">
|
||||||
|
<i class="align-middle" data-feather="settings"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a class="nav-link dropdown-toggle d-none d-sm-inline-block" href="#" data-toggle="dropdown">
|
||||||
|
<img src="img/avatars/avatar.jpg" class="avatar img-fluid rounded mr-1" alt="Charles Hall" /> <span class="text-dark">Charles Hall</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-right">
|
||||||
|
<a class="dropdown-item" href="pages-profile.html"><i class="align-middle mr-1" data-feather="user"></i> Profile</a>
|
||||||
|
<a class="dropdown-item" href="#"><i class="align-middle mr-1" data-feather="pie-chart"></i> Analytics</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="pages-settings.html"><i class="align-middle mr-1" data-feather="settings"></i> Settings & Privacy</a>
|
||||||
|
<a class="dropdown-item" href="#"><i class="align-middle mr-1" data-feather="help-circle"></i> Help Center</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="#">Log out</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<main class="content">
|
||||||
|
<div class="container-fluid p-0">
|
||||||
|
|
||||||
|
<div class="row mb-2 mb-xl-3">
|
||||||
|
<div class="col-auto d-none d-sm-block">
|
||||||
|
<h3><strong>Analytics</strong> Dashboard</h3>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-auto ml-auto text-right mt-n1">
|
||||||
|
<nav aria-label="breadcrumb">
|
||||||
|
<ol class="breadcrumb bg-transparent p-0 mt-1 mb-0">
|
||||||
|
<li class="breadcrumb-item"><a href="#">AdminKit</a></li>
|
||||||
|
<li class="breadcrumb-item"><a href="#">Dashboards</a></li>
|
||||||
|
<li class="breadcrumb-item active" aria-current="page">Analytics</li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-xl-6 col-xxl-5 d-flex">
|
||||||
|
<div class="w-100">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="card-title mb-4">Sales</h5>
|
||||||
|
<h1 class="display-5 mt-1 mb-3">2.382</h1>
|
||||||
|
<div class="mb-1">
|
||||||
|
<span class="text-danger"> <i class="mdi mdi-arrow-bottom-right"></i> -3.65% </span>
|
||||||
|
<span class="text-muted">Since last week</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="card-title mb-4">Visitors</h5>
|
||||||
|
<h1 class="display-5 mt-1 mb-3">14.212</h1>
|
||||||
|
<div class="mb-1">
|
||||||
|
<span class="text-success"> <i class="mdi mdi-arrow-bottom-right"></i> 5.25% </span>
|
||||||
|
<span class="text-muted">Since last week</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="card-title mb-4">Earnings</h5>
|
||||||
|
<h1 class="display-5 mt-1 mb-3">$21.300</h1>
|
||||||
|
<div class="mb-1">
|
||||||
|
<span class="text-success"> <i class="mdi mdi-arrow-bottom-right"></i> 6.65% </span>
|
||||||
|
<span class="text-muted">Since last week</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="card-title mb-4">Orders</h5>
|
||||||
|
<h1 class="display-5 mt-1 mb-3">64</h1>
|
||||||
|
<div class="mb-1">
|
||||||
|
<span class="text-danger"> <i class="mdi mdi-arrow-bottom-right"></i> -2.25% </span>
|
||||||
|
<span class="text-muted">Since last week</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-xl-6 col-xxl-7">
|
||||||
|
<div class="card flex-fill w-100">
|
||||||
|
<div class="card-header">
|
||||||
|
|
||||||
|
<h5 class="card-title mb-0">Recent Movement</h5>
|
||||||
|
</div>
|
||||||
|
<div class="card-body py-3">
|
||||||
|
<div class="chart chart-sm">
|
||||||
|
<canvas id="chartjs-dashboard-line"></canvas>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12 col-md-6 col-xxl-3 d-flex order-2 order-xxl-3">
|
||||||
|
<div class="card flex-fill w-100">
|
||||||
|
<div class="card-header">
|
||||||
|
|
||||||
|
<h5 class="card-title mb-0">Browser Usage</h5>
|
||||||
|
</div>
|
||||||
|
<div class="card-body d-flex">
|
||||||
|
<div class="align-self-center w-100">
|
||||||
|
<div class="py-3">
|
||||||
|
<div class="chart chart-xs">
|
||||||
|
<canvas id="chartjs-dashboard-pie"></canvas>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<table class="table mb-0">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>Chrome</td>
|
||||||
|
<td class="text-right">4306</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Firefox</td>
|
||||||
|
<td class="text-right">3801</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>IE</td>
|
||||||
|
<td class="text-right">1689</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-md-12 col-xxl-6 d-flex order-3 order-xxl-2">
|
||||||
|
<div class="card flex-fill w-100">
|
||||||
|
<div class="card-header">
|
||||||
|
|
||||||
|
<h5 class="card-title mb-0">Real-Time</h5>
|
||||||
|
</div>
|
||||||
|
<div class="card-body px-4">
|
||||||
|
<div id="world_map" style="height:350px;"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-md-6 col-xxl-3 d-flex order-1 order-xxl-1">
|
||||||
|
<div class="card flex-fill">
|
||||||
|
<div class="card-header">
|
||||||
|
|
||||||
|
<h5 class="card-title mb-0">Calendar</h5>
|
||||||
|
</div>
|
||||||
|
<div class="card-body d-flex">
|
||||||
|
<div class="align-self-center w-100">
|
||||||
|
<div class="chart">
|
||||||
|
<div id="datetimepicker-dashboard"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12 col-lg-8 col-xxl-9 d-flex">
|
||||||
|
<div class="card flex-fill">
|
||||||
|
<div class="card-header">
|
||||||
|
|
||||||
|
<h5 class="card-title mb-0">Latest Projects</h5>
|
||||||
|
</div>
|
||||||
|
<table class="table table-hover my-0">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Name</th>
|
||||||
|
<th class="d-none d-xl-table-cell">Start Date</th>
|
||||||
|
<th class="d-none d-xl-table-cell">End Date</th>
|
||||||
|
<th>Status</th>
|
||||||
|
<th class="d-none d-md-table-cell">Assignee</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>Project Apollo</td>
|
||||||
|
<td class="d-none d-xl-table-cell">01/01/2020</td>
|
||||||
|
<td class="d-none d-xl-table-cell">31/06/2020</td>
|
||||||
|
<td><span class="badge badge-success">Done</span></td>
|
||||||
|
<td class="d-none d-md-table-cell">Vanessa Tucker</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Project Fireball</td>
|
||||||
|
<td class="d-none d-xl-table-cell">01/01/2020</td>
|
||||||
|
<td class="d-none d-xl-table-cell">31/06/2020</td>
|
||||||
|
<td><span class="badge badge-danger">Cancelled</span></td>
|
||||||
|
<td class="d-none d-md-table-cell">William Harris</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Project Hades</td>
|
||||||
|
<td class="d-none d-xl-table-cell">01/01/2020</td>
|
||||||
|
<td class="d-none d-xl-table-cell">31/06/2020</td>
|
||||||
|
<td><span class="badge badge-success">Done</span></td>
|
||||||
|
<td class="d-none d-md-table-cell">Sharon Lessman</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Project Nitro</td>
|
||||||
|
<td class="d-none d-xl-table-cell">01/01/2020</td>
|
||||||
|
<td class="d-none d-xl-table-cell">31/06/2020</td>
|
||||||
|
<td><span class="badge badge-warning">In progress</span></td>
|
||||||
|
<td class="d-none d-md-table-cell">Vanessa Tucker</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Project Phoenix</td>
|
||||||
|
<td class="d-none d-xl-table-cell">01/01/2020</td>
|
||||||
|
<td class="d-none d-xl-table-cell">31/06/2020</td>
|
||||||
|
<td><span class="badge badge-success">Done</span></td>
|
||||||
|
<td class="d-none d-md-table-cell">William Harris</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Project X</td>
|
||||||
|
<td class="d-none d-xl-table-cell">01/01/2020</td>
|
||||||
|
<td class="d-none d-xl-table-cell">31/06/2020</td>
|
||||||
|
<td><span class="badge badge-success">Done</span></td>
|
||||||
|
<td class="d-none d-md-table-cell">Sharon Lessman</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Project Romeo</td>
|
||||||
|
<td class="d-none d-xl-table-cell">01/01/2020</td>
|
||||||
|
<td class="d-none d-xl-table-cell">31/06/2020</td>
|
||||||
|
<td><span class="badge badge-success">Done</span></td>
|
||||||
|
<td class="d-none d-md-table-cell">Christina Mason</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Project Wombat</td>
|
||||||
|
<td class="d-none d-xl-table-cell">01/01/2020</td>
|
||||||
|
<td class="d-none d-xl-table-cell">31/06/2020</td>
|
||||||
|
<td><span class="badge badge-warning">In progress</span></td>
|
||||||
|
<td class="d-none d-md-table-cell">William Harris</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-lg-4 col-xxl-3 d-flex">
|
||||||
|
<div class="card flex-fill w-100">
|
||||||
|
<div class="card-header">
|
||||||
|
|
||||||
|
<h5 class="card-title mb-0">Monthly Sales</h5>
|
||||||
|
</div>
|
||||||
|
<div class="card-body d-flex w-100">
|
||||||
|
<div class="align-self-center chart chart-lg">
|
||||||
|
<canvas id="chartjs-dashboard-bar"></canvas>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row text-muted">
|
||||||
|
<div class="col-6 text-left">
|
||||||
|
<p class="mb-0">
|
||||||
|
<a href="index.html" class="text-muted"><strong>AdminKit Demo</strong></a> ©
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-6 text-right">
|
||||||
|
<ul class="list-inline">
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Support</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Help Center</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Privacy</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Terms</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="js/vendor.js"></script>
|
||||||
|
<script src="js/app.js"></script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
var ctx = document.getElementById('chartjs-dashboard-line').getContext("2d");
|
||||||
|
var gradient = ctx.createLinearGradient(0, 0, 0, 225);
|
||||||
|
gradient.addColorStop(0, 'rgba(215, 227, 244, 1)');
|
||||||
|
gradient.addColorStop(1, 'rgba(215, 227, 244, 0)');
|
||||||
|
// Line chart
|
||||||
|
new Chart(document.getElementById("chartjs-dashboard-line"), {
|
||||||
|
type: 'line',
|
||||||
|
data: {
|
||||||
|
labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
|
||||||
|
datasets: [{
|
||||||
|
label: "Sales ($)",
|
||||||
|
fill: true,
|
||||||
|
backgroundColor: gradient,
|
||||||
|
borderColor: window.theme.primary,
|
||||||
|
data: [
|
||||||
|
2115,
|
||||||
|
1562,
|
||||||
|
1584,
|
||||||
|
1892,
|
||||||
|
1587,
|
||||||
|
1923,
|
||||||
|
2566,
|
||||||
|
2448,
|
||||||
|
2805,
|
||||||
|
3438,
|
||||||
|
2917,
|
||||||
|
3327
|
||||||
|
]
|
||||||
|
}]
|
||||||
|
},
|
||||||
|
options: {
|
||||||
|
maintainAspectRatio: false,
|
||||||
|
legend: {
|
||||||
|
display: false
|
||||||
|
},
|
||||||
|
tooltips: {
|
||||||
|
intersect: false
|
||||||
|
},
|
||||||
|
hover: {
|
||||||
|
intersect: true
|
||||||
|
},
|
||||||
|
plugins: {
|
||||||
|
filler: {
|
||||||
|
propagate: false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
scales: {
|
||||||
|
xAxes: [{
|
||||||
|
reverse: true,
|
||||||
|
gridLines: {
|
||||||
|
color: "rgba(0,0,0,0.0)"
|
||||||
|
}
|
||||||
|
}],
|
||||||
|
yAxes: [{
|
||||||
|
ticks: {
|
||||||
|
stepSize: 1000
|
||||||
|
},
|
||||||
|
display: true,
|
||||||
|
borderDash: [3, 3],
|
||||||
|
gridLines: {
|
||||||
|
color: "rgba(0,0,0,0.0)"
|
||||||
|
}
|
||||||
|
}]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
// Pie chart
|
||||||
|
new Chart(document.getElementById("chartjs-dashboard-pie"), {
|
||||||
|
type: 'pie',
|
||||||
|
data: {
|
||||||
|
labels: ["Chrome", "Firefox", "IE"],
|
||||||
|
datasets: [{
|
||||||
|
data: [4306, 3801, 1689],
|
||||||
|
backgroundColor: [
|
||||||
|
window.theme.primary,
|
||||||
|
window.theme.warning,
|
||||||
|
window.theme.danger
|
||||||
|
],
|
||||||
|
borderWidth: 5
|
||||||
|
}]
|
||||||
|
},
|
||||||
|
options: {
|
||||||
|
responsive: !window.MSInputMethodContext,
|
||||||
|
maintainAspectRatio: false,
|
||||||
|
legend: {
|
||||||
|
display: false
|
||||||
|
},
|
||||||
|
cutoutPercentage: 75
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
// Bar chart
|
||||||
|
new Chart(document.getElementById("chartjs-dashboard-bar"), {
|
||||||
|
type: 'bar',
|
||||||
|
data: {
|
||||||
|
labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
|
||||||
|
datasets: [{
|
||||||
|
label: "This year",
|
||||||
|
backgroundColor: window.theme.primary,
|
||||||
|
borderColor: window.theme.primary,
|
||||||
|
hoverBackgroundColor: window.theme.primary,
|
||||||
|
hoverBorderColor: window.theme.primary,
|
||||||
|
data: [54, 67, 41, 55, 62, 45, 55, 73, 60, 76, 48, 79],
|
||||||
|
barPercentage: .75,
|
||||||
|
categoryPercentage: .5
|
||||||
|
}]
|
||||||
|
},
|
||||||
|
options: {
|
||||||
|
maintainAspectRatio: false,
|
||||||
|
legend: {
|
||||||
|
display: false
|
||||||
|
},
|
||||||
|
scales: {
|
||||||
|
yAxes: [{
|
||||||
|
gridLines: {
|
||||||
|
display: false
|
||||||
|
},
|
||||||
|
stacked: false,
|
||||||
|
ticks: {
|
||||||
|
stepSize: 20
|
||||||
|
}
|
||||||
|
}],
|
||||||
|
xAxes: [{
|
||||||
|
stacked: false,
|
||||||
|
gridLines: {
|
||||||
|
color: "transparent"
|
||||||
|
}
|
||||||
|
}]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
$("#world_map").vectorMap({
|
||||||
|
map: "world_mill",
|
||||||
|
normalizeFunction: "polynomial",
|
||||||
|
hoverOpacity: .7,
|
||||||
|
hoverColor: false,
|
||||||
|
regionStyle: {
|
||||||
|
initial: {
|
||||||
|
fill: "#e3eaef"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
markerStyle: {
|
||||||
|
initial: {
|
||||||
|
"r": 9,
|
||||||
|
"fill": window.theme.primary,
|
||||||
|
"fill-opacity": .95,
|
||||||
|
"stroke": "#fff",
|
||||||
|
"stroke-width": 7,
|
||||||
|
"stroke-opacity": .4
|
||||||
|
},
|
||||||
|
hover: {
|
||||||
|
"stroke": "#fff",
|
||||||
|
"fill-opacity": 1,
|
||||||
|
"stroke-width": 1.5
|
||||||
|
}
|
||||||
|
},
|
||||||
|
backgroundColor: "transparent",
|
||||||
|
zoomOnScroll: false,
|
||||||
|
markers: [{
|
||||||
|
latLng: [31.230391, 121.473701],
|
||||||
|
name: "Shanghai"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
latLng: [28.704060, 77.102493],
|
||||||
|
name: "Delhi"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
latLng: [6.524379, 3.379206],
|
||||||
|
name: "Lagos"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
latLng: [35.689487, 139.691711],
|
||||||
|
name: "Tokyo"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
latLng: [23.129110, 113.264381],
|
||||||
|
name: "Guangzhou"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
latLng: [40.7127837, -74.0059413],
|
||||||
|
name: "New York"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
latLng: [34.052235, -118.243683],
|
||||||
|
name: "Los Angeles"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
latLng: [41.878113, -87.629799],
|
||||||
|
name: "Chicago"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
latLng: [51.507351, -0.127758],
|
||||||
|
name: "London"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
latLng: [40.416775, -3.703790],
|
||||||
|
name: "Madrid"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
});
|
||||||
|
setTimeout(function() {
|
||||||
|
$(window).trigger('resize');
|
||||||
|
}, 250)
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
$('#datetimepicker-dashboard').datetimepicker({
|
||||||
|
inline: true,
|
||||||
|
sideBySide: false,
|
||||||
|
format: 'L'
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,566 @@
|
|||||||
|
/*!*************************!*\
|
||||||
|
!*** ./dist/icons.json ***!
|
||||||
|
\*************************/
|
||||||
|
|
||||||
|
/*! exports provided: activity, airplay, alert-circle, alert-octagon, alert-triangle, align-center, align-justify, align-left, align-right, anchor, aperture, archive, arrow-down-circle, arrow-down-left, arrow-down-right, arrow-down, arrow-left-circle, arrow-left, arrow-right-circle, arrow-right, arrow-up-circle, arrow-up-left, arrow-up-right, arrow-up, at-sign, award, bar-chart-2, bar-chart, battery-charging, battery, bell-off, bell, bluetooth, bold, book-open, book, bookmark, box, briefcase, calendar, camera-off, camera, cast, check-circle, check-square, check, chevron-down, chevron-left, chevron-right, chevron-up, chevrons-down, chevrons-left, chevrons-right, chevrons-up, chrome, circle, clipboard, clock, cloud-drizzle, cloud-lightning, cloud-off, cloud-rain, cloud-snow, cloud, code, codepen, codesandbox, coffee, columns, command, compass, copy, corner-down-left, corner-down-right, corner-left-down, corner-left-up, corner-right-down, corner-right-up, corner-up-left, corner-up-right, cpu, credit-card, crop, crosshair, database, delete, disc, dollar-sign, download-cloud, download, droplet, edit-2, edit-3, edit, external-link, eye-off, eye, facebook, fast-forward, feather, figma, file-minus, file-plus, file-text, file, film, filter, flag, folder-minus, folder-plus, folder, framer, frown, gift, git-branch, git-commit, git-merge, git-pull-request, github, gitlab, globe, grid, hard-drive, hash, headphones, heart, help-circle, hexagon, home, image, inbox, info, instagram, italic, key, layers, layout, life-buoy, link-2, link, linkedin, list, loader, lock, log-in, log-out, mail, map-pin, map, maximize-2, maximize, meh, menu, message-circle, message-square, mic-off, mic, minimize-2, minimize, minus-circle, minus-square, minus, monitor, moon, more-horizontal, more-vertical, mouse-pointer, move, music, navigation-2, navigation, octagon, package, paperclip, pause-circle, pause, pen-tool, percent, phone-call, phone-forwarded, phone-incoming, phone-missed, phone-off, phone-outgoing, phone, pie-chart, play-circle, play, plus-circle, plus-square, plus, pocket, power, printer, radio, refresh-ccw, refresh-cw, repeat, rewind, rotate-ccw, rotate-cw, rss, save, scissors, search, send, server, settings, share-2, share, shield-off, shield, shopping-bag, shopping-cart, shuffle, sidebar, skip-back, skip-forward, slack, slash, sliders, smartphone, smile, speaker, square, star, stop-circle, sun, sunrise, sunset, tablet, tag, target, terminal, thermometer, thumbs-down, thumbs-up, toggle-left, toggle-right, tool, trash-2, trash, trello, trending-down, trending-up, triangle, truck, tv, twitch, twitter, type, umbrella, underline, unlock, upload-cloud, upload, user-check, user-minus, user-plus, user-x, user, users, video-off, video, voicemail, volume-1, volume-2, volume-x, volume, watch, wifi-off, wifi, wind, x-circle, x-octagon, x-square, x, youtube, zap-off, zap, zoom-in, zoom-out, default */
|
||||||
|
|
||||||
|
/*!*******************************************!*\
|
||||||
|
!*** ./node_modules/classnames/dedupe.js ***!
|
||||||
|
\*******************************************/
|
||||||
|
|
||||||
|
/*! no static exports found */
|
||||||
|
|
||||||
|
/*!
|
||||||
|
Copyright (c) 2016 Jed Watson.
|
||||||
|
Licensed under the MIT License (MIT), see
|
||||||
|
http://jedwatson.github.io/classnames
|
||||||
|
*/
|
||||||
|
|
||||||
|
/*!***********************************************!*\
|
||||||
|
!*** ./node_modules/core-js/es/array/from.js ***!
|
||||||
|
\***********************************************/
|
||||||
|
|
||||||
|
/*! ../../modules/es.string.iterator */
|
||||||
|
|
||||||
|
/*! ../../modules/es.array.from */
|
||||||
|
|
||||||
|
/*! ../../internals/path */
|
||||||
|
|
||||||
|
/*!******************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/a-function.js ***!
|
||||||
|
\******************************************************/
|
||||||
|
|
||||||
|
/*!*****************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/an-object.js ***!
|
||||||
|
\*****************************************************/
|
||||||
|
|
||||||
|
/*! ../internals/is-object */
|
||||||
|
|
||||||
|
/*!******************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/array-from.js ***!
|
||||||
|
\******************************************************/
|
||||||
|
|
||||||
|
/*! ../internals/bind-context */
|
||||||
|
|
||||||
|
/*! ../internals/to-object */
|
||||||
|
|
||||||
|
/*! ../internals/call-with-safe-iteration-closing */
|
||||||
|
|
||||||
|
/*! ../internals/is-array-iterator-method */
|
||||||
|
|
||||||
|
/*! ../internals/to-length */
|
||||||
|
|
||||||
|
/*! ../internals/create-property */
|
||||||
|
|
||||||
|
/*! ../internals/get-iterator-method */
|
||||||
|
|
||||||
|
/*!**********************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/array-includes.js ***!
|
||||||
|
\**********************************************************/
|
||||||
|
|
||||||
|
/*! ../internals/to-indexed-object */
|
||||||
|
|
||||||
|
/*! ../internals/to-absolute-index */
|
||||||
|
|
||||||
|
/*!********************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/bind-context.js ***!
|
||||||
|
\********************************************************/
|
||||||
|
|
||||||
|
/*! ../internals/a-function */
|
||||||
|
|
||||||
|
/*!****************************************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/call-with-safe-iteration-closing.js ***!
|
||||||
|
\****************************************************************************/
|
||||||
|
|
||||||
|
/*! ../internals/an-object */
|
||||||
|
|
||||||
|
/*!**************************************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/check-correctness-of-iteration.js ***!
|
||||||
|
\**************************************************************************/
|
||||||
|
|
||||||
|
/*! ../internals/well-known-symbol */
|
||||||
|
|
||||||
|
/*!*******************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/classof-raw.js ***!
|
||||||
|
\*******************************************************/
|
||||||
|
|
||||||
|
/*!***************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/classof.js ***!
|
||||||
|
\***************************************************/
|
||||||
|
|
||||||
|
/*! ../internals/classof-raw */
|
||||||
|
|
||||||
|
/*!***********************************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/copy-constructor-properties.js ***!
|
||||||
|
\***********************************************************************/
|
||||||
|
|
||||||
|
/*! ../internals/has */
|
||||||
|
|
||||||
|
/*! ../internals/own-keys */
|
||||||
|
|
||||||
|
/*! ../internals/object-get-own-property-descriptor */
|
||||||
|
|
||||||
|
/*! ../internals/object-define-property */
|
||||||
|
|
||||||
|
/*!********************************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/correct-prototype-getter.js ***!
|
||||||
|
\********************************************************************/
|
||||||
|
|
||||||
|
/*! ../internals/fails */
|
||||||
|
|
||||||
|
/*!***********************************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/create-iterator-constructor.js ***!
|
||||||
|
\***********************************************************************/
|
||||||
|
|
||||||
|
/*! ../internals/iterators-core */
|
||||||
|
|
||||||
|
/*! ../internals/object-create */
|
||||||
|
|
||||||
|
/*! ../internals/create-property-descriptor */
|
||||||
|
|
||||||
|
/*! ../internals/set-to-string-tag */
|
||||||
|
|
||||||
|
/*! ../internals/iterators */
|
||||||
|
|
||||||
|
/*!**********************************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/create-property-descriptor.js ***!
|
||||||
|
\**********************************************************************/
|
||||||
|
|
||||||
|
/*!***********************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/create-property.js ***!
|
||||||
|
\***********************************************************/
|
||||||
|
|
||||||
|
/*! ../internals/to-primitive */
|
||||||
|
|
||||||
|
/*!***********************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/define-iterator.js ***!
|
||||||
|
\***********************************************************/
|
||||||
|
|
||||||
|
/*! ../internals/export */
|
||||||
|
|
||||||
|
/*! ../internals/create-iterator-constructor */
|
||||||
|
|
||||||
|
/*! ../internals/object-get-prototype-of */
|
||||||
|
|
||||||
|
/*! ../internals/object-set-prototype-of */
|
||||||
|
|
||||||
|
/*! ../internals/hide */
|
||||||
|
|
||||||
|
/*! ../internals/redefine */
|
||||||
|
|
||||||
|
/*! ../internals/is-pure */
|
||||||
|
|
||||||
|
/*!*******************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/descriptors.js ***!
|
||||||
|
\*******************************************************/
|
||||||
|
|
||||||
|
/*!*******************************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/document-create-element.js ***!
|
||||||
|
\*******************************************************************/
|
||||||
|
|
||||||
|
/*! ../internals/global */
|
||||||
|
|
||||||
|
/*!*********************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/enum-bug-keys.js ***!
|
||||||
|
\*********************************************************/
|
||||||
|
|
||||||
|
/*!**************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/export.js ***!
|
||||||
|
\**************************************************/
|
||||||
|
|
||||||
|
/*! ../internals/set-global */
|
||||||
|
|
||||||
|
/*! ../internals/copy-constructor-properties */
|
||||||
|
|
||||||
|
/*! ../internals/is-forced */
|
||||||
|
|
||||||
|
/*!*************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/fails.js ***!
|
||||||
|
\*************************************************/
|
||||||
|
|
||||||
|
/*!**************************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/function-to-string.js ***!
|
||||||
|
\**************************************************************/
|
||||||
|
|
||||||
|
/*! ../internals/shared */
|
||||||
|
|
||||||
|
/*!***************************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/get-iterator-method.js ***!
|
||||||
|
\***************************************************************/
|
||||||
|
|
||||||
|
/*! ../internals/classof */
|
||||||
|
|
||||||
|
/*!**************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/global.js ***!
|
||||||
|
\**************************************************/
|
||||||
|
|
||||||
|
/*! ./../../webpack/buildin/global.js */
|
||||||
|
|
||||||
|
/*!***********************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/has.js ***!
|
||||||
|
\***********************************************/
|
||||||
|
|
||||||
|
/*!*******************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/hidden-keys.js ***!
|
||||||
|
\*******************************************************/
|
||||||
|
|
||||||
|
/*!************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/hide.js ***!
|
||||||
|
\************************************************/
|
||||||
|
|
||||||
|
/*! ../internals/descriptors */
|
||||||
|
|
||||||
|
/*!************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/html.js ***!
|
||||||
|
\************************************************/
|
||||||
|
|
||||||
|
/*!**********************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/ie8-dom-define.js ***!
|
||||||
|
\**********************************************************/
|
||||||
|
|
||||||
|
/*! ../internals/document-create-element */
|
||||||
|
|
||||||
|
/*!**********************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/indexed-object.js ***!
|
||||||
|
\**********************************************************/
|
||||||
|
|
||||||
|
/*!**********************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/internal-state.js ***!
|
||||||
|
\**********************************************************/
|
||||||
|
|
||||||
|
/*! ../internals/native-weak-map */
|
||||||
|
|
||||||
|
/*! ../internals/shared-key */
|
||||||
|
|
||||||
|
/*! ../internals/hidden-keys */
|
||||||
|
|
||||||
|
/*!********************************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/is-array-iterator-method.js ***!
|
||||||
|
\********************************************************************/
|
||||||
|
|
||||||
|
/*!*****************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/is-forced.js ***!
|
||||||
|
\*****************************************************/
|
||||||
|
|
||||||
|
/*!*****************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/is-object.js ***!
|
||||||
|
\*****************************************************/
|
||||||
|
|
||||||
|
/*!***************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/is-pure.js ***!
|
||||||
|
\***************************************************/
|
||||||
|
|
||||||
|
/*!**********************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/iterators-core.js ***!
|
||||||
|
\**********************************************************/
|
||||||
|
|
||||||
|
/*!*****************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/iterators.js ***!
|
||||||
|
\*****************************************************/
|
||||||
|
|
||||||
|
/*!*********************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/native-symbol.js ***!
|
||||||
|
\*********************************************************/
|
||||||
|
|
||||||
|
/*!***********************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/native-weak-map.js ***!
|
||||||
|
\***********************************************************/
|
||||||
|
|
||||||
|
/*! ../internals/function-to-string */
|
||||||
|
|
||||||
|
/*!*********************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/object-create.js ***!
|
||||||
|
\*********************************************************/
|
||||||
|
|
||||||
|
/*! ../internals/object-define-properties */
|
||||||
|
|
||||||
|
/*! ../internals/enum-bug-keys */
|
||||||
|
|
||||||
|
/*! ../internals/html */
|
||||||
|
|
||||||
|
/*!********************************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/object-define-properties.js ***!
|
||||||
|
\********************************************************************/
|
||||||
|
|
||||||
|
/*! ../internals/object-keys */
|
||||||
|
|
||||||
|
/*!******************************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/object-define-property.js ***!
|
||||||
|
\******************************************************************/
|
||||||
|
|
||||||
|
/*! ../internals/ie8-dom-define */
|
||||||
|
|
||||||
|
/*!******************************************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/object-get-own-property-descriptor.js ***!
|
||||||
|
\******************************************************************************/
|
||||||
|
|
||||||
|
/*! ../internals/object-property-is-enumerable */
|
||||||
|
|
||||||
|
/*!*************************************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/object-get-own-property-names.js ***!
|
||||||
|
\*************************************************************************/
|
||||||
|
|
||||||
|
/*! ../internals/object-keys-internal */
|
||||||
|
|
||||||
|
/*!***************************************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/object-get-own-property-symbols.js ***!
|
||||||
|
\***************************************************************************/
|
||||||
|
|
||||||
|
/*!*******************************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/object-get-prototype-of.js ***!
|
||||||
|
\*******************************************************************/
|
||||||
|
|
||||||
|
/*! ../internals/correct-prototype-getter */
|
||||||
|
|
||||||
|
/*!****************************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/object-keys-internal.js ***!
|
||||||
|
\****************************************************************/
|
||||||
|
|
||||||
|
/*! ../internals/array-includes */
|
||||||
|
|
||||||
|
/*!*******************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/object-keys.js ***!
|
||||||
|
\*******************************************************/
|
||||||
|
|
||||||
|
/*!*************************************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/object-property-is-enumerable.js ***!
|
||||||
|
\*************************************************************************/
|
||||||
|
|
||||||
|
/*!*******************************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/object-set-prototype-of.js ***!
|
||||||
|
\*******************************************************************/
|
||||||
|
|
||||||
|
/*! ../internals/validate-set-prototype-of-arguments */
|
||||||
|
|
||||||
|
/*!****************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/own-keys.js ***!
|
||||||
|
\****************************************************/
|
||||||
|
|
||||||
|
/*! ../internals/object-get-own-property-names */
|
||||||
|
|
||||||
|
/*! ../internals/object-get-own-property-symbols */
|
||||||
|
|
||||||
|
/*!************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/path.js ***!
|
||||||
|
\************************************************/
|
||||||
|
|
||||||
|
/*!****************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/redefine.js ***!
|
||||||
|
\****************************************************/
|
||||||
|
|
||||||
|
/*! ../internals/internal-state */
|
||||||
|
|
||||||
|
/*!********************************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/require-object-coercible.js ***!
|
||||||
|
\********************************************************************/
|
||||||
|
|
||||||
|
/*!******************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/set-global.js ***!
|
||||||
|
\******************************************************/
|
||||||
|
|
||||||
|
/*!*************************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/set-to-string-tag.js ***!
|
||||||
|
\*************************************************************/
|
||||||
|
|
||||||
|
/*!******************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/shared-key.js ***!
|
||||||
|
\******************************************************/
|
||||||
|
|
||||||
|
/*! ../internals/uid */
|
||||||
|
|
||||||
|
/*!**************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/shared.js ***!
|
||||||
|
\**************************************************/
|
||||||
|
|
||||||
|
/*!*****************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/string-at.js ***!
|
||||||
|
\*****************************************************/
|
||||||
|
|
||||||
|
/*! ../internals/to-integer */
|
||||||
|
|
||||||
|
/*! ../internals/require-object-coercible */
|
||||||
|
|
||||||
|
/*!*************************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/to-absolute-index.js ***!
|
||||||
|
\*************************************************************/
|
||||||
|
|
||||||
|
/*!*************************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/to-indexed-object.js ***!
|
||||||
|
\*************************************************************/
|
||||||
|
|
||||||
|
/*! ../internals/indexed-object */
|
||||||
|
|
||||||
|
/*!******************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/to-integer.js ***!
|
||||||
|
\******************************************************/
|
||||||
|
|
||||||
|
/*!*****************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/to-length.js ***!
|
||||||
|
\*****************************************************/
|
||||||
|
|
||||||
|
/*!*****************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/to-object.js ***!
|
||||||
|
\*****************************************************/
|
||||||
|
|
||||||
|
/*!********************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/to-primitive.js ***!
|
||||||
|
\********************************************************/
|
||||||
|
|
||||||
|
/*!***********************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/uid.js ***!
|
||||||
|
\***********************************************/
|
||||||
|
|
||||||
|
/*!*******************************************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/validate-set-prototype-of-arguments.js ***!
|
||||||
|
\*******************************************************************************/
|
||||||
|
|
||||||
|
/*!*************************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/internals/well-known-symbol.js ***!
|
||||||
|
\*************************************************************/
|
||||||
|
|
||||||
|
/*! ../internals/native-symbol */
|
||||||
|
|
||||||
|
/*!*******************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/modules/es.array.from.js ***!
|
||||||
|
\*******************************************************/
|
||||||
|
|
||||||
|
/*! ../internals/array-from */
|
||||||
|
|
||||||
|
/*! ../internals/check-correctness-of-iteration */
|
||||||
|
|
||||||
|
/*!************************************************************!*\
|
||||||
|
!*** ./node_modules/core-js/modules/es.string.iterator.js ***!
|
||||||
|
\************************************************************/
|
||||||
|
|
||||||
|
/*! ../internals/string-at */
|
||||||
|
|
||||||
|
/*! ../internals/define-iterator */
|
||||||
|
|
||||||
|
/*!***********************************!*\
|
||||||
|
!*** (webpack)/buildin/global.js ***!
|
||||||
|
\***********************************/
|
||||||
|
|
||||||
|
/*!********************************!*\
|
||||||
|
!*** ./src/default-attrs.json ***!
|
||||||
|
\********************************/
|
||||||
|
|
||||||
|
/*! exports provided: xmlns, width, height, viewBox, fill, stroke, stroke-width, stroke-linecap, stroke-linejoin, default */
|
||||||
|
|
||||||
|
/*!*********************!*\
|
||||||
|
!*** ./src/icon.js ***!
|
||||||
|
\*********************/
|
||||||
|
|
||||||
|
/*! classnames/dedupe */
|
||||||
|
|
||||||
|
/*! ./default-attrs.json */
|
||||||
|
|
||||||
|
/*!**********************!*\
|
||||||
|
!*** ./src/icons.js ***!
|
||||||
|
\**********************/
|
||||||
|
|
||||||
|
/*! ./icon */
|
||||||
|
|
||||||
|
/*! ../dist/icons.json */
|
||||||
|
|
||||||
|
/*! ./tags.json */
|
||||||
|
|
||||||
|
/*!**********************!*\
|
||||||
|
!*** ./src/index.js ***!
|
||||||
|
\**********************/
|
||||||
|
|
||||||
|
/*! ./icons */
|
||||||
|
|
||||||
|
/*! ./to-svg */
|
||||||
|
|
||||||
|
/*! ./replace */
|
||||||
|
|
||||||
|
/*!************************!*\
|
||||||
|
!*** ./src/replace.js ***!
|
||||||
|
\************************/
|
||||||
|
|
||||||
|
/*!***********************!*\
|
||||||
|
!*** ./src/tags.json ***!
|
||||||
|
\***********************/
|
||||||
|
|
||||||
|
/*! exports provided: activity, airplay, alert-circle, alert-octagon, alert-triangle, at-sign, award, aperture, bell, bell-off, bluetooth, book-open, book, bookmark, briefcase, clipboard, clock, cloud-drizzle, cloud-lightning, cloud-rain, cloud-snow, cloud, codepen, codesandbox, coffee, command, compass, copy, corner-down-left, corner-down-right, corner-left-down, corner-left-up, corner-right-down, corner-right-up, corner-up-left, corner-up-right, credit-card, crop, crosshair, database, delete, disc, dollar-sign, droplet, edit, edit-2, edit-3, eye, eye-off, external-link, facebook, fast-forward, figma, film, folder-minus, folder-plus, folder, framer, frown, gift, git-branch, git-commit, git-merge, git-pull-request, github, gitlab, global, hard-drive, hash, headphones, heart, help-circle, hexagon, home, image, inbox, instagram, key, life-bouy, linkedin, lock, log-in, log-out, mail, map-pin, map, maximize, maximize-2, meh, menu, message-circle, message-square, mic-off, mic, minimize, minimize-2, monitor, moon, more-horizontal, more-vertical, mouse-pointer, move, navigation, navigation-2, octagon, package, paperclip, pause, pause-circle, pen-tool, play, play-circle, plus, plus-circle, plus-square, pocket, power, radio, rewind, rss, save, search, send, settings, shield, shield-off, shopping-bag, shopping-cart, shuffle, skip-back, skip-forward, slash, sliders, smile, speaker, star, sun, sunrise, sunset, tag, target, terminal, thumbs-down, thumbs-up, toggle-left, toggle-right, trash, trash-2, triangle, truck, twitter, umbrella, video-off, video, voicemail, volume, volume-1, volume-2, volume-x, watch, wind, x-circle, x-octagon, x-square, x, youtube, zap-off, zap, default */
|
||||||
|
|
||||||
|
/*!***********************!*\
|
||||||
|
!*** ./src/to-svg.js ***!
|
||||||
|
\***********************/
|
||||||
|
|
||||||
|
/*!**************************************************!*\
|
||||||
|
!*** multi core-js/es/array/from ./src/index.js ***!
|
||||||
|
\**************************************************/
|
||||||
|
|
||||||
|
/*! core-js/es/array/from */
|
||||||
|
|
||||||
|
/*! /home/travis/build/feathericons/feather/src/index.js */
|
||||||
|
|
||||||
|
/*!
|
||||||
|
* Chart.js v2.9.3
|
||||||
|
* https://www.chartjs.org
|
||||||
|
* (c) 2019 Chart.js Contributors
|
||||||
|
* Released under the MIT License
|
||||||
|
*/
|
||||||
|
|
||||||
|
/*!
|
||||||
|
* jQuery JavaScript Library v3.4.1
|
||||||
|
* https://jquery.com/
|
||||||
|
*
|
||||||
|
* Includes Sizzle.js
|
||||||
|
* https://sizzlejs.com/
|
||||||
|
*
|
||||||
|
* Copyright JS Foundation and other contributors
|
||||||
|
* Released under the MIT license
|
||||||
|
* https://jquery.org/license
|
||||||
|
*
|
||||||
|
* Date: 2019-05-01T21:04Z
|
||||||
|
*/
|
||||||
|
|
||||||
|
/*!
|
||||||
|
* Sizzle CSS Selector Engine v2.3.4
|
||||||
|
* https://sizzlejs.com/
|
||||||
|
*
|
||||||
|
* Copyright JS Foundation and other contributors
|
||||||
|
* Released under the MIT license
|
||||||
|
* https://js.foundation/
|
||||||
|
*
|
||||||
|
* Date: 2019-04-08
|
||||||
|
*/
|
||||||
|
|
||||||
|
/*!
|
||||||
|
* Bootstrap v4.4.1 (https://getbootstrap.com/)
|
||||||
|
* Copyright 2011-2019 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
|
||||||
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**!
|
||||||
|
* @fileOverview Kickass library to create and place poppers near their reference elements.
|
||||||
|
* @version 1.16.0
|
||||||
|
* @license
|
||||||
|
* Copyright (c) 2016 Federico Zivolo and contributors
|
||||||
|
*
|
||||||
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
|
* of this software and associated documentation files (the "Software"), to deal
|
||||||
|
* in the Software without restriction, including without limitation the rights
|
||||||
|
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||||
|
* copies of the Software, and to permit persons to whom the Software is
|
||||||
|
* furnished to do so, subject to the following conditions:
|
||||||
|
*
|
||||||
|
* The above copyright notice and this permission notice shall be included in all
|
||||||
|
* copies or substantial portions of the Software.
|
||||||
|
*
|
||||||
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||||
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||||
|
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||||
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||||
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||||
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||||
|
* SOFTWARE.
|
||||||
|
*/
|
||||||
|
|
||||||
|
/*@preserve
|
||||||
|
* Tempus Dominus Bootstrap4 v5.1.2 (https://tempusdominus.github.io/bootstrap-4/)
|
||||||
|
* Copyright 2016-2018 Jonathan Peterson
|
||||||
|
* Licensed under MIT (https://github.com/tempusdominus/bootstrap-3/blob/master/LICENSE)
|
||||||
|
*/
|
||||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,712 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
<meta name="description" content="Responsive Web UI Kit & Dashboard Template based on Bootstrap">
|
||||||
|
<meta name="author" content="AdminKit">
|
||||||
|
<meta name="keywords" content="adminkit, bootstrap, web ui kit, dashboard template, admin template">
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="img/icons/icon-48x48.png" />
|
||||||
|
|
||||||
|
<title>Google Maps | AdminKit Demo</title>
|
||||||
|
|
||||||
|
<link href="css/app.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="wrapper">
|
||||||
|
<nav id="sidebar" class="sidebar">
|
||||||
|
<div class="sidebar-content js-simplebar">
|
||||||
|
<a class="sidebar-brand" href="index.html">
|
||||||
|
<span class="align-middle">AdminKit</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<ul class="sidebar-nav">
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Pages
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="index.html">
|
||||||
|
<i class="align-middle" data-feather="sliders"></i> <span class="align-middle">Dashboard</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-profile.html">
|
||||||
|
<i class="align-middle" data-feather="user"></i> <span class="align-middle">Profile</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-settings.html">
|
||||||
|
<i class="align-middle" data-feather="settings"></i> <span class="align-middle">Settings</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-invoice.html">
|
||||||
|
<i class="align-middle" data-feather="credit-card"></i> <span class="align-middle">Invoice</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-blank.html">
|
||||||
|
<i class="align-middle" data-feather="book"></i> <span class="align-middle">Blank</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Tools & Components
|
||||||
|
</li>
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a href="#ui" data-toggle="collapse" class="sidebar-link collapsed">
|
||||||
|
<i class="align-middle" data-feather="briefcase"></i> <span class="align-middle">UI Elements</span>
|
||||||
|
</a>
|
||||||
|
<ul id="ui" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-alerts.html">Alerts</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-buttons.html">Buttons</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-cards.html">Cards</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-general.html">General</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-grid.html">Grid</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-modals.html">Modals</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-typography.html">Typography</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="icons-feather.html">
|
||||||
|
<i class="align-middle" data-feather="coffee"></i> <span class="align-middle">Icons</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a href="#forms" data-toggle="collapse" class="sidebar-link collapsed">
|
||||||
|
<i class="align-middle" data-feather="check-circle"></i> <span class="align-middle">Forms</span>
|
||||||
|
</a>
|
||||||
|
<ul id="forms" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="forms-layouts.html">Form Layouts</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="forms-basic-inputs.html">Basic Inputs</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="tables-bootstrap.html">
|
||||||
|
<i class="align-middle" data-feather="list"></i> <span class="align-middle">Tables</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Plugins & Addons
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="charts-chartjs.html">
|
||||||
|
<i class="align-middle" data-feather="bar-chart-2"></i> <span class="align-middle">Charts</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item active">
|
||||||
|
<a class="sidebar-link" href="maps-google.html">
|
||||||
|
<i class="align-middle" data-feather="map"></i> <span class="align-middle">Maps</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="sidebar-cta">
|
||||||
|
<div class="sidebar-cta-content">
|
||||||
|
<strong class="d-inline-block mb-2">Upgrade to Pro</strong>
|
||||||
|
<div class="mb-3 text-sm">
|
||||||
|
Are you looking for more components?
|
||||||
|
</div>
|
||||||
|
<a href="https://adminkit.io/pricing" target="_blank" class="btn btn-outline-primary btn-block">Upgrade</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div class="main">
|
||||||
|
<nav class="navbar navbar-expand navbar-light navbar-bg">
|
||||||
|
<a class="sidebar-toggle d-flex">
|
||||||
|
<i class="hamburger align-self-center"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<form class="form-inline d-none d-sm-inline-block">
|
||||||
|
<div class="input-group input-group-navbar">
|
||||||
|
<input type="text" class="form-control" placeholder="Search…" aria-label="Search">
|
||||||
|
<div class="input-group-append">
|
||||||
|
<button class="btn" type="button">
|
||||||
|
<i class="align-middle" data-feather="search"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="navbar-collapse collapse">
|
||||||
|
<ul class="navbar-nav navbar-align">
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle" href="#" id="alertsDropdown" data-toggle="dropdown">
|
||||||
|
<div class="position-relative">
|
||||||
|
<i class="align-middle" data-feather="bell"></i>
|
||||||
|
<span class="indicator">4</span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0" aria-labelledby="alertsDropdown">
|
||||||
|
<div class="dropdown-menu-header">
|
||||||
|
4 New Notifications
|
||||||
|
</div>
|
||||||
|
<div class="list-group">
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-danger" data-feather="alert-circle"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Update completed</div>
|
||||||
|
<div class="text-muted small mt-1">Restart server 12 to complete the update.</div>
|
||||||
|
<div class="text-muted small mt-1">30m ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-warning" data-feather="bell"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Lorem ipsum</div>
|
||||||
|
<div class="text-muted small mt-1">Aliquam ex eros, imperdiet vulputate hendrerit et.</div>
|
||||||
|
<div class="text-muted small mt-1">2h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-primary" data-feather="home"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Login from 192.186.1.8</div>
|
||||||
|
<div class="text-muted small mt-1">5h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-success" data-feather="user-plus"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">New connection</div>
|
||||||
|
<div class="text-muted small mt-1">Christina accepted your request.</div>
|
||||||
|
<div class="text-muted small mt-1">14h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-footer">
|
||||||
|
<a href="#" class="text-muted">Show all notifications</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle" href="#" id="messagesDropdown" data-toggle="dropdown">
|
||||||
|
<div class="position-relative">
|
||||||
|
<i class="align-middle" data-feather="message-square"></i>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0" aria-labelledby="messagesDropdown">
|
||||||
|
<div class="dropdown-menu-header">
|
||||||
|
<div class="position-relative">
|
||||||
|
4 New Messages
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="list-group">
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Vanessa Tucker</div>
|
||||||
|
<div class="text-muted small mt-1">Nam pretium turpis et arcu. Duis arcu tortor.</div>
|
||||||
|
<div class="text-muted small mt-1">15m ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">William Harris</div>
|
||||||
|
<div class="text-muted small mt-1">Curabitur ligula sapien euismod vitae.</div>
|
||||||
|
<div class="text-muted small mt-1">2h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Christina Mason</div>
|
||||||
|
<div class="text-muted small mt-1">Pellentesque auctor neque nec urna.</div>
|
||||||
|
<div class="text-muted small mt-1">4h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Sharon Lessman</div>
|
||||||
|
<div class="text-muted small mt-1">Aenean tellus metus, bibendum sed, posuere ac, mattis non.</div>
|
||||||
|
<div class="text-muted small mt-1">5h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-footer">
|
||||||
|
<a href="#" class="text-muted">Show all messages</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle d-inline-block d-sm-none" href="#" data-toggle="dropdown">
|
||||||
|
<i class="align-middle" data-feather="settings"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a class="nav-link dropdown-toggle d-none d-sm-inline-block" href="#" data-toggle="dropdown">
|
||||||
|
<img src="img/avatars/avatar.jpg" class="avatar img-fluid rounded mr-1" alt="Charles Hall" /> <span class="text-dark">Charles Hall</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-right">
|
||||||
|
<a class="dropdown-item" href="pages-profile.html"><i class="align-middle mr-1" data-feather="user"></i> Profile</a>
|
||||||
|
<a class="dropdown-item" href="#"><i class="align-middle mr-1" data-feather="pie-chart"></i> Analytics</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="pages-settings.html"><i class="align-middle mr-1" data-feather="settings"></i> Settings & Privacy</a>
|
||||||
|
<a class="dropdown-item" href="#"><i class="align-middle mr-1" data-feather="help-circle"></i> Help Center</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="#">Log out</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<main class="content">
|
||||||
|
<div class="container-fluid p-0">
|
||||||
|
|
||||||
|
<h1 class="h3 mb-3">Google Maps</h1>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Default Map</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Displays the default road map view.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="content" id="default_map" style="height: 300px;"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Hybrid Map</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Displays a mixture of normal and satellite views.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="content" id="hybrid_map" style="height: 300px;"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Light Style</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Ligh color scheme.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="content" id="light_map" style="height: 300px;"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Dark Style</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Dark color scheme.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="content" id="dark_map" style="height: 300px;"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Streetview</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Panoramic 360 degree views from designated roads throughout its coverage area.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="content" id="streetview_map" style="height: 300px;"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Markers</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Identify a location on a map.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="content" id="markers_map" style="height: 300px;"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row text-muted">
|
||||||
|
<div class="col-6 text-left">
|
||||||
|
<p class="mb-0">
|
||||||
|
<a href="index.html" class="text-muted"><strong>AdminKit Demo</strong></a> ©
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-6 text-right">
|
||||||
|
<ul class="list-inline">
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Support</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Help Center</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Privacy</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Terms</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="js/vendor.js"></script>
|
||||||
|
<script src="js/app.js"></script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function initMaps() {
|
||||||
|
var defaultMap = {
|
||||||
|
zoom: 14,
|
||||||
|
center: {
|
||||||
|
lat: 40.712784,
|
||||||
|
lng: -74.005941
|
||||||
|
},
|
||||||
|
mapTypeId: google.maps.MapTypeId.ROADMAP
|
||||||
|
};
|
||||||
|
new google.maps.Map(document.getElementById("default_map"), defaultMap);
|
||||||
|
var hybridMap = {
|
||||||
|
zoom: 14,
|
||||||
|
center: {
|
||||||
|
lat: 40.712784,
|
||||||
|
lng: -74.005941
|
||||||
|
},
|
||||||
|
mapTypeId: google.maps.MapTypeId.HYBRID
|
||||||
|
};
|
||||||
|
new google.maps.Map(document.getElementById("hybrid_map"), hybridMap);
|
||||||
|
var lightMap = {
|
||||||
|
zoom: 14,
|
||||||
|
center: {
|
||||||
|
lat: 40.712784,
|
||||||
|
lng: -74.005941
|
||||||
|
},
|
||||||
|
styles: [{
|
||||||
|
"featureType": "water",
|
||||||
|
"elementType": "geometry",
|
||||||
|
"stylers": [{
|
||||||
|
"color": "#e9e9e9"
|
||||||
|
}, {
|
||||||
|
"lightness": 17
|
||||||
|
}]
|
||||||
|
}, {
|
||||||
|
"featureType": "landscape",
|
||||||
|
"elementType": "geometry",
|
||||||
|
"stylers": [{
|
||||||
|
"color": "#f5f5f5"
|
||||||
|
}, {
|
||||||
|
"lightness": 20
|
||||||
|
}]
|
||||||
|
}, {
|
||||||
|
"featureType": "road.highway",
|
||||||
|
"elementType": "geometry.fill",
|
||||||
|
"stylers": [{
|
||||||
|
"color": "#ffffff"
|
||||||
|
}, {
|
||||||
|
"lightness": 17
|
||||||
|
}]
|
||||||
|
}, {
|
||||||
|
"featureType": "road.highway",
|
||||||
|
"elementType": "geometry.stroke",
|
||||||
|
"stylers": [{
|
||||||
|
"color": "#ffffff"
|
||||||
|
}, {
|
||||||
|
"lightness": 29
|
||||||
|
}, {
|
||||||
|
"weight": 0.2
|
||||||
|
}]
|
||||||
|
}, {
|
||||||
|
"featureType": "road.arterial",
|
||||||
|
"elementType": "geometry",
|
||||||
|
"stylers": [{
|
||||||
|
"color": "#ffffff"
|
||||||
|
}, {
|
||||||
|
"lightness": 18
|
||||||
|
}]
|
||||||
|
}, {
|
||||||
|
"featureType": "road.local",
|
||||||
|
"elementType": "geometry",
|
||||||
|
"stylers": [{
|
||||||
|
"color": "#ffffff"
|
||||||
|
}, {
|
||||||
|
"lightness": 16
|
||||||
|
}]
|
||||||
|
}, {
|
||||||
|
"featureType": "poi",
|
||||||
|
"elementType": "geometry",
|
||||||
|
"stylers": [{
|
||||||
|
"color": "#f5f5f5"
|
||||||
|
}, {
|
||||||
|
"lightness": 21
|
||||||
|
}]
|
||||||
|
}, {
|
||||||
|
"featureType": "poi.park",
|
||||||
|
"elementType": "geometry",
|
||||||
|
"stylers": [{
|
||||||
|
"color": "#dedede"
|
||||||
|
}, {
|
||||||
|
"lightness": 21
|
||||||
|
}]
|
||||||
|
}, {
|
||||||
|
"elementType": "labels.text.stroke",
|
||||||
|
"stylers": [{
|
||||||
|
"visibility": "on"
|
||||||
|
}, {
|
||||||
|
"color": "#ffffff"
|
||||||
|
}, {
|
||||||
|
"lightness": 16
|
||||||
|
}]
|
||||||
|
}, {
|
||||||
|
"elementType": "labels.text.fill",
|
||||||
|
"stylers": [{
|
||||||
|
"saturation": 36
|
||||||
|
}, {
|
||||||
|
"color": "#333333"
|
||||||
|
}, {
|
||||||
|
"lightness": 40
|
||||||
|
}]
|
||||||
|
}, {
|
||||||
|
"elementType": "labels.icon",
|
||||||
|
"stylers": [{
|
||||||
|
"visibility": "off"
|
||||||
|
}]
|
||||||
|
}, {
|
||||||
|
"featureType": "transit",
|
||||||
|
"elementType": "geometry",
|
||||||
|
"stylers": [{
|
||||||
|
"color": "#f2f2f2"
|
||||||
|
}, {
|
||||||
|
"lightness": 19
|
||||||
|
}]
|
||||||
|
}, {
|
||||||
|
"featureType": "administrative",
|
||||||
|
"elementType": "geometry.fill",
|
||||||
|
"stylers": [{
|
||||||
|
"color": "#fefefe"
|
||||||
|
}, {
|
||||||
|
"lightness": 20
|
||||||
|
}]
|
||||||
|
}, {
|
||||||
|
"featureType": "administrative",
|
||||||
|
"elementType": "geometry.stroke",
|
||||||
|
"stylers": [{
|
||||||
|
"color": "#fefefe"
|
||||||
|
}, {
|
||||||
|
"lightness": 17
|
||||||
|
}, {
|
||||||
|
"weight": 1.2
|
||||||
|
}]
|
||||||
|
}]
|
||||||
|
};
|
||||||
|
new google.maps.Map(document.getElementById("light_map"), lightMap)
|
||||||
|
var darkMap = {
|
||||||
|
zoom: 14,
|
||||||
|
center: {
|
||||||
|
lat: 40.712784,
|
||||||
|
lng: -74.005941
|
||||||
|
},
|
||||||
|
styles: [{
|
||||||
|
"featureType": "all",
|
||||||
|
"elementType": "labels.text.fill",
|
||||||
|
"stylers": [{
|
||||||
|
"saturation": 36
|
||||||
|
}, {
|
||||||
|
"color": "#000000"
|
||||||
|
}, {
|
||||||
|
"lightness": 40
|
||||||
|
}]
|
||||||
|
}, {
|
||||||
|
"featureType": "all",
|
||||||
|
"elementType": "labels.text.stroke",
|
||||||
|
"stylers": [{
|
||||||
|
"visibility": "on"
|
||||||
|
}, {
|
||||||
|
"color": "#000000"
|
||||||
|
}, {
|
||||||
|
"lightness": 16
|
||||||
|
}]
|
||||||
|
}, {
|
||||||
|
"featureType": "all",
|
||||||
|
"elementType": "labels.icon",
|
||||||
|
"stylers": [{
|
||||||
|
"visibility": "off"
|
||||||
|
}]
|
||||||
|
}, {
|
||||||
|
"featureType": "administrative",
|
||||||
|
"elementType": "geometry.fill",
|
||||||
|
"stylers": [{
|
||||||
|
"color": "#000000"
|
||||||
|
}, {
|
||||||
|
"lightness": 20
|
||||||
|
}]
|
||||||
|
}, {
|
||||||
|
"featureType": "administrative",
|
||||||
|
"elementType": "geometry.stroke",
|
||||||
|
"stylers": [{
|
||||||
|
"color": "#000000"
|
||||||
|
}, {
|
||||||
|
"lightness": 17
|
||||||
|
}, {
|
||||||
|
"weight": 1.2
|
||||||
|
}]
|
||||||
|
}, {
|
||||||
|
"featureType": "landscape",
|
||||||
|
"elementType": "geometry",
|
||||||
|
"stylers": [{
|
||||||
|
"color": "#000000"
|
||||||
|
}, {
|
||||||
|
"lightness": 20
|
||||||
|
}]
|
||||||
|
}, {
|
||||||
|
"featureType": "poi",
|
||||||
|
"elementType": "geometry",
|
||||||
|
"stylers": [{
|
||||||
|
"color": "#000000"
|
||||||
|
}, {
|
||||||
|
"lightness": 21
|
||||||
|
}]
|
||||||
|
}, {
|
||||||
|
"featureType": "road.highway",
|
||||||
|
"elementType": "geometry.fill",
|
||||||
|
"stylers": [{
|
||||||
|
"color": "#000000"
|
||||||
|
}, {
|
||||||
|
"lightness": 17
|
||||||
|
}]
|
||||||
|
}, {
|
||||||
|
"featureType": "road.highway",
|
||||||
|
"elementType": "geometry.stroke",
|
||||||
|
"stylers": [{
|
||||||
|
"color": "#000000"
|
||||||
|
}, {
|
||||||
|
"lightness": 29
|
||||||
|
}, {
|
||||||
|
"weight": 0.2
|
||||||
|
}]
|
||||||
|
}, {
|
||||||
|
"featureType": "road.arterial",
|
||||||
|
"elementType": "geometry",
|
||||||
|
"stylers": [{
|
||||||
|
"color": "#000000"
|
||||||
|
}, {
|
||||||
|
"lightness": 18
|
||||||
|
}]
|
||||||
|
}, {
|
||||||
|
"featureType": "road.local",
|
||||||
|
"elementType": "geometry",
|
||||||
|
"stylers": [{
|
||||||
|
"color": "#000000"
|
||||||
|
}, {
|
||||||
|
"lightness": 16
|
||||||
|
}]
|
||||||
|
}, {
|
||||||
|
"featureType": "transit",
|
||||||
|
"elementType": "geometry",
|
||||||
|
"stylers": [{
|
||||||
|
"color": "#000000"
|
||||||
|
}, {
|
||||||
|
"lightness": 19
|
||||||
|
}]
|
||||||
|
}, {
|
||||||
|
"featureType": "water",
|
||||||
|
"elementType": "geometry",
|
||||||
|
"stylers": [{
|
||||||
|
"color": "#000000"
|
||||||
|
}, {
|
||||||
|
"lightness": 17
|
||||||
|
}]
|
||||||
|
}]
|
||||||
|
};
|
||||||
|
new google.maps.Map(document.getElementById("dark_map"), darkMap)
|
||||||
|
var streetviewMap = {
|
||||||
|
position: {
|
||||||
|
lat: 42.345573,
|
||||||
|
lng: -71.098326
|
||||||
|
},
|
||||||
|
pov: {
|
||||||
|
heading: 160,
|
||||||
|
pitch: 0
|
||||||
|
}
|
||||||
|
};
|
||||||
|
new google.maps.StreetViewPanorama(document.getElementById("streetview_map"), streetviewMap);
|
||||||
|
var markersMap = {
|
||||||
|
zoom: 14,
|
||||||
|
center: {
|
||||||
|
lat: 40.712784,
|
||||||
|
lng: -74.005941
|
||||||
|
},
|
||||||
|
mapTypeId: google.maps.MapTypeId.TERRAIN
|
||||||
|
};
|
||||||
|
var markersMap = new google.maps.Map(document.getElementById("markers_map"), markersMap)
|
||||||
|
var marker = new google.maps.Marker({
|
||||||
|
position: {
|
||||||
|
lat: 40.712784,
|
||||||
|
lng: -74.005941
|
||||||
|
},
|
||||||
|
map: markersMap,
|
||||||
|
title: "Hello World!"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA-aWrwgr64q4b3TEZwQ0lkHI4lZK-moM4&callback=initMaps" async defer></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,359 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
<meta name="description" content="Responsive Web UI Kit & Dashboard Template based on Bootstrap">
|
||||||
|
<meta name="author" content="AdminKit">
|
||||||
|
<meta name="keywords" content="adminkit, bootstrap, web ui kit, dashboard template, admin template">
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="img/icons/icon-48x48.png" />
|
||||||
|
|
||||||
|
<title>Blank Page | AdminKit Demo</title>
|
||||||
|
|
||||||
|
<link href="css/app.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="wrapper">
|
||||||
|
<nav id="sidebar" class="sidebar">
|
||||||
|
<div class="sidebar-content js-simplebar">
|
||||||
|
<a class="sidebar-brand" href="index.html">
|
||||||
|
<span class="align-middle">AdminKit</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<ul class="sidebar-nav">
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Pages
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="index.html">
|
||||||
|
<i class="align-middle" data-feather="sliders"></i> <span class="align-middle">Dashboard</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-profile.html">
|
||||||
|
<i class="align-middle" data-feather="user"></i> <span class="align-middle">Profile</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-settings.html">
|
||||||
|
<i class="align-middle" data-feather="settings"></i> <span class="align-middle">Settings</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-invoice.html">
|
||||||
|
<i class="align-middle" data-feather="credit-card"></i> <span class="align-middle">Invoice</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item active">
|
||||||
|
<a class="sidebar-link" href="pages-blank.html">
|
||||||
|
<i class="align-middle" data-feather="book"></i> <span class="align-middle">Blank</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Tools & Components
|
||||||
|
</li>
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a href="#ui" data-toggle="collapse" class="sidebar-link collapsed">
|
||||||
|
<i class="align-middle" data-feather="briefcase"></i> <span class="align-middle">UI Elements</span>
|
||||||
|
</a>
|
||||||
|
<ul id="ui" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-alerts.html">Alerts</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-buttons.html">Buttons</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-cards.html">Cards</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-general.html">General</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-grid.html">Grid</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-modals.html">Modals</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-typography.html">Typography</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="icons-feather.html">
|
||||||
|
<i class="align-middle" data-feather="coffee"></i> <span class="align-middle">Icons</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a href="#forms" data-toggle="collapse" class="sidebar-link collapsed">
|
||||||
|
<i class="align-middle" data-feather="check-circle"></i> <span class="align-middle">Forms</span>
|
||||||
|
</a>
|
||||||
|
<ul id="forms" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="forms-layouts.html">Form Layouts</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="forms-basic-inputs.html">Basic Inputs</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="tables-bootstrap.html">
|
||||||
|
<i class="align-middle" data-feather="list"></i> <span class="align-middle">Tables</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Plugins & Addons
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="charts-chartjs.html">
|
||||||
|
<i class="align-middle" data-feather="bar-chart-2"></i> <span class="align-middle">Charts</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="maps-google.html">
|
||||||
|
<i class="align-middle" data-feather="map"></i> <span class="align-middle">Maps</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="sidebar-cta">
|
||||||
|
<div class="sidebar-cta-content">
|
||||||
|
<strong class="d-inline-block mb-2">Upgrade to Pro</strong>
|
||||||
|
<div class="mb-3 text-sm">
|
||||||
|
Are you looking for more components?
|
||||||
|
</div>
|
||||||
|
<a href="https://adminkit.io/pricing" target="_blank" class="btn btn-outline-primary btn-block">Upgrade</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div class="main">
|
||||||
|
<nav class="navbar navbar-expand navbar-light navbar-bg">
|
||||||
|
<a class="sidebar-toggle d-flex">
|
||||||
|
<i class="hamburger align-self-center"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<form class="form-inline d-none d-sm-inline-block">
|
||||||
|
<div class="input-group input-group-navbar">
|
||||||
|
<input type="text" class="form-control" placeholder="Search…" aria-label="Search">
|
||||||
|
<div class="input-group-append">
|
||||||
|
<button class="btn" type="button">
|
||||||
|
<i class="align-middle" data-feather="search"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="navbar-collapse collapse">
|
||||||
|
<ul class="navbar-nav navbar-align">
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle" href="#" id="alertsDropdown" data-toggle="dropdown">
|
||||||
|
<div class="position-relative">
|
||||||
|
<i class="align-middle" data-feather="bell"></i>
|
||||||
|
<span class="indicator">4</span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0" aria-labelledby="alertsDropdown">
|
||||||
|
<div class="dropdown-menu-header">
|
||||||
|
4 New Notifications
|
||||||
|
</div>
|
||||||
|
<div class="list-group">
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-danger" data-feather="alert-circle"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Update completed</div>
|
||||||
|
<div class="text-muted small mt-1">Restart server 12 to complete the update.</div>
|
||||||
|
<div class="text-muted small mt-1">30m ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-warning" data-feather="bell"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Lorem ipsum</div>
|
||||||
|
<div class="text-muted small mt-1">Aliquam ex eros, imperdiet vulputate hendrerit et.</div>
|
||||||
|
<div class="text-muted small mt-1">2h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-primary" data-feather="home"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Login from 192.186.1.8</div>
|
||||||
|
<div class="text-muted small mt-1">5h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-success" data-feather="user-plus"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">New connection</div>
|
||||||
|
<div class="text-muted small mt-1">Christina accepted your request.</div>
|
||||||
|
<div class="text-muted small mt-1">14h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-footer">
|
||||||
|
<a href="#" class="text-muted">Show all notifications</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle" href="#" id="messagesDropdown" data-toggle="dropdown">
|
||||||
|
<div class="position-relative">
|
||||||
|
<i class="align-middle" data-feather="message-square"></i>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0" aria-labelledby="messagesDropdown">
|
||||||
|
<div class="dropdown-menu-header">
|
||||||
|
<div class="position-relative">
|
||||||
|
4 New Messages
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="list-group">
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Vanessa Tucker</div>
|
||||||
|
<div class="text-muted small mt-1">Nam pretium turpis et arcu. Duis arcu tortor.</div>
|
||||||
|
<div class="text-muted small mt-1">15m ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">William Harris</div>
|
||||||
|
<div class="text-muted small mt-1">Curabitur ligula sapien euismod vitae.</div>
|
||||||
|
<div class="text-muted small mt-1">2h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Christina Mason</div>
|
||||||
|
<div class="text-muted small mt-1">Pellentesque auctor neque nec urna.</div>
|
||||||
|
<div class="text-muted small mt-1">4h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Sharon Lessman</div>
|
||||||
|
<div class="text-muted small mt-1">Aenean tellus metus, bibendum sed, posuere ac, mattis non.</div>
|
||||||
|
<div class="text-muted small mt-1">5h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-footer">
|
||||||
|
<a href="#" class="text-muted">Show all messages</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle d-inline-block d-sm-none" href="#" data-toggle="dropdown">
|
||||||
|
<i class="align-middle" data-feather="settings"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a class="nav-link dropdown-toggle d-none d-sm-inline-block" href="#" data-toggle="dropdown">
|
||||||
|
<img src="img/avatars/avatar.jpg" class="avatar img-fluid rounded mr-1" alt="Charles Hall" /> <span class="text-dark">Charles Hall</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-right">
|
||||||
|
<a class="dropdown-item" href="pages-profile.html"><i class="align-middle mr-1" data-feather="user"></i> Profile</a>
|
||||||
|
<a class="dropdown-item" href="#"><i class="align-middle mr-1" data-feather="pie-chart"></i> Analytics</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="pages-settings.html"><i class="align-middle mr-1" data-feather="settings"></i> Settings & Privacy</a>
|
||||||
|
<a class="dropdown-item" href="#"><i class="align-middle mr-1" data-feather="help-circle"></i> Help Center</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="#">Log out</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<main class="content">
|
||||||
|
<div class="container-fluid p-0">
|
||||||
|
|
||||||
|
<h1 class="h3 mb-3">Blank Page</h1>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title mb-0">Empty card</h5>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row text-muted">
|
||||||
|
<div class="col-6 text-left">
|
||||||
|
<p class="mb-0">
|
||||||
|
<a href="index.html" class="text-muted"><strong>AdminKit Demo</strong></a> ©
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-6 text-right">
|
||||||
|
<ul class="list-inline">
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Support</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Help Center</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Privacy</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Terms</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="js/vendor.js"></script>
|
||||||
|
<script src="js/app.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,457 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
<meta name="description" content="Responsive Web UI Kit & Dashboard Template based on Bootstrap">
|
||||||
|
<meta name="author" content="AdminKit">
|
||||||
|
<meta name="keywords" content="adminkit, bootstrap, web ui kit, dashboard template, admin template">
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="img/icons/icon-48x48.png" />
|
||||||
|
|
||||||
|
<title>Invoice | AdminKit Demo</title>
|
||||||
|
|
||||||
|
<link href="css/app.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="wrapper">
|
||||||
|
<nav id="sidebar" class="sidebar">
|
||||||
|
<div class="sidebar-content js-simplebar">
|
||||||
|
<a class="sidebar-brand" href="index.html">
|
||||||
|
<span class="align-middle">AdminKit</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<ul class="sidebar-nav">
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Pages
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="index.html">
|
||||||
|
<i class="align-middle" data-feather="sliders"></i> <span class="align-middle">Dashboard</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-profile.html">
|
||||||
|
<i class="align-middle" data-feather="user"></i> <span class="align-middle">Profile</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-settings.html">
|
||||||
|
<i class="align-middle" data-feather="settings"></i> <span class="align-middle">Settings</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item active">
|
||||||
|
<a class="sidebar-link" href="pages-invoice.html">
|
||||||
|
<i class="align-middle" data-feather="credit-card"></i> <span class="align-middle">Invoice</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-blank.html">
|
||||||
|
<i class="align-middle" data-feather="book"></i> <span class="align-middle">Blank</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Tools & Components
|
||||||
|
</li>
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a href="#ui" data-toggle="collapse" class="sidebar-link collapsed">
|
||||||
|
<i class="align-middle" data-feather="briefcase"></i> <span class="align-middle">UI Elements</span>
|
||||||
|
</a>
|
||||||
|
<ul id="ui" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-alerts.html">Alerts</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-buttons.html">Buttons</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-cards.html">Cards</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-general.html">General</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-grid.html">Grid</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-modals.html">Modals</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-typography.html">Typography</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="icons-feather.html">
|
||||||
|
<i class="align-middle" data-feather="coffee"></i> <span class="align-middle">Icons</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a href="#forms" data-toggle="collapse" class="sidebar-link collapsed">
|
||||||
|
<i class="align-middle" data-feather="check-circle"></i> <span class="align-middle">Forms</span>
|
||||||
|
</a>
|
||||||
|
<ul id="forms" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="forms-layouts.html">Form Layouts</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="forms-basic-inputs.html">Basic Inputs</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="tables-bootstrap.html">
|
||||||
|
<i class="align-middle" data-feather="list"></i> <span class="align-middle">Tables</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Plugins & Addons
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="charts-chartjs.html">
|
||||||
|
<i class="align-middle" data-feather="bar-chart-2"></i> <span class="align-middle">Charts</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="maps-google.html">
|
||||||
|
<i class="align-middle" data-feather="map"></i> <span class="align-middle">Maps</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="sidebar-cta">
|
||||||
|
<div class="sidebar-cta-content">
|
||||||
|
<strong class="d-inline-block mb-2">Upgrade to Pro</strong>
|
||||||
|
<div class="mb-3 text-sm">
|
||||||
|
Are you looking for more components?
|
||||||
|
</div>
|
||||||
|
<a href="https://adminkit.io/pricing" target="_blank" class="btn btn-outline-primary btn-block">Upgrade</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div class="main">
|
||||||
|
<nav class="navbar navbar-expand navbar-light navbar-bg">
|
||||||
|
<a class="sidebar-toggle d-flex">
|
||||||
|
<i class="hamburger align-self-center"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<form class="form-inline d-none d-sm-inline-block">
|
||||||
|
<div class="input-group input-group-navbar">
|
||||||
|
<input type="text" class="form-control" placeholder="Search…" aria-label="Search">
|
||||||
|
<div class="input-group-append">
|
||||||
|
<button class="btn" type="button">
|
||||||
|
<i class="align-middle" data-feather="search"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="navbar-collapse collapse">
|
||||||
|
<ul class="navbar-nav navbar-align">
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle" href="#" id="alertsDropdown" data-toggle="dropdown">
|
||||||
|
<div class="position-relative">
|
||||||
|
<i class="align-middle" data-feather="bell"></i>
|
||||||
|
<span class="indicator">4</span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0" aria-labelledby="alertsDropdown">
|
||||||
|
<div class="dropdown-menu-header">
|
||||||
|
4 New Notifications
|
||||||
|
</div>
|
||||||
|
<div class="list-group">
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-danger" data-feather="alert-circle"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Update completed</div>
|
||||||
|
<div class="text-muted small mt-1">Restart server 12 to complete the update.</div>
|
||||||
|
<div class="text-muted small mt-1">30m ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-warning" data-feather="bell"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Lorem ipsum</div>
|
||||||
|
<div class="text-muted small mt-1">Aliquam ex eros, imperdiet vulputate hendrerit et.</div>
|
||||||
|
<div class="text-muted small mt-1">2h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-primary" data-feather="home"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Login from 192.186.1.8</div>
|
||||||
|
<div class="text-muted small mt-1">5h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-success" data-feather="user-plus"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">New connection</div>
|
||||||
|
<div class="text-muted small mt-1">Christina accepted your request.</div>
|
||||||
|
<div class="text-muted small mt-1">14h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-footer">
|
||||||
|
<a href="#" class="text-muted">Show all notifications</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle" href="#" id="messagesDropdown" data-toggle="dropdown">
|
||||||
|
<div class="position-relative">
|
||||||
|
<i class="align-middle" data-feather="message-square"></i>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0" aria-labelledby="messagesDropdown">
|
||||||
|
<div class="dropdown-menu-header">
|
||||||
|
<div class="position-relative">
|
||||||
|
4 New Messages
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="list-group">
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Vanessa Tucker</div>
|
||||||
|
<div class="text-muted small mt-1">Nam pretium turpis et arcu. Duis arcu tortor.</div>
|
||||||
|
<div class="text-muted small mt-1">15m ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">William Harris</div>
|
||||||
|
<div class="text-muted small mt-1">Curabitur ligula sapien euismod vitae.</div>
|
||||||
|
<div class="text-muted small mt-1">2h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Christina Mason</div>
|
||||||
|
<div class="text-muted small mt-1">Pellentesque auctor neque nec urna.</div>
|
||||||
|
<div class="text-muted small mt-1">4h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Sharon Lessman</div>
|
||||||
|
<div class="text-muted small mt-1">Aenean tellus metus, bibendum sed, posuere ac, mattis non.</div>
|
||||||
|
<div class="text-muted small mt-1">5h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-footer">
|
||||||
|
<a href="#" class="text-muted">Show all messages</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle d-inline-block d-sm-none" href="#" data-toggle="dropdown">
|
||||||
|
<i class="align-middle" data-feather="settings"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a class="nav-link dropdown-toggle d-none d-sm-inline-block" href="#" data-toggle="dropdown">
|
||||||
|
<img src="img/avatars/avatar.jpg" class="avatar img-fluid rounded mr-1" alt="Charles Hall" /> <span class="text-dark">Charles Hall</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-right">
|
||||||
|
<a class="dropdown-item" href="pages-profile.html"><i class="align-middle mr-1" data-feather="user"></i> Profile</a>
|
||||||
|
<a class="dropdown-item" href="#"><i class="align-middle mr-1" data-feather="pie-chart"></i> Analytics</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="pages-settings.html"><i class="align-middle mr-1" data-feather="settings"></i> Settings & Privacy</a>
|
||||||
|
<a class="dropdown-item" href="#"><i class="align-middle mr-1" data-feather="help-circle"></i> Help Center</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="#">Log out</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<main class="content">
|
||||||
|
<div class="container-fluid p-0">
|
||||||
|
|
||||||
|
<h1 class="h3 mb-3">Invoice</h1>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-body m-sm-3 m-md-5">
|
||||||
|
<div class="mb-4">
|
||||||
|
Hello <strong>Charles Hall</strong>,
|
||||||
|
<br /> This is the receipt for a payment of <strong>$268.00</strong> (USD) you made to AdminKit Demo.
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6">
|
||||||
|
<div class="text-muted">Payment No.</div>
|
||||||
|
<strong>741037024</strong>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 text-md-right">
|
||||||
|
<div class="text-muted">Payment Date</div>
|
||||||
|
<strong>October 2, 2018 - 03:45 pm</strong>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr class="my-4" />
|
||||||
|
|
||||||
|
<div class="row mb-4">
|
||||||
|
<div class="col-md-6">
|
||||||
|
<div class="text-muted">Client</div>
|
||||||
|
<strong>
|
||||||
|
Charles Hall
|
||||||
|
</strong>
|
||||||
|
<p>
|
||||||
|
4183 Forest Avenue <br> New York City <br> 10011 <br> USA <br>
|
||||||
|
<a href="#">
|
||||||
|
chris.wood@gmail.com
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 text-md-right">
|
||||||
|
<div class="text-muted">Payment To</div>
|
||||||
|
<strong>
|
||||||
|
AdminKit Demo LLC
|
||||||
|
</strong>
|
||||||
|
<p>
|
||||||
|
354 Roy Alley <br> Denver <br> 80202 <br> USA <br>
|
||||||
|
<a href="#">
|
||||||
|
info@adminkit.com
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<table class="table table-sm">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Description</th>
|
||||||
|
<th>Quantity</th>
|
||||||
|
<th class="text-right">Amount</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>AdminKit Demo Theme Customization</td>
|
||||||
|
<td>2</td>
|
||||||
|
<td class="text-right">$150.00</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Monthly Subscription </td>
|
||||||
|
<td>3</td>
|
||||||
|
<td class="text-right">$25.00</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Additional Service</td>
|
||||||
|
<td>1</td>
|
||||||
|
<td class="text-right">$100.00</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th> </th>
|
||||||
|
<th>Subtotal </th>
|
||||||
|
<th class="text-right">$275.00</th>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th> </th>
|
||||||
|
<th>Shipping </th>
|
||||||
|
<th class="text-right">$8.00</th>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th> </th>
|
||||||
|
<th>Discount </th>
|
||||||
|
<th class="text-right">5%</th>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th> </th>
|
||||||
|
<th>Total </th>
|
||||||
|
<th class="text-right">$268.85</th>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<div class="text-center">
|
||||||
|
<p class="text-sm">
|
||||||
|
<strong>Extra note:</strong> Please send all items at the same time to the shipping address. Thanks in advance.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<a href="#" class="btn btn-primary">
|
||||||
|
Print this receipt
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row text-muted">
|
||||||
|
<div class="col-6 text-left">
|
||||||
|
<p class="mb-0">
|
||||||
|
<a href="index.html" class="text-muted"><strong>AdminKit Demo</strong></a> ©
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-6 text-right">
|
||||||
|
<ul class="list-inline">
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Support</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Help Center</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Privacy</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Terms</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="js/vendor.js"></script>
|
||||||
|
<script src="js/app.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,515 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
<meta name="description" content="Responsive Web UI Kit & Dashboard Template based on Bootstrap">
|
||||||
|
<meta name="author" content="AdminKit">
|
||||||
|
<meta name="keywords" content="adminkit, bootstrap, web ui kit, dashboard template, admin template">
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="img/icons/icon-48x48.png" />
|
||||||
|
|
||||||
|
<title>Profile | AdminKit Demo</title>
|
||||||
|
|
||||||
|
<link href="css/app.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="wrapper">
|
||||||
|
<nav id="sidebar" class="sidebar">
|
||||||
|
<div class="sidebar-content js-simplebar">
|
||||||
|
<a class="sidebar-brand" href="index.html">
|
||||||
|
<span class="align-middle">AdminKit</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<ul class="sidebar-nav">
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Pages
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="index.html">
|
||||||
|
<i class="align-middle" data-feather="sliders"></i> <span class="align-middle">Dashboard</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item active">
|
||||||
|
<a class="sidebar-link" href="pages-profile.html">
|
||||||
|
<i class="align-middle" data-feather="user"></i> <span class="align-middle">Profile</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-settings.html">
|
||||||
|
<i class="align-middle" data-feather="settings"></i> <span class="align-middle">Settings</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-invoice.html">
|
||||||
|
<i class="align-middle" data-feather="credit-card"></i> <span class="align-middle">Invoice</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-blank.html">
|
||||||
|
<i class="align-middle" data-feather="book"></i> <span class="align-middle">Blank</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Tools & Components
|
||||||
|
</li>
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a href="#ui" data-toggle="collapse" class="sidebar-link collapsed">
|
||||||
|
<i class="align-middle" data-feather="briefcase"></i> <span class="align-middle">UI Elements</span>
|
||||||
|
</a>
|
||||||
|
<ul id="ui" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-alerts.html">Alerts</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-buttons.html">Buttons</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-cards.html">Cards</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-general.html">General</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-grid.html">Grid</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-modals.html">Modals</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-typography.html">Typography</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="icons-feather.html">
|
||||||
|
<i class="align-middle" data-feather="coffee"></i> <span class="align-middle">Icons</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a href="#forms" data-toggle="collapse" class="sidebar-link collapsed">
|
||||||
|
<i class="align-middle" data-feather="check-circle"></i> <span class="align-middle">Forms</span>
|
||||||
|
</a>
|
||||||
|
<ul id="forms" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="forms-layouts.html">Form Layouts</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="forms-basic-inputs.html">Basic Inputs</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="tables-bootstrap.html">
|
||||||
|
<i class="align-middle" data-feather="list"></i> <span class="align-middle">Tables</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Plugins & Addons
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="charts-chartjs.html">
|
||||||
|
<i class="align-middle" data-feather="bar-chart-2"></i> <span class="align-middle">Charts</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="maps-google.html">
|
||||||
|
<i class="align-middle" data-feather="map"></i> <span class="align-middle">Maps</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="sidebar-cta">
|
||||||
|
<div class="sidebar-cta-content">
|
||||||
|
<strong class="d-inline-block mb-2">Upgrade to Pro</strong>
|
||||||
|
<div class="mb-3 text-sm">
|
||||||
|
Are you looking for more components?
|
||||||
|
</div>
|
||||||
|
<a href="https://adminkit.io/pricing" target="_blank" class="btn btn-outline-primary btn-block">Upgrade</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div class="main">
|
||||||
|
<nav class="navbar navbar-expand navbar-light navbar-bg">
|
||||||
|
<a class="sidebar-toggle d-flex">
|
||||||
|
<i class="hamburger align-self-center"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<form class="form-inline d-none d-sm-inline-block">
|
||||||
|
<div class="input-group input-group-navbar">
|
||||||
|
<input type="text" class="form-control" placeholder="Search…" aria-label="Search">
|
||||||
|
<div class="input-group-append">
|
||||||
|
<button class="btn" type="button">
|
||||||
|
<i class="align-middle" data-feather="search"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="navbar-collapse collapse">
|
||||||
|
<ul class="navbar-nav navbar-align">
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle" href="#" id="alertsDropdown" data-toggle="dropdown">
|
||||||
|
<div class="position-relative">
|
||||||
|
<i class="align-middle" data-feather="bell"></i>
|
||||||
|
<span class="indicator">4</span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0" aria-labelledby="alertsDropdown">
|
||||||
|
<div class="dropdown-menu-header">
|
||||||
|
4 New Notifications
|
||||||
|
</div>
|
||||||
|
<div class="list-group">
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-danger" data-feather="alert-circle"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Update completed</div>
|
||||||
|
<div class="text-muted small mt-1">Restart server 12 to complete the update.</div>
|
||||||
|
<div class="text-muted small mt-1">30m ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-warning" data-feather="bell"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Lorem ipsum</div>
|
||||||
|
<div class="text-muted small mt-1">Aliquam ex eros, imperdiet vulputate hendrerit et.</div>
|
||||||
|
<div class="text-muted small mt-1">2h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-primary" data-feather="home"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Login from 192.186.1.8</div>
|
||||||
|
<div class="text-muted small mt-1">5h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-success" data-feather="user-plus"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">New connection</div>
|
||||||
|
<div class="text-muted small mt-1">Christina accepted your request.</div>
|
||||||
|
<div class="text-muted small mt-1">14h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-footer">
|
||||||
|
<a href="#" class="text-muted">Show all notifications</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle" href="#" id="messagesDropdown" data-toggle="dropdown">
|
||||||
|
<div class="position-relative">
|
||||||
|
<i class="align-middle" data-feather="message-square"></i>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0" aria-labelledby="messagesDropdown">
|
||||||
|
<div class="dropdown-menu-header">
|
||||||
|
<div class="position-relative">
|
||||||
|
4 New Messages
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="list-group">
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Vanessa Tucker</div>
|
||||||
|
<div class="text-muted small mt-1">Nam pretium turpis et arcu. Duis arcu tortor.</div>
|
||||||
|
<div class="text-muted small mt-1">15m ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">William Harris</div>
|
||||||
|
<div class="text-muted small mt-1">Curabitur ligula sapien euismod vitae.</div>
|
||||||
|
<div class="text-muted small mt-1">2h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Christina Mason</div>
|
||||||
|
<div class="text-muted small mt-1">Pellentesque auctor neque nec urna.</div>
|
||||||
|
<div class="text-muted small mt-1">4h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Sharon Lessman</div>
|
||||||
|
<div class="text-muted small mt-1">Aenean tellus metus, bibendum sed, posuere ac, mattis non.</div>
|
||||||
|
<div class="text-muted small mt-1">5h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-footer">
|
||||||
|
<a href="#" class="text-muted">Show all messages</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle d-inline-block d-sm-none" href="#" data-toggle="dropdown">
|
||||||
|
<i class="align-middle" data-feather="settings"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a class="nav-link dropdown-toggle d-none d-sm-inline-block" href="#" data-toggle="dropdown">
|
||||||
|
<img src="img/avatars/avatar.jpg" class="avatar img-fluid rounded mr-1" alt="Charles Hall" /> <span class="text-dark">Charles Hall</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-right">
|
||||||
|
<a class="dropdown-item" href="pages-profile.html"><i class="align-middle mr-1" data-feather="user"></i> Profile</a>
|
||||||
|
<a class="dropdown-item" href="#"><i class="align-middle mr-1" data-feather="pie-chart"></i> Analytics</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="pages-settings.html"><i class="align-middle mr-1" data-feather="settings"></i> Settings & Privacy</a>
|
||||||
|
<a class="dropdown-item" href="#"><i class="align-middle mr-1" data-feather="help-circle"></i> Help Center</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="#">Log out</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<main class="content">
|
||||||
|
<div class="container-fluid p-0">
|
||||||
|
|
||||||
|
<h1 class="h3 mb-3">Profile</h1>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-4 col-xl-3">
|
||||||
|
<div class="card mb-3">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title mb-0">Profile Details</h5>
|
||||||
|
</div>
|
||||||
|
<div class="card-body text-center">
|
||||||
|
<img src="img/avatars/avatar-4.jpg" alt="Christina Mason" class="img-fluid rounded-circle mb-2" width="128" height="128" />
|
||||||
|
<h5 class="card-title mb-0">Christina Mason</h5>
|
||||||
|
<div class="text-muted mb-2">Lead Developer</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<a class="btn btn-primary btn-sm" href="#">Follow</a>
|
||||||
|
<a class="btn btn-primary btn-sm" href="#"><span data-feather="message-square"></span> Message</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<hr class="my-0" />
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="h6 card-title">Skills</h5>
|
||||||
|
<a href="#" class="badge badge-primary mr-1 my-1">HTML</a>
|
||||||
|
<a href="#" class="badge badge-primary mr-1 my-1">JavaScript</a>
|
||||||
|
<a href="#" class="badge badge-primary mr-1 my-1">Sass</a>
|
||||||
|
<a href="#" class="badge badge-primary mr-1 my-1">Angular</a>
|
||||||
|
<a href="#" class="badge badge-primary mr-1 my-1">Vue</a>
|
||||||
|
<a href="#" class="badge badge-primary mr-1 my-1">React</a>
|
||||||
|
<a href="#" class="badge badge-primary mr-1 my-1">Redux</a>
|
||||||
|
<a href="#" class="badge badge-primary mr-1 my-1">UI</a>
|
||||||
|
<a href="#" class="badge badge-primary mr-1 my-1">UX</a>
|
||||||
|
</div>
|
||||||
|
<hr class="my-0" />
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="h6 card-title">About</h5>
|
||||||
|
<ul class="list-unstyled mb-0">
|
||||||
|
<li class="mb-1"><span data-feather="home" class="feather-sm mr-1"></span> Lives in <a href="#">San Francisco, SA</a></li>
|
||||||
|
|
||||||
|
<li class="mb-1"><span data-feather="briefcase" class="feather-sm mr-1"></span> Works at <a href="#">GitHub</a></li>
|
||||||
|
<li class="mb-1"><span data-feather="map-pin" class="feather-sm mr-1"></span> From <a href="#">Boston</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<hr class="my-0" />
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="h6 card-title">Elsewhere</h5>
|
||||||
|
<ul class="list-unstyled mb-0">
|
||||||
|
<li class="mb-1"><span class="fas fa-globe fa-fw mr-1"></span> <a href="#">staciehall.co</a></li>
|
||||||
|
<li class="mb-1"><span class="fab fa-twitter fa-fw mr-1"></span> <a href="#">Twitter</a></li>
|
||||||
|
<li class="mb-1"><span class="fab fa-facebook fa-fw mr-1"></span> <a href="#">Facebook</a></li>
|
||||||
|
<li class="mb-1"><span class="fab fa-instagram fa-fw mr-1"></span> <a href="#">Instagram</a></li>
|
||||||
|
<li class="mb-1"><span class="fab fa-linkedin fa-fw mr-1"></span> <a href="#">LinkedIn</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-8 col-xl-9">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
|
||||||
|
<h5 class="card-title mb-0">Activities</h5>
|
||||||
|
</div>
|
||||||
|
<div class="card-body h-100">
|
||||||
|
|
||||||
|
<div class="media">
|
||||||
|
<img src="img/avatars/avatar-5.jpg" width="36" height="36" class="rounded-circle mr-2" alt="Vanessa Tucker">
|
||||||
|
<div class="media-body">
|
||||||
|
<small class="float-right text-navy">5m ago</small>
|
||||||
|
<strong>Vanessa Tucker</strong> started following <strong>Christina Mason</strong><br />
|
||||||
|
<small class="text-muted">Today 7:51 pm</small><br />
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr />
|
||||||
|
<div class="media">
|
||||||
|
<img src="img/avatars/avatar.jpg" width="36" height="36" class="rounded-circle mr-2" alt="Charles Hall">
|
||||||
|
<div class="media-body">
|
||||||
|
<small class="float-right text-navy">30m ago</small>
|
||||||
|
<strong>Charles Hall</strong> posted something on <strong>Christina Mason</strong>'s timeline<br />
|
||||||
|
<small class="text-muted">Today 7:21 pm</small>
|
||||||
|
|
||||||
|
<div class="border text-sm text-muted p-2 mt-1">
|
||||||
|
Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus
|
||||||
|
pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante.
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<a href="#" class="btn btn-sm btn-danger mt-1"><i class="feather-sm" data-feather="heart"></i> Like</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr />
|
||||||
|
<div class="media">
|
||||||
|
<img src="img/avatars/avatar-4.jpg" width="36" height="36" class="rounded-circle mr-2" alt="Christina Mason">
|
||||||
|
<div class="media-body">
|
||||||
|
<small class="float-right text-navy">1h ago</small>
|
||||||
|
<strong>Christina Mason</strong> posted a new blog<br />
|
||||||
|
|
||||||
|
<small class="text-muted">Today 6:35 pm</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr />
|
||||||
|
<div class="media">
|
||||||
|
<img src="img/avatars/avatar-2.jpg" width="36" height="36" class="rounded-circle mr-2" alt="William Harris">
|
||||||
|
<div class="media-body">
|
||||||
|
<small class="float-right text-navy">3h ago</small>
|
||||||
|
<strong>William Harris</strong> posted two photos on <strong>Christina Mason</strong>'s timeline<br />
|
||||||
|
<small class="text-muted">Today 5:12 pm</small>
|
||||||
|
|
||||||
|
<div class="row no-gutters mt-1">
|
||||||
|
<div class="col-6 col-md-4 col-lg-4 col-xl-3">
|
||||||
|
<img src="img/photos/unsplash-1.jpg" class="img-fluid pr-2" alt="Unsplash">
|
||||||
|
</div>
|
||||||
|
<div class="col-6 col-md-4 col-lg-4 col-xl-3">
|
||||||
|
<img src="img/photos/unsplash-2.jpg" class="img-fluid pr-2" alt="Unsplash">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<a href="#" class="btn btn-sm btn-danger mt-1"><i class="feather-sm" data-feather="heart"></i> Like</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr />
|
||||||
|
<div class="media">
|
||||||
|
<img src="img/avatars/avatar-2.jpg" width="36" height="36" class="rounded-circle mr-2" alt="William Harris">
|
||||||
|
<div class="media-body">
|
||||||
|
<small class="float-right text-navy">1d ago</small>
|
||||||
|
<strong>William Harris</strong> started following <strong>Christina Mason</strong><br />
|
||||||
|
<small class="text-muted">Yesterday 3:12 pm</small>
|
||||||
|
|
||||||
|
<div class="media mt-1">
|
||||||
|
<a class="pr-3" href="#">
|
||||||
|
<img src="img/avatars/avatar-4.jpg" width="36" height="36" class="rounded-circle mr-2" alt="Christina Mason">
|
||||||
|
</a>
|
||||||
|
<div class="media-body">
|
||||||
|
<div class="border text-sm text-muted p-2 mt-1">
|
||||||
|
Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr />
|
||||||
|
<div class="media">
|
||||||
|
<img src="img/avatars/avatar-4.jpg" width="36" height="36" class="rounded-circle mr-2" alt="Christina Mason">
|
||||||
|
<div class="media-body">
|
||||||
|
<small class="float-right text-navy">1d ago</small>
|
||||||
|
<strong>Christina Mason</strong> posted a new blog<br />
|
||||||
|
<small class="text-muted">Yesterday 2:43 pm</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr />
|
||||||
|
<div class="media">
|
||||||
|
<img src="img/avatars/avatar.jpg" width="36" height="36" class="rounded-circle mr-2" alt="Charles Hall">
|
||||||
|
<div class="media-body">
|
||||||
|
<small class="float-right text-navy">1d ago</small>
|
||||||
|
<strong>Charles Hall</strong> started following <strong>Christina Mason</strong><br />
|
||||||
|
<small class="text-muted">Yesterdag 1:51 pm</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr />
|
||||||
|
<a href="#" class="btn btn-primary btn-block">Load more</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row text-muted">
|
||||||
|
<div class="col-6 text-left">
|
||||||
|
<p class="mb-0">
|
||||||
|
<a href="index.html" class="text-muted"><strong>AdminKit Demo</strong></a> ©
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-6 text-right">
|
||||||
|
<ul class="list-inline">
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Support</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Help Center</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Privacy</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Terms</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="js/vendor.js"></script>
|
||||||
|
<script src="js/app.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,505 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
<meta name="description" content="Responsive Web UI Kit & Dashboard Template based on Bootstrap">
|
||||||
|
<meta name="author" content="AdminKit">
|
||||||
|
<meta name="keywords" content="adminkit, bootstrap, web ui kit, dashboard template, admin template">
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="img/icons/icon-48x48.png" />
|
||||||
|
|
||||||
|
<title>Settings | AdminKit Demo</title>
|
||||||
|
|
||||||
|
<link href="css/app.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="wrapper">
|
||||||
|
<nav id="sidebar" class="sidebar">
|
||||||
|
<div class="sidebar-content js-simplebar">
|
||||||
|
<a class="sidebar-brand" href="index.html">
|
||||||
|
<span class="align-middle">AdminKit</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<ul class="sidebar-nav">
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Pages
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="index.html">
|
||||||
|
<i class="align-middle" data-feather="sliders"></i> <span class="align-middle">Dashboard</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-profile.html">
|
||||||
|
<i class="align-middle" data-feather="user"></i> <span class="align-middle">Profile</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item active">
|
||||||
|
<a class="sidebar-link" href="pages-settings.html">
|
||||||
|
<i class="align-middle" data-feather="settings"></i> <span class="align-middle">Settings</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-invoice.html">
|
||||||
|
<i class="align-middle" data-feather="credit-card"></i> <span class="align-middle">Invoice</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-blank.html">
|
||||||
|
<i class="align-middle" data-feather="book"></i> <span class="align-middle">Blank</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Tools & Components
|
||||||
|
</li>
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a href="#ui" data-toggle="collapse" class="sidebar-link collapsed">
|
||||||
|
<i class="align-middle" data-feather="briefcase"></i> <span class="align-middle">UI Elements</span>
|
||||||
|
</a>
|
||||||
|
<ul id="ui" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-alerts.html">Alerts</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-buttons.html">Buttons</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-cards.html">Cards</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-general.html">General</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-grid.html">Grid</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-modals.html">Modals</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-typography.html">Typography</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="icons-feather.html">
|
||||||
|
<i class="align-middle" data-feather="coffee"></i> <span class="align-middle">Icons</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a href="#forms" data-toggle="collapse" class="sidebar-link collapsed">
|
||||||
|
<i class="align-middle" data-feather="check-circle"></i> <span class="align-middle">Forms</span>
|
||||||
|
</a>
|
||||||
|
<ul id="forms" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="forms-layouts.html">Form Layouts</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="forms-basic-inputs.html">Basic Inputs</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="tables-bootstrap.html">
|
||||||
|
<i class="align-middle" data-feather="list"></i> <span class="align-middle">Tables</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Plugins & Addons
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="charts-chartjs.html">
|
||||||
|
<i class="align-middle" data-feather="bar-chart-2"></i> <span class="align-middle">Charts</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="maps-google.html">
|
||||||
|
<i class="align-middle" data-feather="map"></i> <span class="align-middle">Maps</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="sidebar-cta">
|
||||||
|
<div class="sidebar-cta-content">
|
||||||
|
<strong class="d-inline-block mb-2">Upgrade to Pro</strong>
|
||||||
|
<div class="mb-3 text-sm">
|
||||||
|
Are you looking for more components?
|
||||||
|
</div>
|
||||||
|
<a href="https://adminkit.io/pricing" target="_blank" class="btn btn-outline-primary btn-block">Upgrade</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div class="main">
|
||||||
|
<nav class="navbar navbar-expand navbar-light navbar-bg">
|
||||||
|
<a class="sidebar-toggle d-flex">
|
||||||
|
<i class="hamburger align-self-center"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<form class="form-inline d-none d-sm-inline-block">
|
||||||
|
<div class="input-group input-group-navbar">
|
||||||
|
<input type="text" class="form-control" placeholder="Search…" aria-label="Search">
|
||||||
|
<div class="input-group-append">
|
||||||
|
<button class="btn" type="button">
|
||||||
|
<i class="align-middle" data-feather="search"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="navbar-collapse collapse">
|
||||||
|
<ul class="navbar-nav navbar-align">
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle" href="#" id="alertsDropdown" data-toggle="dropdown">
|
||||||
|
<div class="position-relative">
|
||||||
|
<i class="align-middle" data-feather="bell"></i>
|
||||||
|
<span class="indicator">4</span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0" aria-labelledby="alertsDropdown">
|
||||||
|
<div class="dropdown-menu-header">
|
||||||
|
4 New Notifications
|
||||||
|
</div>
|
||||||
|
<div class="list-group">
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-danger" data-feather="alert-circle"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Update completed</div>
|
||||||
|
<div class="text-muted small mt-1">Restart server 12 to complete the update.</div>
|
||||||
|
<div class="text-muted small mt-1">30m ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-warning" data-feather="bell"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Lorem ipsum</div>
|
||||||
|
<div class="text-muted small mt-1">Aliquam ex eros, imperdiet vulputate hendrerit et.</div>
|
||||||
|
<div class="text-muted small mt-1">2h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-primary" data-feather="home"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Login from 192.186.1.8</div>
|
||||||
|
<div class="text-muted small mt-1">5h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-success" data-feather="user-plus"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">New connection</div>
|
||||||
|
<div class="text-muted small mt-1">Christina accepted your request.</div>
|
||||||
|
<div class="text-muted small mt-1">14h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-footer">
|
||||||
|
<a href="#" class="text-muted">Show all notifications</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle" href="#" id="messagesDropdown" data-toggle="dropdown">
|
||||||
|
<div class="position-relative">
|
||||||
|
<i class="align-middle" data-feather="message-square"></i>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0" aria-labelledby="messagesDropdown">
|
||||||
|
<div class="dropdown-menu-header">
|
||||||
|
<div class="position-relative">
|
||||||
|
4 New Messages
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="list-group">
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Vanessa Tucker</div>
|
||||||
|
<div class="text-muted small mt-1">Nam pretium turpis et arcu. Duis arcu tortor.</div>
|
||||||
|
<div class="text-muted small mt-1">15m ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">William Harris</div>
|
||||||
|
<div class="text-muted small mt-1">Curabitur ligula sapien euismod vitae.</div>
|
||||||
|
<div class="text-muted small mt-1">2h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Christina Mason</div>
|
||||||
|
<div class="text-muted small mt-1">Pellentesque auctor neque nec urna.</div>
|
||||||
|
<div class="text-muted small mt-1">4h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Sharon Lessman</div>
|
||||||
|
<div class="text-muted small mt-1">Aenean tellus metus, bibendum sed, posuere ac, mattis non.</div>
|
||||||
|
<div class="text-muted small mt-1">5h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-footer">
|
||||||
|
<a href="#" class="text-muted">Show all messages</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle d-inline-block d-sm-none" href="#" data-toggle="dropdown">
|
||||||
|
<i class="align-middle" data-feather="settings"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a class="nav-link dropdown-toggle d-none d-sm-inline-block" href="#" data-toggle="dropdown">
|
||||||
|
<img src="img/avatars/avatar.jpg" class="avatar img-fluid rounded mr-1" alt="Charles Hall" /> <span class="text-dark">Charles Hall</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-right">
|
||||||
|
<a class="dropdown-item" href="pages-profile.html"><i class="align-middle mr-1" data-feather="user"></i> Profile</a>
|
||||||
|
<a class="dropdown-item" href="#"><i class="align-middle mr-1" data-feather="pie-chart"></i> Analytics</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="pages-settings.html"><i class="align-middle mr-1" data-feather="settings"></i> Settings & Privacy</a>
|
||||||
|
<a class="dropdown-item" href="#"><i class="align-middle mr-1" data-feather="help-circle"></i> Help Center</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="#">Log out</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<main class="content">
|
||||||
|
<div class="container-fluid p-0">
|
||||||
|
|
||||||
|
<h1 class="h3 mb-3">Settings</h1>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-3 col-xl-2">
|
||||||
|
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title mb-0">Profile Settings</h5>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="list-group list-group-flush" role="tablist">
|
||||||
|
<a class="list-group-item list-group-item-action active" data-toggle="list" href="#account" role="tab">
|
||||||
|
Account
|
||||||
|
</a>
|
||||||
|
<a class="list-group-item list-group-item-action" data-toggle="list" href="#password" role="tab">
|
||||||
|
Password
|
||||||
|
</a>
|
||||||
|
<a class="list-group-item list-group-item-action" data-toggle="list" href="#" role="tab">
|
||||||
|
Privacy and safety
|
||||||
|
</a>
|
||||||
|
<a class="list-group-item list-group-item-action" data-toggle="list" href="#" role="tab">
|
||||||
|
Email notifications
|
||||||
|
</a>
|
||||||
|
<a class="list-group-item list-group-item-action" data-toggle="list" href="#" role="tab">
|
||||||
|
Web notifications
|
||||||
|
</a>
|
||||||
|
<a class="list-group-item list-group-item-action" data-toggle="list" href="#" role="tab">
|
||||||
|
Widgets
|
||||||
|
</a>
|
||||||
|
<a class="list-group-item list-group-item-action" data-toggle="list" href="#" role="tab">
|
||||||
|
Your data
|
||||||
|
</a>
|
||||||
|
<a class="list-group-item list-group-item-action" data-toggle="list" href="#" role="tab">
|
||||||
|
Delete account
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-9 col-xl-10">
|
||||||
|
<div class="tab-content">
|
||||||
|
<div class="tab-pane fade show active" id="account" role="tabpanel">
|
||||||
|
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
|
||||||
|
<h5 class="card-title mb-0">Public info</h5>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<form>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-8">
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="inputUsername">Username</label>
|
||||||
|
<input type="text" class="form-control" id="inputUsername" placeholder="Username">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="inputUsername">Biography</label>
|
||||||
|
<textarea rows="2" class="form-control" id="inputBio" placeholder="Tell something about yourself"></textarea>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4">
|
||||||
|
<div class="text-center">
|
||||||
|
<img alt="Charles Hall" src="img/avatars/avatar.jpg" class="rounded-circle img-responsive mt-2" width="128" height="128" />
|
||||||
|
<div class="mt-2">
|
||||||
|
<span class="btn btn-primary"><i class="fas fa-upload"></i> Upload</span>
|
||||||
|
</div>
|
||||||
|
<small>For best results, use an image at least 128px by 128px in .jpg format</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button type="submit" class="btn btn-primary">Save changes</button>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
|
||||||
|
<h5 class="card-title mb-0">Private info</h5>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<form>
|
||||||
|
<div class="form-row">
|
||||||
|
<div class="form-group col-md-6">
|
||||||
|
<label for="inputFirstName">First name</label>
|
||||||
|
<input type="text" class="form-control" id="inputFirstName" placeholder="First name">
|
||||||
|
</div>
|
||||||
|
<div class="form-group col-md-6">
|
||||||
|
<label for="inputLastName">Last name</label>
|
||||||
|
<input type="text" class="form-control" id="inputLastName" placeholder="Last name">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="inputEmail4">Email</label>
|
||||||
|
<input type="email" class="form-control" id="inputEmail4" placeholder="Email">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="inputAddress">Address</label>
|
||||||
|
<input type="text" class="form-control" id="inputAddress" placeholder="1234 Main St">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="inputAddress2">Address 2</label>
|
||||||
|
<input type="text" class="form-control" id="inputAddress2" placeholder="Apartment, studio, or floor">
|
||||||
|
</div>
|
||||||
|
<div class="form-row">
|
||||||
|
<div class="form-group col-md-6">
|
||||||
|
<label for="inputCity">City</label>
|
||||||
|
<input type="text" class="form-control" id="inputCity">
|
||||||
|
</div>
|
||||||
|
<div class="form-group col-md-4">
|
||||||
|
<label for="inputState">State</label>
|
||||||
|
<select id="inputState" class="form-control">
|
||||||
|
<option selected>Choose...</option>
|
||||||
|
<option>...</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="form-group col-md-2">
|
||||||
|
<label for="inputZip">Zip</label>
|
||||||
|
<input type="text" class="form-control" id="inputZip">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<button type="submit" class="btn btn-primary">Save changes</button>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="tab-pane fade" id="password" role="tabpanel">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="card-title">Password</h5>
|
||||||
|
|
||||||
|
<form>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="inputPasswordCurrent">Current password</label>
|
||||||
|
<input type="password" class="form-control" id="inputPasswordCurrent">
|
||||||
|
<small><a href="#">Forgot your password?</a></small>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="inputPasswordNew">New password</label>
|
||||||
|
<input type="password" class="form-control" id="inputPasswordNew">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="inputPasswordNew2">Verify password</label>
|
||||||
|
<input type="password" class="form-control" id="inputPasswordNew2">
|
||||||
|
</div>
|
||||||
|
<button type="submit" class="btn btn-primary">Save changes</button>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row text-muted">
|
||||||
|
<div class="col-6 text-left">
|
||||||
|
<p class="mb-0">
|
||||||
|
<a href="index.html" class="text-muted"><strong>AdminKit Demo</strong></a> ©
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-6 text-right">
|
||||||
|
<ul class="list-inline">
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Support</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Help Center</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Privacy</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Terms</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="js/vendor.js"></script>
|
||||||
|
<script src="js/app.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,791 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
<meta name="description" content="Responsive Web UI Kit & Dashboard Template based on Bootstrap">
|
||||||
|
<meta name="author" content="AdminKit">
|
||||||
|
<meta name="keywords" content="adminkit, bootstrap, web ui kit, dashboard template, admin template">
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="img/icons/icon-48x48.png" />
|
||||||
|
|
||||||
|
<title>Tables | AdminKit Demo</title>
|
||||||
|
|
||||||
|
<link href="css/app.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="wrapper">
|
||||||
|
<nav id="sidebar" class="sidebar">
|
||||||
|
<div class="sidebar-content js-simplebar">
|
||||||
|
<a class="sidebar-brand" href="index.html">
|
||||||
|
<span class="align-middle">AdminKit</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<ul class="sidebar-nav">
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Pages
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="index.html">
|
||||||
|
<i class="align-middle" data-feather="sliders"></i> <span class="align-middle">Dashboard</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-profile.html">
|
||||||
|
<i class="align-middle" data-feather="user"></i> <span class="align-middle">Profile</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-settings.html">
|
||||||
|
<i class="align-middle" data-feather="settings"></i> <span class="align-middle">Settings</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-invoice.html">
|
||||||
|
<i class="align-middle" data-feather="credit-card"></i> <span class="align-middle">Invoice</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-blank.html">
|
||||||
|
<i class="align-middle" data-feather="book"></i> <span class="align-middle">Blank</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Tools & Components
|
||||||
|
</li>
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a href="#ui" data-toggle="collapse" class="sidebar-link collapsed">
|
||||||
|
<i class="align-middle" data-feather="briefcase"></i> <span class="align-middle">UI Elements</span>
|
||||||
|
</a>
|
||||||
|
<ul id="ui" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-alerts.html">Alerts</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-buttons.html">Buttons</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-cards.html">Cards</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-general.html">General</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-grid.html">Grid</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-modals.html">Modals</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-typography.html">Typography</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="icons-feather.html">
|
||||||
|
<i class="align-middle" data-feather="coffee"></i> <span class="align-middle">Icons</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a href="#forms" data-toggle="collapse" class="sidebar-link collapsed">
|
||||||
|
<i class="align-middle" data-feather="check-circle"></i> <span class="align-middle">Forms</span>
|
||||||
|
</a>
|
||||||
|
<ul id="forms" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="forms-layouts.html">Form Layouts</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="forms-basic-inputs.html">Basic Inputs</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item active">
|
||||||
|
<a class="sidebar-link" href="tables-bootstrap.html">
|
||||||
|
<i class="align-middle" data-feather="list"></i> <span class="align-middle">Tables</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Plugins & Addons
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="charts-chartjs.html">
|
||||||
|
<i class="align-middle" data-feather="bar-chart-2"></i> <span class="align-middle">Charts</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="maps-google.html">
|
||||||
|
<i class="align-middle" data-feather="map"></i> <span class="align-middle">Maps</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="sidebar-cta">
|
||||||
|
<div class="sidebar-cta-content">
|
||||||
|
<strong class="d-inline-block mb-2">Upgrade to Pro</strong>
|
||||||
|
<div class="mb-3 text-sm">
|
||||||
|
Are you looking for more components?
|
||||||
|
</div>
|
||||||
|
<a href="https://adminkit.io/pricing" target="_blank" class="btn btn-outline-primary btn-block">Upgrade</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div class="main">
|
||||||
|
<nav class="navbar navbar-expand navbar-light navbar-bg">
|
||||||
|
<a class="sidebar-toggle d-flex">
|
||||||
|
<i class="hamburger align-self-center"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<form class="form-inline d-none d-sm-inline-block">
|
||||||
|
<div class="input-group input-group-navbar">
|
||||||
|
<input type="text" class="form-control" placeholder="Search…" aria-label="Search">
|
||||||
|
<div class="input-group-append">
|
||||||
|
<button class="btn" type="button">
|
||||||
|
<i class="align-middle" data-feather="search"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="navbar-collapse collapse">
|
||||||
|
<ul class="navbar-nav navbar-align">
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle" href="#" id="alertsDropdown" data-toggle="dropdown">
|
||||||
|
<div class="position-relative">
|
||||||
|
<i class="align-middle" data-feather="bell"></i>
|
||||||
|
<span class="indicator">4</span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0" aria-labelledby="alertsDropdown">
|
||||||
|
<div class="dropdown-menu-header">
|
||||||
|
4 New Notifications
|
||||||
|
</div>
|
||||||
|
<div class="list-group">
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-danger" data-feather="alert-circle"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Update completed</div>
|
||||||
|
<div class="text-muted small mt-1">Restart server 12 to complete the update.</div>
|
||||||
|
<div class="text-muted small mt-1">30m ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-warning" data-feather="bell"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Lorem ipsum</div>
|
||||||
|
<div class="text-muted small mt-1">Aliquam ex eros, imperdiet vulputate hendrerit et.</div>
|
||||||
|
<div class="text-muted small mt-1">2h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-primary" data-feather="home"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Login from 192.186.1.8</div>
|
||||||
|
<div class="text-muted small mt-1">5h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-success" data-feather="user-plus"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">New connection</div>
|
||||||
|
<div class="text-muted small mt-1">Christina accepted your request.</div>
|
||||||
|
<div class="text-muted small mt-1">14h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-footer">
|
||||||
|
<a href="#" class="text-muted">Show all notifications</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle" href="#" id="messagesDropdown" data-toggle="dropdown">
|
||||||
|
<div class="position-relative">
|
||||||
|
<i class="align-middle" data-feather="message-square"></i>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0" aria-labelledby="messagesDropdown">
|
||||||
|
<div class="dropdown-menu-header">
|
||||||
|
<div class="position-relative">
|
||||||
|
4 New Messages
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="list-group">
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Vanessa Tucker</div>
|
||||||
|
<div class="text-muted small mt-1">Nam pretium turpis et arcu. Duis arcu tortor.</div>
|
||||||
|
<div class="text-muted small mt-1">15m ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">William Harris</div>
|
||||||
|
<div class="text-muted small mt-1">Curabitur ligula sapien euismod vitae.</div>
|
||||||
|
<div class="text-muted small mt-1">2h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Christina Mason</div>
|
||||||
|
<div class="text-muted small mt-1">Pellentesque auctor neque nec urna.</div>
|
||||||
|
<div class="text-muted small mt-1">4h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Sharon Lessman</div>
|
||||||
|
<div class="text-muted small mt-1">Aenean tellus metus, bibendum sed, posuere ac, mattis non.</div>
|
||||||
|
<div class="text-muted small mt-1">5h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-footer">
|
||||||
|
<a href="#" class="text-muted">Show all messages</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle d-inline-block d-sm-none" href="#" data-toggle="dropdown">
|
||||||
|
<i class="align-middle" data-feather="settings"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a class="nav-link dropdown-toggle d-none d-sm-inline-block" href="#" data-toggle="dropdown">
|
||||||
|
<img src="img/avatars/avatar.jpg" class="avatar img-fluid rounded mr-1" alt="Charles Hall" /> <span class="text-dark">Charles Hall</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-right">
|
||||||
|
<a class="dropdown-item" href="pages-profile.html"><i class="align-middle mr-1" data-feather="user"></i> Profile</a>
|
||||||
|
<a class="dropdown-item" href="#"><i class="align-middle mr-1" data-feather="pie-chart"></i> Analytics</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="pages-settings.html"><i class="align-middle mr-1" data-feather="settings"></i> Settings & Privacy</a>
|
||||||
|
<a class="dropdown-item" href="#"><i class="align-middle mr-1" data-feather="help-circle"></i> Help Center</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="#">Log out</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<main class="content">
|
||||||
|
<div class="container-fluid p-0">
|
||||||
|
|
||||||
|
<h1 class="h3 mb-3">Tables</h1>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12 col-xl-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Basic Table</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Using the most basic table markup, here’s how .table-based tables look in Bootstrap.</h6>
|
||||||
|
</div>
|
||||||
|
<table class="table">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th style="width:40%;">Name</th>
|
||||||
|
<th style="width:25%">Phone Number</th>
|
||||||
|
<th class="d-none d-md-table-cell" style="width:25%">Date of Birth</th>
|
||||||
|
<th>Actions</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>Vanessa Tucker</td>
|
||||||
|
<td>864-348-0485</td>
|
||||||
|
<td class="d-none d-md-table-cell">June 21, 1961</td>
|
||||||
|
<td class="table-action">
|
||||||
|
<a href="#"><i class="align-middle" data-feather="edit-2"></i></a>
|
||||||
|
<a href="#"><i class="align-middle" data-feather="trash"></i></a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>William Harris</td>
|
||||||
|
<td>914-939-2458</td>
|
||||||
|
<td class="d-none d-md-table-cell">May 15, 1948</td>
|
||||||
|
<td class="table-action">
|
||||||
|
<a href="#"><i class="align-middle" data-feather="edit-2"></i></a>
|
||||||
|
<a href="#"><i class="align-middle" data-feather="trash"></i></a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Sharon Lessman</td>
|
||||||
|
<td>704-993-5435</td>
|
||||||
|
<td class="d-none d-md-table-cell">September 14, 1965</td>
|
||||||
|
<td class="table-action">
|
||||||
|
<a href="#"><i class="align-middle" data-feather="edit-2"></i></a>
|
||||||
|
<a href="#"><i class="align-middle" data-feather="trash"></i></a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Christina Mason</td>
|
||||||
|
<td>765-382-8195</td>
|
||||||
|
<td class="d-none d-md-table-cell">April 2, 1971</td>
|
||||||
|
<td class="table-action">
|
||||||
|
<a href="#"><i class="align-middle" data-feather="edit-2"></i></a>
|
||||||
|
<a href="#"><i class="align-middle" data-feather="trash"></i></a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Robin Schneiders</td>
|
||||||
|
<td>202-672-1407</td>
|
||||||
|
<td class="d-none d-md-table-cell">October 12, 1966</td>
|
||||||
|
<td class="table-action">
|
||||||
|
<a href="#"><i class="align-middle" data-feather="edit-2"></i></a>
|
||||||
|
<a href="#"><i class="align-middle" data-feather="trash"></i></a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 col-xl-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Striped Rows</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Use <code>.table-striped</code> to add zebra-striping to any table row within the <code><tbody></code>.</h6>
|
||||||
|
</div>
|
||||||
|
<table class="table table-striped">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th style="width:40%;">Name</th>
|
||||||
|
<th style="width:25%">Phone Number</th>
|
||||||
|
<th class="d-none d-md-table-cell" style="width:25%">Date of Birth</th>
|
||||||
|
<th>Actions</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>Vanessa Tucker</td>
|
||||||
|
<td>864-348-0485</td>
|
||||||
|
<td class="d-none d-md-table-cell">June 21, 1961</td>
|
||||||
|
<td class="table-action">
|
||||||
|
<a href="#"><i class="align-middle" data-feather="edit-2"></i></a>
|
||||||
|
<a href="#"><i class="align-middle" data-feather="trash"></i></a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>William Harris</td>
|
||||||
|
<td>914-939-2458</td>
|
||||||
|
<td class="d-none d-md-table-cell">May 15, 1948</td>
|
||||||
|
<td class="table-action">
|
||||||
|
<a href="#"><i class="align-middle" data-feather="edit-2"></i></a>
|
||||||
|
<a href="#"><i class="align-middle" data-feather="trash"></i></a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Sharon Lessman</td>
|
||||||
|
<td>704-993-5435</td>
|
||||||
|
<td class="d-none d-md-table-cell">September 14, 1965</td>
|
||||||
|
<td class="table-action">
|
||||||
|
<a href="#"><i class="align-middle" data-feather="edit-2"></i></a>
|
||||||
|
<a href="#"><i class="align-middle" data-feather="trash"></i></a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Christina Mason</td>
|
||||||
|
<td>765-382-8195</td>
|
||||||
|
<td class="d-none d-md-table-cell">April 2, 1971</td>
|
||||||
|
<td class="table-action">
|
||||||
|
<a href="#"><i class="align-middle" data-feather="edit-2"></i></a>
|
||||||
|
<a href="#"><i class="align-middle" data-feather="trash"></i></a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Robin Schneiders</td>
|
||||||
|
<td>202-672-1407</td>
|
||||||
|
<td class="d-none d-md-table-cell">October 12, 1966</td>
|
||||||
|
<td class="table-action">
|
||||||
|
<a href="#"><i class="align-middle" data-feather="edit-2"></i></a>
|
||||||
|
<a href="#"><i class="align-middle" data-feather="trash"></i></a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 col-xl-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Condensed Table</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Add <code>.table-sm</code> to make tables more compact by cutting cell padding in half.</h6>
|
||||||
|
</div>
|
||||||
|
<table class="table table-striped table-sm">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Operation System</th>
|
||||||
|
<th class="text-right">Users</th>
|
||||||
|
<th class="text-right">Share</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>Windows</td>
|
||||||
|
<td class="text-right">8.232</td>
|
||||||
|
<td class="text-right">40%</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Mac OS</td>
|
||||||
|
<td class="text-right">3.322</td>
|
||||||
|
<td class="text-right">20%</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Linux</td>
|
||||||
|
<td class="text-right">4.232</td>
|
||||||
|
<td class="text-right">34%</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>FreeBSD</td>
|
||||||
|
<td class="text-right">1.121</td>
|
||||||
|
<td class="text-right">12%</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Chrome OS</td>
|
||||||
|
<td class="text-right">1.331</td>
|
||||||
|
<td class="text-right">15%</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Android</td>
|
||||||
|
<td class="text-right">2.301</td>
|
||||||
|
<td class="text-right">20%</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>iOS</td>
|
||||||
|
<td class="text-right">1.162</td>
|
||||||
|
<td class="text-right">14%</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Windows Phone</td>
|
||||||
|
<td class="text-right">562</td>
|
||||||
|
<td class="text-right">7%</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Other</td>
|
||||||
|
<td class="text-right">1.181</td>
|
||||||
|
<td class="text-right">14%</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 col-xl-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Hoverable Rows</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Add <code>.table-hover</code> to enable a hover state on table rows within a <code><tbody></code>.</h6>
|
||||||
|
</div>
|
||||||
|
<table class="table table-striped table-hover">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Name</th>
|
||||||
|
<th>Phone Number</th>
|
||||||
|
<th>Date of Birth</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<img src="img/avatars/avatar-5.jpg" width="48" height="48" class="rounded-circle mr-2" alt="Avatar"> Vanessa Tucker
|
||||||
|
</td>
|
||||||
|
<td>864-348-0485</td>
|
||||||
|
<td>June 21, 1961</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<img src="img/avatars/avatar-2.jpg" width="48" height="48" class="rounded-circle mr-2" alt="Avatar"> William Harris
|
||||||
|
</td>
|
||||||
|
<td>914-939-2458</td>
|
||||||
|
<td>May 15, 1948</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<img src="img/avatars/avatar-3.jpg" width="48" height="48" class="rounded-circle mr-2" alt="Avatar"> Sharon Lessman
|
||||||
|
</td>
|
||||||
|
<td>704-993-5435</td>
|
||||||
|
<td>September 14, 1965</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<img src="img/avatars/avatar-4.jpg" width="48" height="48" class="rounded-circle mr-2" alt="Avatar"> Christina Mason
|
||||||
|
</td>
|
||||||
|
<td>765-382-8195</td>
|
||||||
|
<td>April 2, 1971</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 col-xl-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Bordered Table</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Add <code>.table-bordered</code> for borders on all sides of the table and cells.</h6>
|
||||||
|
</div>
|
||||||
|
<table class="table table-bordered">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th style="width:40%;">Name</th>
|
||||||
|
<th style="width:25%">Phone Number</th>
|
||||||
|
<th class="d-none d-md-table-cell" style="width:25%">Date of Birth</th>
|
||||||
|
<th>Actions</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>Vanessa Tucker</td>
|
||||||
|
<td>864-348-0485</td>
|
||||||
|
<td class="d-none d-md-table-cell">June 21, 1961</td>
|
||||||
|
<td class="table-action">
|
||||||
|
<a href="#"><i class="align-middle" data-feather="edit-2"></i></a>
|
||||||
|
<a href="#"><i class="align-middle" data-feather="trash"></i></a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>William Harris</td>
|
||||||
|
<td>914-939-2458</td>
|
||||||
|
<td class="d-none d-md-table-cell">May 15, 1948</td>
|
||||||
|
<td class="table-action">
|
||||||
|
<a href="#"><i class="align-middle" data-feather="edit-2"></i></a>
|
||||||
|
<a href="#"><i class="align-middle" data-feather="trash"></i></a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Sharon Lessman</td>
|
||||||
|
<td>704-993-5435</td>
|
||||||
|
<td class="d-none d-md-table-cell">September 14, 1965</td>
|
||||||
|
<td class="table-action">
|
||||||
|
<a href="#"><i class="align-middle" data-feather="edit-2"></i></a>
|
||||||
|
<a href="#"><i class="align-middle" data-feather="trash"></i></a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Christina Mason</td>
|
||||||
|
<td>765-382-8195</td>
|
||||||
|
<td class="d-none d-md-table-cell">April 2, 1971</td>
|
||||||
|
<td class="table-action">
|
||||||
|
<a href="#"><i class="align-middle" data-feather="edit-2"></i></a>
|
||||||
|
<a href="#"><i class="align-middle" data-feather="trash"></i></a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Robin Schneiders</td>
|
||||||
|
<td>202-672-1407</td>
|
||||||
|
<td class="d-none d-md-table-cell">October 12, 1966</td>
|
||||||
|
<td class="table-action">
|
||||||
|
<a href="#"><i class="align-middle" data-feather="edit-2"></i></a>
|
||||||
|
<a href="#"><i class="align-middle" data-feather="trash"></i></a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 col-xl-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Contextual Classes</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Use contextual classes to color table rows or individual cells.</h6>
|
||||||
|
</div>
|
||||||
|
<table class="table">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th style="width:40%;">Name</th>
|
||||||
|
<th style="width:25%">Phone Number</th>
|
||||||
|
<th class="d-none d-md-table-cell" style="width:25%">Date of Birth</th>
|
||||||
|
<th>Actions</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>Vanessa Tucker</td>
|
||||||
|
<td>864-348-0485</td>
|
||||||
|
<td class="d-none d-md-table-cell">June 21, 1961</td>
|
||||||
|
<td class="table-action">
|
||||||
|
<a href="#"><i class="align-middle" data-feather="edit-2"></i></a>
|
||||||
|
<a href="#"><i class="align-middle" data-feather="trash"></i></a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr class="table-primary">
|
||||||
|
<td>William Harris</td>
|
||||||
|
<td>914-939-2458</td>
|
||||||
|
<td class="d-none d-md-table-cell">May 15, 1948</td>
|
||||||
|
<td class="table-action">
|
||||||
|
<a href="#"><i class="align-middle" data-feather="edit-2"></i></a>
|
||||||
|
<a href="#"><i class="align-middle" data-feather="trash"></i></a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Sharon Lessman</td>
|
||||||
|
<td>704-993-5435</td>
|
||||||
|
<td class="d-none d-md-table-cell">September 14, 1965</td>
|
||||||
|
<td class="table-action">
|
||||||
|
<a href="#"><i class="align-middle" data-feather="edit-2"></i></a>
|
||||||
|
<a href="#"><i class="align-middle" data-feather="trash"></i></a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr class="table-success">
|
||||||
|
<td>Christina Mason</td>
|
||||||
|
<td>765-382-8195</td>
|
||||||
|
<td class="d-none d-md-table-cell">April 2, 1971</td>
|
||||||
|
<td class="table-action">
|
||||||
|
<a href="#"><i class="align-middle" data-feather="edit-2"></i></a>
|
||||||
|
<a href="#"><i class="align-middle" data-feather="trash"></i></a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Robin Schneiders</td>
|
||||||
|
<td>202-672-1407</td>
|
||||||
|
<td class="d-none d-md-table-cell">October 12, 1966</td>
|
||||||
|
<td class="table-action">
|
||||||
|
<a href="#"><i class="align-middle" data-feather="edit-2"></i></a>
|
||||||
|
<a href="#"><i class="align-middle" data-feather="trash"></i></a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Always responsive</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Across every breakpoint, use <code>.table-responsive</code> for horizontally scrolling tables.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="table-responsive">
|
||||||
|
<table class="table mb-0">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th scope="col">#</th>
|
||||||
|
<th scope="col">Heading</th>
|
||||||
|
<th scope="col">Heading</th>
|
||||||
|
<th scope="col">Heading</th>
|
||||||
|
<th scope="col">Heading</th>
|
||||||
|
<th scope="col">Heading</th>
|
||||||
|
<th scope="col">Heading</th>
|
||||||
|
<th scope="col">Heading</th>
|
||||||
|
<th scope="col">Heading</th>
|
||||||
|
<th scope="col">Heading</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<th scope="row">1</th>
|
||||||
|
<td>Cell</td>
|
||||||
|
<td>Cell</td>
|
||||||
|
<td>Cell</td>
|
||||||
|
<td>Cell</td>
|
||||||
|
<td>Cell</td>
|
||||||
|
<td>Cell</td>
|
||||||
|
<td>Cell</td>
|
||||||
|
<td>Cell</td>
|
||||||
|
<td>Cell</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th scope="row">2</th>
|
||||||
|
<td>Cell</td>
|
||||||
|
<td>Cell</td>
|
||||||
|
<td>Cell</td>
|
||||||
|
<td>Cell</td>
|
||||||
|
<td>Cell</td>
|
||||||
|
<td>Cell</td>
|
||||||
|
<td>Cell</td>
|
||||||
|
<td>Cell</td>
|
||||||
|
<td>Cell</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th scope="row">3</th>
|
||||||
|
<td>Cell</td>
|
||||||
|
<td>Cell</td>
|
||||||
|
<td>Cell</td>
|
||||||
|
<td>Cell</td>
|
||||||
|
<td>Cell</td>
|
||||||
|
<td>Cell</td>
|
||||||
|
<td>Cell</td>
|
||||||
|
<td>Cell</td>
|
||||||
|
<td>Cell</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row text-muted">
|
||||||
|
<div class="col-6 text-left">
|
||||||
|
<p class="mb-0">
|
||||||
|
<a href="index.html" class="text-muted"><strong>AdminKit Demo</strong></a> ©
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-6 text-right">
|
||||||
|
<ul class="list-inline">
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Support</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Help Center</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Privacy</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Terms</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="js/vendor.js"></script>
|
||||||
|
<script src="js/app.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,733 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
<meta name="description" content="Responsive Web UI Kit & Dashboard Template based on Bootstrap">
|
||||||
|
<meta name="author" content="AdminKit">
|
||||||
|
<meta name="keywords" content="adminkit, bootstrap, web ui kit, dashboard template, admin template">
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="img/icons/icon-48x48.png" />
|
||||||
|
|
||||||
|
<title>Alerts | AdminKit Demo</title>
|
||||||
|
|
||||||
|
<link href="css/app.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="wrapper">
|
||||||
|
<nav id="sidebar" class="sidebar">
|
||||||
|
<div class="sidebar-content js-simplebar">
|
||||||
|
<a class="sidebar-brand" href="index.html">
|
||||||
|
<span class="align-middle">AdminKit</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<ul class="sidebar-nav">
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Pages
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="index.html">
|
||||||
|
<i class="align-middle" data-feather="sliders"></i> <span class="align-middle">Dashboard</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-profile.html">
|
||||||
|
<i class="align-middle" data-feather="user"></i> <span class="align-middle">Profile</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-settings.html">
|
||||||
|
<i class="align-middle" data-feather="settings"></i> <span class="align-middle">Settings</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-invoice.html">
|
||||||
|
<i class="align-middle" data-feather="credit-card"></i> <span class="align-middle">Invoice</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-blank.html">
|
||||||
|
<i class="align-middle" data-feather="book"></i> <span class="align-middle">Blank</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Tools & Components
|
||||||
|
</li>
|
||||||
|
<li class="sidebar-item active">
|
||||||
|
<a href="#ui" data-toggle="collapse" class="sidebar-link">
|
||||||
|
<i class="align-middle" data-feather="briefcase"></i> <span class="align-middle">UI Elements</span>
|
||||||
|
</a>
|
||||||
|
<ul id="ui" class="sidebar-dropdown list-unstyled collapse show" data-parent="#sidebar">
|
||||||
|
<li class="sidebar-item active"><a class="sidebar-link" href="ui-alerts.html">Alerts</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-buttons.html">Buttons</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-cards.html">Cards</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-general.html">General</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-grid.html">Grid</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-modals.html">Modals</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-typography.html">Typography</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="icons-feather.html">
|
||||||
|
<i class="align-middle" data-feather="coffee"></i> <span class="align-middle">Icons</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a href="#forms" data-toggle="collapse" class="sidebar-link collapsed">
|
||||||
|
<i class="align-middle" data-feather="check-circle"></i> <span class="align-middle">Forms</span>
|
||||||
|
</a>
|
||||||
|
<ul id="forms" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="forms-layouts.html">Form Layouts</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="forms-basic-inputs.html">Basic Inputs</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="tables-bootstrap.html">
|
||||||
|
<i class="align-middle" data-feather="list"></i> <span class="align-middle">Tables</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Plugins & Addons
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="charts-chartjs.html">
|
||||||
|
<i class="align-middle" data-feather="bar-chart-2"></i> <span class="align-middle">Charts</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="maps-google.html">
|
||||||
|
<i class="align-middle" data-feather="map"></i> <span class="align-middle">Maps</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="sidebar-cta">
|
||||||
|
<div class="sidebar-cta-content">
|
||||||
|
<strong class="d-inline-block mb-2">Upgrade to Pro</strong>
|
||||||
|
<div class="mb-3 text-sm">
|
||||||
|
Are you looking for more components?
|
||||||
|
</div>
|
||||||
|
<a href="https://adminkit.io/pricing" target="_blank" class="btn btn-outline-primary btn-block">Upgrade</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div class="main">
|
||||||
|
<nav class="navbar navbar-expand navbar-light navbar-bg">
|
||||||
|
<a class="sidebar-toggle d-flex">
|
||||||
|
<i class="hamburger align-self-center"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<form class="form-inline d-none d-sm-inline-block">
|
||||||
|
<div class="input-group input-group-navbar">
|
||||||
|
<input type="text" class="form-control" placeholder="Search…" aria-label="Search">
|
||||||
|
<div class="input-group-append">
|
||||||
|
<button class="btn" type="button">
|
||||||
|
<i class="align-middle" data-feather="search"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="navbar-collapse collapse">
|
||||||
|
<ul class="navbar-nav navbar-align">
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle" href="#" id="alertsDropdown" data-toggle="dropdown">
|
||||||
|
<div class="position-relative">
|
||||||
|
<i class="align-middle" data-feather="bell"></i>
|
||||||
|
<span class="indicator">4</span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0" aria-labelledby="alertsDropdown">
|
||||||
|
<div class="dropdown-menu-header">
|
||||||
|
4 New Notifications
|
||||||
|
</div>
|
||||||
|
<div class="list-group">
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-danger" data-feather="alert-circle"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Update completed</div>
|
||||||
|
<div class="text-muted small mt-1">Restart server 12 to complete the update.</div>
|
||||||
|
<div class="text-muted small mt-1">30m ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-warning" data-feather="bell"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Lorem ipsum</div>
|
||||||
|
<div class="text-muted small mt-1">Aliquam ex eros, imperdiet vulputate hendrerit et.</div>
|
||||||
|
<div class="text-muted small mt-1">2h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-primary" data-feather="home"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Login from 192.186.1.8</div>
|
||||||
|
<div class="text-muted small mt-1">5h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-success" data-feather="user-plus"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">New connection</div>
|
||||||
|
<div class="text-muted small mt-1">Christina accepted your request.</div>
|
||||||
|
<div class="text-muted small mt-1">14h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-footer">
|
||||||
|
<a href="#" class="text-muted">Show all notifications</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle" href="#" id="messagesDropdown" data-toggle="dropdown">
|
||||||
|
<div class="position-relative">
|
||||||
|
<i class="align-middle" data-feather="message-square"></i>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0" aria-labelledby="messagesDropdown">
|
||||||
|
<div class="dropdown-menu-header">
|
||||||
|
<div class="position-relative">
|
||||||
|
4 New Messages
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="list-group">
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Vanessa Tucker</div>
|
||||||
|
<div class="text-muted small mt-1">Nam pretium turpis et arcu. Duis arcu tortor.</div>
|
||||||
|
<div class="text-muted small mt-1">15m ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">William Harris</div>
|
||||||
|
<div class="text-muted small mt-1">Curabitur ligula sapien euismod vitae.</div>
|
||||||
|
<div class="text-muted small mt-1">2h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Christina Mason</div>
|
||||||
|
<div class="text-muted small mt-1">Pellentesque auctor neque nec urna.</div>
|
||||||
|
<div class="text-muted small mt-1">4h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Sharon Lessman</div>
|
||||||
|
<div class="text-muted small mt-1">Aenean tellus metus, bibendum sed, posuere ac, mattis non.</div>
|
||||||
|
<div class="text-muted small mt-1">5h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-footer">
|
||||||
|
<a href="#" class="text-muted">Show all messages</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle d-inline-block d-sm-none" href="#" data-toggle="dropdown">
|
||||||
|
<i class="align-middle" data-feather="settings"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a class="nav-link dropdown-toggle d-none d-sm-inline-block" href="#" data-toggle="dropdown">
|
||||||
|
<img src="img/avatars/avatar.jpg" class="avatar img-fluid rounded mr-1" alt="Charles Hall" /> <span class="text-dark">Charles Hall</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-right">
|
||||||
|
<a class="dropdown-item" href="pages-profile.html"><i class="align-middle mr-1" data-feather="user"></i> Profile</a>
|
||||||
|
<a class="dropdown-item" href="#"><i class="align-middle mr-1" data-feather="pie-chart"></i> Analytics</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="pages-settings.html"><i class="align-middle mr-1" data-feather="settings"></i> Settings & Privacy</a>
|
||||||
|
<a class="dropdown-item" href="#"><i class="align-middle mr-1" data-feather="help-circle"></i> Help Center</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="#">Log out</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<main class="content">
|
||||||
|
<div class="container-fluid p-0">
|
||||||
|
|
||||||
|
<h1 class="h3 mb-3">Alerts</h1>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Default alerts</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Alerts with contextual background color.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="mb-3">
|
||||||
|
<div class="alert alert-primary alert-dismissible" role="alert">
|
||||||
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
<div class="alert-message">
|
||||||
|
<strong>Hello there!</strong> A simple primary alert—check it out!
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="alert alert-secondary alert-dismissible" role="alert">
|
||||||
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
<div class="alert-message">
|
||||||
|
<strong>Hello there!</strong> A simple secondary alert—check it out!
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="alert alert-success alert-dismissible" role="alert">
|
||||||
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
<div class="alert-message">
|
||||||
|
<strong>Hello there!</strong> A simple success alert—check it out!
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="alert alert-danger alert-dismissible" role="alert">
|
||||||
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
<div class="alert-message">
|
||||||
|
<strong>Hello there!</strong> A simple danger alert—check it out!
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="alert alert-warning alert-dismissible" role="alert">
|
||||||
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
<div class="alert-message">
|
||||||
|
<strong>Hello there!</strong> A simple warning alert—check it out!
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="alert alert-info alert-dismissible" role="alert">
|
||||||
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
<div class="alert-message">
|
||||||
|
<strong>Hello there!</strong> A simple info alert—check it out!
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Icon alerts</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Alerts with icon and background color.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="mb-3">
|
||||||
|
<div class="alert alert-primary alert-dismissible" role="alert">
|
||||||
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
<div class="alert-icon">
|
||||||
|
<i class="far fa-fw fa-bell"></i>
|
||||||
|
</div>
|
||||||
|
<div class="alert-message">
|
||||||
|
<strong>Hello there!</strong> A simple primary alert—check it out!
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="alert alert-secondary alert-dismissible" role="alert">
|
||||||
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
<div class="alert-icon">
|
||||||
|
<i class="far fa-fw fa-bell"></i>
|
||||||
|
</div>
|
||||||
|
<div class="alert-message">
|
||||||
|
<strong>Hello there!</strong> A simple secondary alert—check it out!
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="alert alert-success alert-dismissible" role="alert">
|
||||||
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
<div class="alert-icon">
|
||||||
|
<i class="far fa-fw fa-bell"></i>
|
||||||
|
</div>
|
||||||
|
<div class="alert-message">
|
||||||
|
<strong>Hello there!</strong> A simple success alert—check it out!
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="alert alert-danger alert-dismissible" role="alert">
|
||||||
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
<div class="alert-icon">
|
||||||
|
<i class="far fa-fw fa-bell"></i>
|
||||||
|
</div>
|
||||||
|
<div class="alert-message">
|
||||||
|
<strong>Hello there!</strong> A simple danger alert—check it out!
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="alert alert-warning alert-dismissible" role="alert">
|
||||||
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
<div class="alert-icon">
|
||||||
|
<i class="far fa-fw fa-bell"></i>
|
||||||
|
</div>
|
||||||
|
<div class="alert-message">
|
||||||
|
<strong>Hello there!</strong> A simple warning alert—check it out!
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="alert alert-info alert-dismissible" role="alert">
|
||||||
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
<div class="alert-icon">
|
||||||
|
<i class="far fa-fw fa-bell"></i>
|
||||||
|
</div>
|
||||||
|
<div class="alert-message">
|
||||||
|
<strong>Hello there!</strong> A simple info alert—check it out!
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Outline alerts</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Alerts with contextual icon background.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="mb-3">
|
||||||
|
<div class="alert alert-primary alert-outline alert-dismissible" role="alert">
|
||||||
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
<div class="alert-icon">
|
||||||
|
<i class="far fa-fw fa-bell"></i>
|
||||||
|
</div>
|
||||||
|
<div class="alert-message">
|
||||||
|
<strong>Hello there!</strong> A simple primary alert—check it out!
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="alert alert-secondary alert-outline alert-dismissible" role="alert">
|
||||||
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
<div class="alert-icon">
|
||||||
|
<i class="far fa-fw fa-bell"></i>
|
||||||
|
</div>
|
||||||
|
<div class="alert-message">
|
||||||
|
<strong>Hello there!</strong> A simple secondary alert—check it out!
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="alert alert-success alert-outline alert-dismissible" role="alert">
|
||||||
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
<div class="alert-icon">
|
||||||
|
<i class="far fa-fw fa-bell"></i>
|
||||||
|
</div>
|
||||||
|
<div class="alert-message">
|
||||||
|
<strong>Hello there!</strong> A simple success alert—check it out!
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="alert alert-danger alert-outline alert-dismissible" role="alert">
|
||||||
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
<div class="alert-icon">
|
||||||
|
<i class="far fa-fw fa-bell"></i>
|
||||||
|
</div>
|
||||||
|
<div class="alert-message">
|
||||||
|
<strong>Hello there!</strong> A simple danger alert—check it out!
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="alert alert-warning alert-outline alert-dismissible" role="alert">
|
||||||
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
<div class="alert-icon">
|
||||||
|
<i class="far fa-fw fa-bell"></i>
|
||||||
|
</div>
|
||||||
|
<div class="alert-message">
|
||||||
|
<strong>Hello there!</strong> A simple warning alert—check it out!
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="alert alert-info alert-outline alert-dismissible" role="alert">
|
||||||
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
<div class="alert-icon">
|
||||||
|
<i class="far fa-fw fa-bell"></i>
|
||||||
|
</div>
|
||||||
|
<div class="alert-message">
|
||||||
|
<strong>Hello there!</strong> A simple info alert—check it out!
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Colored outline alerts</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Alerts with contextual outline color.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="mb-3">
|
||||||
|
<div class="alert alert-primary alert-outline-coloured alert-dismissible" role="alert">
|
||||||
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
<div class="alert-icon">
|
||||||
|
<i class="far fa-fw fa-bell"></i>
|
||||||
|
</div>
|
||||||
|
<div class="alert-message">
|
||||||
|
<strong>Hello there!</strong> A simple primary alert—check it out!
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="alert alert-secondary alert-outline-coloured alert-dismissible" role="alert">
|
||||||
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
<div class="alert-icon">
|
||||||
|
<i class="far fa-fw fa-bell"></i>
|
||||||
|
</div>
|
||||||
|
<div class="alert-message">
|
||||||
|
<strong>Hello there!</strong> A simple secondary alert—check it out!
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="alert alert-success alert-outline-coloured alert-dismissible" role="alert">
|
||||||
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
<div class="alert-icon">
|
||||||
|
<i class="far fa-fw fa-bell"></i>
|
||||||
|
</div>
|
||||||
|
<div class="alert-message">
|
||||||
|
<strong>Hello there!</strong> A simple success alert—check it out!
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="alert alert-danger alert-outline-coloured alert-dismissible" role="alert">
|
||||||
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
<div class="alert-icon">
|
||||||
|
<i class="far fa-fw fa-bell"></i>
|
||||||
|
</div>
|
||||||
|
<div class="alert-message">
|
||||||
|
<strong>Hello there!</strong> A simple danger alert—check it out!
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="alert alert-warning alert-outline-coloured alert-dismissible" role="alert">
|
||||||
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
<div class="alert-icon">
|
||||||
|
<i class="far fa-fw fa-bell"></i>
|
||||||
|
</div>
|
||||||
|
<div class="alert-message">
|
||||||
|
<strong>Hello there!</strong> A simple warning alert—check it out!
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="alert alert-info alert-outline-coloured alert-dismissible" role="alert">
|
||||||
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
<div class="alert-icon">
|
||||||
|
<i class="far fa-fw fa-bell"></i>
|
||||||
|
</div>
|
||||||
|
<div class="alert-message">
|
||||||
|
<strong>Hello there!</strong> A simple info alert—check it out!
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Alerts with additonal content</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Alerts with large contents.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="mb-3">
|
||||||
|
<div class="alert alert-success alert-dismissible" role="alert">
|
||||||
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
<div class="alert-message">
|
||||||
|
<h4 class="alert-heading">Well done!</h4>
|
||||||
|
<p>Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an
|
||||||
|
alert works with this kind of content.</p>
|
||||||
|
<hr>
|
||||||
|
<p class="mb-0">Whenever you need to, be sure to use margin utilities to keep things nice and tidy.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-3">
|
||||||
|
<div class="alert alert-primary alert-outline alert-dismissible" role="alert">
|
||||||
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
<div class="alert-message">
|
||||||
|
<h4 class="alert-heading">Well done!</h4>
|
||||||
|
<p>Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an
|
||||||
|
alert works with this kind of content.</p>
|
||||||
|
<hr>
|
||||||
|
<p class="mb-0">Whenever you need to, be sure to use margin utilities to keep things nice and tidy.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Alerts with buttons</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Alerts with actions.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="mb-3">
|
||||||
|
<div class="alert alert-success alert-dismissible" role="alert">
|
||||||
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
<div class="alert-message">
|
||||||
|
<h4 class="alert-heading">Well done!</h4>
|
||||||
|
<p>Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an
|
||||||
|
alert works with this kind of content.</p>
|
||||||
|
<hr>
|
||||||
|
<div class="btn-list">
|
||||||
|
<button class="btn btn-light" type="button">Okay</button>
|
||||||
|
<button class="btn btn-secondary" type="button">No, thanks</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-3">
|
||||||
|
<div class="alert alert-primary alert-outline alert-dismissible" role="alert">
|
||||||
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
<div class="alert-message">
|
||||||
|
<h4 class="alert-heading">Well done!</h4>
|
||||||
|
<p>Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an
|
||||||
|
alert works with this kind of content.</p>
|
||||||
|
<hr>
|
||||||
|
<div class="btn-list">
|
||||||
|
<button class="btn btn-success" type="button">Okay</button>
|
||||||
|
<button class="btn btn-danger" type="button">No, thanks</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row text-muted">
|
||||||
|
<div class="col-6 text-left">
|
||||||
|
<p class="mb-0">
|
||||||
|
<a href="index.html" class="text-muted"><strong>AdminKit Demo</strong></a> ©
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-6 text-right">
|
||||||
|
<ul class="list-inline">
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Support</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Help Center</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Privacy</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Terms</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="js/vendor.js"></script>
|
||||||
|
<script src="js/app.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,772 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
<meta name="description" content="Responsive Web UI Kit & Dashboard Template based on Bootstrap">
|
||||||
|
<meta name="author" content="AdminKit">
|
||||||
|
<meta name="keywords" content="adminkit, bootstrap, web ui kit, dashboard template, admin template">
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="img/icons/icon-48x48.png" />
|
||||||
|
|
||||||
|
<title>Buttons | AdminKit Demo</title>
|
||||||
|
|
||||||
|
<link href="css/app.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="wrapper">
|
||||||
|
<nav id="sidebar" class="sidebar">
|
||||||
|
<div class="sidebar-content js-simplebar">
|
||||||
|
<a class="sidebar-brand" href="index.html">
|
||||||
|
<span class="align-middle">AdminKit</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<ul class="sidebar-nav">
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Pages
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="index.html">
|
||||||
|
<i class="align-middle" data-feather="sliders"></i> <span class="align-middle">Dashboard</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-profile.html">
|
||||||
|
<i class="align-middle" data-feather="user"></i> <span class="align-middle">Profile</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-settings.html">
|
||||||
|
<i class="align-middle" data-feather="settings"></i> <span class="align-middle">Settings</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-invoice.html">
|
||||||
|
<i class="align-middle" data-feather="credit-card"></i> <span class="align-middle">Invoice</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-blank.html">
|
||||||
|
<i class="align-middle" data-feather="book"></i> <span class="align-middle">Blank</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Tools & Components
|
||||||
|
</li>
|
||||||
|
<li class="sidebar-item active">
|
||||||
|
<a href="#ui" data-toggle="collapse" class="sidebar-link">
|
||||||
|
<i class="align-middle" data-feather="briefcase"></i> <span class="align-middle">UI Elements</span>
|
||||||
|
</a>
|
||||||
|
<ul id="ui" class="sidebar-dropdown list-unstyled collapse show" data-parent="#sidebar">
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-alerts.html">Alerts</a></li>
|
||||||
|
<li class="sidebar-item active"><a class="sidebar-link" href="ui-buttons.html">Buttons</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-cards.html">Cards</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-general.html">General</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-grid.html">Grid</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-modals.html">Modals</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-typography.html">Typography</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="icons-feather.html">
|
||||||
|
<i class="align-middle" data-feather="coffee"></i> <span class="align-middle">Icons</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a href="#forms" data-toggle="collapse" class="sidebar-link collapsed">
|
||||||
|
<i class="align-middle" data-feather="check-circle"></i> <span class="align-middle">Forms</span>
|
||||||
|
</a>
|
||||||
|
<ul id="forms" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="forms-layouts.html">Form Layouts</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="forms-basic-inputs.html">Basic Inputs</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="tables-bootstrap.html">
|
||||||
|
<i class="align-middle" data-feather="list"></i> <span class="align-middle">Tables</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Plugins & Addons
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="charts-chartjs.html">
|
||||||
|
<i class="align-middle" data-feather="bar-chart-2"></i> <span class="align-middle">Charts</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="maps-google.html">
|
||||||
|
<i class="align-middle" data-feather="map"></i> <span class="align-middle">Maps</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="sidebar-cta">
|
||||||
|
<div class="sidebar-cta-content">
|
||||||
|
<strong class="d-inline-block mb-2">Upgrade to Pro</strong>
|
||||||
|
<div class="mb-3 text-sm">
|
||||||
|
Are you looking for more components?
|
||||||
|
</div>
|
||||||
|
<a href="https://adminkit.io/pricing" target="_blank" class="btn btn-outline-primary btn-block">Upgrade</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div class="main">
|
||||||
|
<nav class="navbar navbar-expand navbar-light navbar-bg">
|
||||||
|
<a class="sidebar-toggle d-flex">
|
||||||
|
<i class="hamburger align-self-center"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<form class="form-inline d-none d-sm-inline-block">
|
||||||
|
<div class="input-group input-group-navbar">
|
||||||
|
<input type="text" class="form-control" placeholder="Search…" aria-label="Search">
|
||||||
|
<div class="input-group-append">
|
||||||
|
<button class="btn" type="button">
|
||||||
|
<i class="align-middle" data-feather="search"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="navbar-collapse collapse">
|
||||||
|
<ul class="navbar-nav navbar-align">
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle" href="#" id="alertsDropdown" data-toggle="dropdown">
|
||||||
|
<div class="position-relative">
|
||||||
|
<i class="align-middle" data-feather="bell"></i>
|
||||||
|
<span class="indicator">4</span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0" aria-labelledby="alertsDropdown">
|
||||||
|
<div class="dropdown-menu-header">
|
||||||
|
4 New Notifications
|
||||||
|
</div>
|
||||||
|
<div class="list-group">
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-danger" data-feather="alert-circle"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Update completed</div>
|
||||||
|
<div class="text-muted small mt-1">Restart server 12 to complete the update.</div>
|
||||||
|
<div class="text-muted small mt-1">30m ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-warning" data-feather="bell"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Lorem ipsum</div>
|
||||||
|
<div class="text-muted small mt-1">Aliquam ex eros, imperdiet vulputate hendrerit et.</div>
|
||||||
|
<div class="text-muted small mt-1">2h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-primary" data-feather="home"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Login from 192.186.1.8</div>
|
||||||
|
<div class="text-muted small mt-1">5h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-success" data-feather="user-plus"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">New connection</div>
|
||||||
|
<div class="text-muted small mt-1">Christina accepted your request.</div>
|
||||||
|
<div class="text-muted small mt-1">14h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-footer">
|
||||||
|
<a href="#" class="text-muted">Show all notifications</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle" href="#" id="messagesDropdown" data-toggle="dropdown">
|
||||||
|
<div class="position-relative">
|
||||||
|
<i class="align-middle" data-feather="message-square"></i>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0" aria-labelledby="messagesDropdown">
|
||||||
|
<div class="dropdown-menu-header">
|
||||||
|
<div class="position-relative">
|
||||||
|
4 New Messages
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="list-group">
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Vanessa Tucker</div>
|
||||||
|
<div class="text-muted small mt-1">Nam pretium turpis et arcu. Duis arcu tortor.</div>
|
||||||
|
<div class="text-muted small mt-1">15m ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">William Harris</div>
|
||||||
|
<div class="text-muted small mt-1">Curabitur ligula sapien euismod vitae.</div>
|
||||||
|
<div class="text-muted small mt-1">2h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Christina Mason</div>
|
||||||
|
<div class="text-muted small mt-1">Pellentesque auctor neque nec urna.</div>
|
||||||
|
<div class="text-muted small mt-1">4h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Sharon Lessman</div>
|
||||||
|
<div class="text-muted small mt-1">Aenean tellus metus, bibendum sed, posuere ac, mattis non.</div>
|
||||||
|
<div class="text-muted small mt-1">5h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-footer">
|
||||||
|
<a href="#" class="text-muted">Show all messages</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle d-inline-block d-sm-none" href="#" data-toggle="dropdown">
|
||||||
|
<i class="align-middle" data-feather="settings"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a class="nav-link dropdown-toggle d-none d-sm-inline-block" href="#" data-toggle="dropdown">
|
||||||
|
<img src="img/avatars/avatar.jpg" class="avatar img-fluid rounded mr-1" alt="Charles Hall" /> <span class="text-dark">Charles Hall</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-right">
|
||||||
|
<a class="dropdown-item" href="pages-profile.html"><i class="align-middle mr-1" data-feather="user"></i> Profile</a>
|
||||||
|
<a class="dropdown-item" href="#"><i class="align-middle mr-1" data-feather="pie-chart"></i> Analytics</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="pages-settings.html"><i class="align-middle mr-1" data-feather="settings"></i> Settings & Privacy</a>
|
||||||
|
<a class="dropdown-item" href="#"><i class="align-middle mr-1" data-feather="help-circle"></i> Help Center</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="#">Log out</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<main class="content">
|
||||||
|
<div class="container-fluid p-0">
|
||||||
|
|
||||||
|
<h1 class="h3 mb-3">Buttons</h1>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Basic Buttons</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Default Bootstrap buttons style.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body text-center">
|
||||||
|
<div class="mb-3">
|
||||||
|
<button class="btn btn-primary">Primary</button>
|
||||||
|
<button class="btn btn-secondary">Secondary</button>
|
||||||
|
<button class="btn btn-success">Success</button>
|
||||||
|
<button class="btn btn-danger">Danger</button>
|
||||||
|
<button class="btn btn-warning">Warning</button>
|
||||||
|
<button class="btn btn-info">Info</button>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button class="btn btn-primary" disabled>Primary</button>
|
||||||
|
<button class="btn btn-secondary" disabled>Secondary</button>
|
||||||
|
<button class="btn btn-success" disabled>Success</button>
|
||||||
|
<button class="btn btn-danger" disabled>Danger</button>
|
||||||
|
<button class="btn btn-warning" disabled>Warning</button>
|
||||||
|
<button class="btn btn-info" disabled>Info</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Rounded Buttons</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Rounded Bootstrap buttons.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body text-center">
|
||||||
|
<div class="mb-3">
|
||||||
|
<button class="btn btn-pill btn-primary">Primary</button>
|
||||||
|
<button class="btn btn-pill btn-secondary">Secondary</button>
|
||||||
|
<button class="btn btn-pill btn-success">Success</button>
|
||||||
|
<button class="btn btn-pill btn-danger">Danger</button>
|
||||||
|
<button class="btn btn-pill btn-warning">Warning</button>
|
||||||
|
<button class="btn btn-pill btn-info">Info</button>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button class="btn btn-pill btn-primary" disabled>Primary</button>
|
||||||
|
<button class="btn btn-pill btn-secondary" disabled>Secondary</button>
|
||||||
|
<button class="btn btn-pill btn-success" disabled>Success</button>
|
||||||
|
<button class="btn btn-pill btn-danger" disabled>Danger</button>
|
||||||
|
<button class="btn btn-pill btn-warning" disabled>Warning</button>
|
||||||
|
<button class="btn btn-pill btn-info" disabled>Info</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Outline Buttons</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Buttons without background color.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body text-center">
|
||||||
|
<div class="mb-3">
|
||||||
|
<button class="btn btn-outline-primary">Primary</button>
|
||||||
|
<button class="btn btn-outline-secondary">Secondary</button>
|
||||||
|
<button class="btn btn-outline-success">Success</button>
|
||||||
|
<button class="btn btn-outline-danger">Danger</button>
|
||||||
|
<button class="btn btn-outline-warning">Warning</button>
|
||||||
|
<button class="btn btn-outline-info">Info</button>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button class="btn btn-outline-primary" disabled>Primary</button>
|
||||||
|
<button class="btn btn-outline-secondary" disabled>Secondary</button>
|
||||||
|
<button class="btn btn-outline-success" disabled>Success</button>
|
||||||
|
<button class="btn btn-outline-danger" disabled>Danger</button>
|
||||||
|
<button class="btn btn-outline-warning" disabled>Warning</button>
|
||||||
|
<button class="btn btn-outline-info" disabled>Info</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Square Buttons</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Buttons without border radius.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body text-center">
|
||||||
|
<div class="mb-3">
|
||||||
|
<button class="btn btn-square btn-primary">Primary</button>
|
||||||
|
<button class="btn btn-square btn-secondary">Secondary</button>
|
||||||
|
<button class="btn btn-square btn-success">Success</button>
|
||||||
|
<button class="btn btn-square btn-danger">Danger</button>
|
||||||
|
<button class="btn btn-square btn-warning">Warning</button>
|
||||||
|
<button class="btn btn-square btn-info">Info</button>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button class="btn btn-square btn-primary" disabled>Primary</button>
|
||||||
|
<button class="btn btn-square btn-secondary" disabled>Secondary</button>
|
||||||
|
<button class="btn btn-square btn-success" disabled>Success</button>
|
||||||
|
<button class="btn btn-square btn-danger" disabled>Danger</button>
|
||||||
|
<button class="btn btn-square btn-warning" disabled>Warning</button>
|
||||||
|
<button class="btn btn-square btn-info" disabled>Info</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Icon Buttons</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Default Bootstrap buttons with icons.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body text-center">
|
||||||
|
<div class="mb-3">
|
||||||
|
<button class="btn btn-primary"><i class="far fa-smile"></i> Primary</button>
|
||||||
|
<button class="btn btn-secondary"><i class="fas fa-globe-americas"></i> Secondary</button>
|
||||||
|
<button class="btn btn-success"><i class="fas fa-check"></i> Success</button>
|
||||||
|
<button class="btn btn-danger"><i class="fas fa-times"></i> Danger</button>
|
||||||
|
<button class="btn btn-warning"><i class="fas fa-exclamation"></i> Warning</button>
|
||||||
|
<button class="btn btn-info"><i class="fas fa-info"></i> Info</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<button class="btn btn-primary"><i class="far fa-smile"></i></button>
|
||||||
|
<button class="btn btn-secondary"><i class="fas fa-globe-americas"></i></button>
|
||||||
|
<button class="btn btn-success"><i class="fas fa-check"></i></button>
|
||||||
|
<button class="btn btn-danger"><i class="fas fa-times"></i></button>
|
||||||
|
<button class="btn btn-warning"><i class="fas fa-exclamation"></i></button>
|
||||||
|
<button class="btn btn-info"><i class="fas fa-info"></i></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Social Buttons</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Social buttons with icons.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body text-center">
|
||||||
|
<div class="mb-3">
|
||||||
|
<button class="btn mb-1 btn-facebook"><i class="align-middle fab fa-facebook"></i> Facebook</button>
|
||||||
|
<button class="btn mb-1 btn-twitter"><i class="align-middle fab fa-twitter"></i> Twitter</button>
|
||||||
|
<button class="btn mb-1 btn-google"><i class="align-middle fab fa-google"></i> Google</button>
|
||||||
|
<button class="btn mb-1 btn-youtube"><i class="align-middle fab fa-youtube"></i> Youtube</button>
|
||||||
|
<button class="btn mb-1 btn-vimeo"><i class="align-middle fab fa-vimeo"></i> Vimeo</button>
|
||||||
|
<button class="btn mb-1 btn-dribbble"><i class="align-middle fab fa-dribbble"></i> Dribbble</button>
|
||||||
|
<button class="btn mb-1 btn-github"><i class="align-middle fab fa-github"></i> Github</button>
|
||||||
|
<button class="btn mb-1 btn-instagram"><i class="align-middle fab fa-instagram"></i> Instagram</button>
|
||||||
|
<button class="btn mb-1 btn-pinterest"><i class="align-middle fab fa-pinterest"></i> Pinterest</button>
|
||||||
|
<button class="btn mb-1 btn-flickr"><i class="align-middle fab fa-flickr"></i> Flickr</button>
|
||||||
|
<button class="btn mb-1 btn-bitbucket"><i class="align-middle fab fa-bitbucket"></i> Bitbucket</button>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button class="btn mb-1 btn-facebook"><i class="align-middle fab my-1 fa-facebook"></i></button>
|
||||||
|
<button class="btn mb-1 btn-twitter"><i class="align-middle fab my-1 fa-twitter"></i></button>
|
||||||
|
<button class="btn mb-1 btn-google"><i class="align-middle fab my-1 fa-google"></i></button>
|
||||||
|
<button class="btn mb-1 btn-youtube"><i class="align-middle fab my-1 fa-youtube"></i></button>
|
||||||
|
<button class="btn mb-1 btn-vimeo"><i class="align-middle fab my-1 fa-vimeo"></i></button>
|
||||||
|
<button class="btn mb-1 btn-dribbble"><i class="align-middle fab my-1 fa-dribbble"></i></button>
|
||||||
|
<button class="btn mb-1 btn-github"><i class="align-middle fab my-1 fa-github"></i></button>
|
||||||
|
<button class="btn mb-1 btn-instagram"><i class="align-middle fab my-1 fa-instagram"></i></button>
|
||||||
|
<button class="btn mb-1 btn-pinterest"><i class="align-middle fab my-1 fa-pinterest"></i></button>
|
||||||
|
<button class="btn mb-1 btn-flickr"><i class="align-middle fab my-1 fa-flickr"></i></button>
|
||||||
|
<button class="btn mb-1 btn-bitbucket"><i class="align-middle fab my-1 fa-bitbucket"></i></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Button Sizes</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Fancy larger or smaller buttons.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body text-center">
|
||||||
|
<div class="mb-3">
|
||||||
|
<button class="btn btn-primary btn-sm">Small</button>
|
||||||
|
<button class="btn btn-primary">Medium</button>
|
||||||
|
<button class="btn btn-primary btn-lg">Large</button>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button class="btn btn-primary btn-sm"><i class="fas fa-globe-americas"></i> Small</button>
|
||||||
|
<button class="btn btn-primary"><i class="fas fa-globe-americas"></i> Medium</button>
|
||||||
|
<button class="btn btn-primary btn-lg"><i class="fas fa-globe-americas"></i> Large</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Button Dropdown</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Dropdowns styles with buttons.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body text-center">
|
||||||
|
<div class="mb-3">
|
||||||
|
<div class="btn-group">
|
||||||
|
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||||
|
Primary
|
||||||
|
</button>
|
||||||
|
<div class="dropdown-menu">
|
||||||
|
<a class="dropdown-item" href="#">Action</a>
|
||||||
|
<a class="dropdown-item" href="#">Another action</a>
|
||||||
|
<a class="dropdown-item" href="#">Something else here</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="#">Separated link</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group">
|
||||||
|
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||||
|
Secondary
|
||||||
|
</button>
|
||||||
|
<div class="dropdown-menu">
|
||||||
|
<a class="dropdown-item" href="#">Action</a>
|
||||||
|
<a class="dropdown-item" href="#">Another action</a>
|
||||||
|
<a class="dropdown-item" href="#">Something else here</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="#">Separated link</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group">
|
||||||
|
<button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||||
|
Success
|
||||||
|
</button>
|
||||||
|
<div class="dropdown-menu">
|
||||||
|
<a class="dropdown-item" href="#">Action</a>
|
||||||
|
<a class="dropdown-item" href="#">Another action</a>
|
||||||
|
<a class="dropdown-item" href="#">Something else here</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="#">Separated link</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group">
|
||||||
|
<button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||||
|
Danger
|
||||||
|
</button>
|
||||||
|
<div class="dropdown-menu">
|
||||||
|
<a class="dropdown-item" href="#">Action</a>
|
||||||
|
<a class="dropdown-item" href="#">Another action</a>
|
||||||
|
<a class="dropdown-item" href="#">Something else here</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="#">Separated link</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group">
|
||||||
|
<button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||||
|
Warning
|
||||||
|
</button>
|
||||||
|
<div class="dropdown-menu">
|
||||||
|
<a class="dropdown-item" href="#">Action</a>
|
||||||
|
<a class="dropdown-item" href="#">Another action</a>
|
||||||
|
<a class="dropdown-item" href="#">Something else here</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="#">Separated link</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group">
|
||||||
|
<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||||
|
Info
|
||||||
|
</button>
|
||||||
|
<div class="dropdown-menu">
|
||||||
|
<a class="dropdown-item" href="#">Action</a>
|
||||||
|
<a class="dropdown-item" href="#">Another action</a>
|
||||||
|
<a class="dropdown-item" href="#">Something else here</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="#">Separated link</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div class="btn-group btn-group-sm">
|
||||||
|
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||||
|
Primary
|
||||||
|
</button>
|
||||||
|
<div class="dropdown-menu">
|
||||||
|
<a class="dropdown-item" href="#">Action</a>
|
||||||
|
<a class="dropdown-item" href="#">Another action</a>
|
||||||
|
<a class="dropdown-item" href="#">Something else here</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="#">Separated link</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group btn-group-sm">
|
||||||
|
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||||
|
Secondary
|
||||||
|
</button>
|
||||||
|
<div class="dropdown-menu">
|
||||||
|
<a class="dropdown-item" href="#">Action</a>
|
||||||
|
<a class="dropdown-item" href="#">Another action</a>
|
||||||
|
<a class="dropdown-item" href="#">Something else here</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="#">Separated link</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group btn-group-sm">
|
||||||
|
<button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||||
|
Success
|
||||||
|
</button>
|
||||||
|
<div class="dropdown-menu">
|
||||||
|
<a class="dropdown-item" href="#">Action</a>
|
||||||
|
<a class="dropdown-item" href="#">Another action</a>
|
||||||
|
<a class="dropdown-item" href="#">Something else here</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="#">Separated link</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group btn-group-sm">
|
||||||
|
<button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||||
|
Danger
|
||||||
|
</button>
|
||||||
|
<div class="dropdown-menu">
|
||||||
|
<a class="dropdown-item" href="#">Action</a>
|
||||||
|
<a class="dropdown-item" href="#">Another action</a>
|
||||||
|
<a class="dropdown-item" href="#">Something else here</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="#">Separated link</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group btn-group-sm">
|
||||||
|
<button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||||
|
Warning
|
||||||
|
</button>
|
||||||
|
<div class="dropdown-menu">
|
||||||
|
<a class="dropdown-item" href="#">Action</a>
|
||||||
|
<a class="dropdown-item" href="#">Another action</a>
|
||||||
|
<a class="dropdown-item" href="#">Something else here</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="#">Separated link</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group btn-group-sm">
|
||||||
|
<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||||
|
Info
|
||||||
|
</button>
|
||||||
|
<div class="dropdown-menu">
|
||||||
|
<a class="dropdown-item" href="#">Action</a>
|
||||||
|
<a class="dropdown-item" href="#">Another action</a>
|
||||||
|
<a class="dropdown-item" href="#">Something else here</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="#">Separated link</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Button Group</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Button group components.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<h6 class="card-subtitle mb-2 text-muted">Horizontal button group</h6>
|
||||||
|
<div class="btn-group btn-group-lg mb-3" role="group" aria-label="Large button group">
|
||||||
|
<button type="button" class="btn btn-secondary">Left</button>
|
||||||
|
<button type="button" class="btn btn-secondary">Middle</button>
|
||||||
|
<button type="button" class="btn btn-secondary">Right</button>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<div class="btn-group mb-3" role="group" aria-label="Default button group">
|
||||||
|
<button type="button" class="btn btn-secondary">Left</button>
|
||||||
|
<button type="button" class="btn btn-secondary">Middle</button>
|
||||||
|
<button type="button" class="btn btn-secondary">Right</button>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<div class="btn-group btn-group-sm mb-4" role="group" aria-label="Small button group">
|
||||||
|
<button type="button" class="btn btn-secondary">Left</button>
|
||||||
|
<button type="button" class="btn btn-secondary">Middle</button>
|
||||||
|
<button type="button" class="btn btn-secondary">Right</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h6 class="card-subtitle mb-2 text-muted">Button toolbar</h6>
|
||||||
|
<div class="btn-toolbar mb-4" role="toolbar" aria-label="Toolbar with button groups">
|
||||||
|
<div class="btn-group mr-2" role="group" aria-label="First group">
|
||||||
|
<button type="button" class="btn btn-secondary">1</button>
|
||||||
|
<button type="button" class="btn btn-secondary">2</button>
|
||||||
|
<button type="button" class="btn btn-secondary">3</button>
|
||||||
|
<button type="button" class="btn btn-secondary">4</button>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group mr-2" role="group" aria-label="Second group">
|
||||||
|
<button type="button" class="btn btn-secondary">5</button>
|
||||||
|
<button type="button" class="btn btn-secondary">6</button>
|
||||||
|
<button type="button" class="btn btn-secondary">7</button>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group" role="group" aria-label="Third group">
|
||||||
|
<button type="button" class="btn btn-secondary">8</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h6 class="card-subtitle mb-2 text-muted">Vertical button group</h6>
|
||||||
|
<div class="btn-toolbar">
|
||||||
|
<div class="btn-group-vertical mr-2" role="group" aria-label="Vertical button group">
|
||||||
|
<button type="button" class="btn btn-primary">Button</button>
|
||||||
|
<button type="button" class="btn btn-primary">Button</button>
|
||||||
|
<button type="button" class="btn btn-primary">Button</button>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group-vertical mr-2" role="group" aria-label="Vertical button group">
|
||||||
|
<button type="button" class="btn btn-success">Button</button>
|
||||||
|
<button type="button" class="btn btn-success">Button</button>
|
||||||
|
<button type="button" class="btn btn-success">Button</button>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group-vertical mr-2" role="group" aria-label="Vertical button group">
|
||||||
|
<button type="button" class="btn btn-warning">Button</button>
|
||||||
|
<button type="button" class="btn btn-warning">Button</button>
|
||||||
|
<button type="button" class="btn btn-warning">Button</button>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group-vertical mr-2" role="group" aria-label="Vertical button group">
|
||||||
|
<button type="button" class="btn btn-danger">Button</button>
|
||||||
|
<button type="button" class="btn btn-danger">Button</button>
|
||||||
|
<button type="button" class="btn btn-danger">Button</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /.row -->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row text-muted">
|
||||||
|
<div class="col-6 text-left">
|
||||||
|
<p class="mb-0">
|
||||||
|
<a href="index.html" class="text-muted"><strong>AdminKit Demo</strong></a> ©
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-6 text-right">
|
||||||
|
<ul class="list-inline">
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Support</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Help Center</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Privacy</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Terms</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="js/vendor.js"></script>
|
||||||
|
<script src="js/app.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,501 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
<meta name="description" content="Responsive Web UI Kit & Dashboard Template based on Bootstrap">
|
||||||
|
<meta name="author" content="AdminKit">
|
||||||
|
<meta name="keywords" content="adminkit, bootstrap, web ui kit, dashboard template, admin template">
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="img/icons/icon-48x48.png" />
|
||||||
|
|
||||||
|
<title>Cards | AdminKit Demo</title>
|
||||||
|
|
||||||
|
<link href="css/app.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="wrapper">
|
||||||
|
<nav id="sidebar" class="sidebar">
|
||||||
|
<div class="sidebar-content js-simplebar">
|
||||||
|
<a class="sidebar-brand" href="index.html">
|
||||||
|
<span class="align-middle">AdminKit</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<ul class="sidebar-nav">
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Pages
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="index.html">
|
||||||
|
<i class="align-middle" data-feather="sliders"></i> <span class="align-middle">Dashboard</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-profile.html">
|
||||||
|
<i class="align-middle" data-feather="user"></i> <span class="align-middle">Profile</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-settings.html">
|
||||||
|
<i class="align-middle" data-feather="settings"></i> <span class="align-middle">Settings</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-invoice.html">
|
||||||
|
<i class="align-middle" data-feather="credit-card"></i> <span class="align-middle">Invoice</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-blank.html">
|
||||||
|
<i class="align-middle" data-feather="book"></i> <span class="align-middle">Blank</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Tools & Components
|
||||||
|
</li>
|
||||||
|
<li class="sidebar-item active">
|
||||||
|
<a href="#ui" data-toggle="collapse" class="sidebar-link">
|
||||||
|
<i class="align-middle" data-feather="briefcase"></i> <span class="align-middle">UI Elements</span>
|
||||||
|
</a>
|
||||||
|
<ul id="ui" class="sidebar-dropdown list-unstyled collapse show" data-parent="#sidebar">
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-alerts.html">Alerts</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-buttons.html">Buttons</a></li>
|
||||||
|
<li class="sidebar-item active"><a class="sidebar-link" href="ui-cards.html">Cards</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-general.html">General</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-grid.html">Grid</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-modals.html">Modals</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-typography.html">Typography</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="icons-feather.html">
|
||||||
|
<i class="align-middle" data-feather="coffee"></i> <span class="align-middle">Icons</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a href="#forms" data-toggle="collapse" class="sidebar-link collapsed">
|
||||||
|
<i class="align-middle" data-feather="check-circle"></i> <span class="align-middle">Forms</span>
|
||||||
|
</a>
|
||||||
|
<ul id="forms" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="forms-layouts.html">Form Layouts</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="forms-basic-inputs.html">Basic Inputs</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="tables-bootstrap.html">
|
||||||
|
<i class="align-middle" data-feather="list"></i> <span class="align-middle">Tables</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Plugins & Addons
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="charts-chartjs.html">
|
||||||
|
<i class="align-middle" data-feather="bar-chart-2"></i> <span class="align-middle">Charts</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="maps-google.html">
|
||||||
|
<i class="align-middle" data-feather="map"></i> <span class="align-middle">Maps</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="sidebar-cta">
|
||||||
|
<div class="sidebar-cta-content">
|
||||||
|
<strong class="d-inline-block mb-2">Upgrade to Pro</strong>
|
||||||
|
<div class="mb-3 text-sm">
|
||||||
|
Are you looking for more components?
|
||||||
|
</div>
|
||||||
|
<a href="https://adminkit.io/pricing" target="_blank" class="btn btn-outline-primary btn-block">Upgrade</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div class="main">
|
||||||
|
<nav class="navbar navbar-expand navbar-light navbar-bg">
|
||||||
|
<a class="sidebar-toggle d-flex">
|
||||||
|
<i class="hamburger align-self-center"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<form class="form-inline d-none d-sm-inline-block">
|
||||||
|
<div class="input-group input-group-navbar">
|
||||||
|
<input type="text" class="form-control" placeholder="Search…" aria-label="Search">
|
||||||
|
<div class="input-group-append">
|
||||||
|
<button class="btn" type="button">
|
||||||
|
<i class="align-middle" data-feather="search"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="navbar-collapse collapse">
|
||||||
|
<ul class="navbar-nav navbar-align">
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle" href="#" id="alertsDropdown" data-toggle="dropdown">
|
||||||
|
<div class="position-relative">
|
||||||
|
<i class="align-middle" data-feather="bell"></i>
|
||||||
|
<span class="indicator">4</span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0" aria-labelledby="alertsDropdown">
|
||||||
|
<div class="dropdown-menu-header">
|
||||||
|
4 New Notifications
|
||||||
|
</div>
|
||||||
|
<div class="list-group">
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-danger" data-feather="alert-circle"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Update completed</div>
|
||||||
|
<div class="text-muted small mt-1">Restart server 12 to complete the update.</div>
|
||||||
|
<div class="text-muted small mt-1">30m ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-warning" data-feather="bell"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Lorem ipsum</div>
|
||||||
|
<div class="text-muted small mt-1">Aliquam ex eros, imperdiet vulputate hendrerit et.</div>
|
||||||
|
<div class="text-muted small mt-1">2h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-primary" data-feather="home"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Login from 192.186.1.8</div>
|
||||||
|
<div class="text-muted small mt-1">5h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-success" data-feather="user-plus"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">New connection</div>
|
||||||
|
<div class="text-muted small mt-1">Christina accepted your request.</div>
|
||||||
|
<div class="text-muted small mt-1">14h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-footer">
|
||||||
|
<a href="#" class="text-muted">Show all notifications</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle" href="#" id="messagesDropdown" data-toggle="dropdown">
|
||||||
|
<div class="position-relative">
|
||||||
|
<i class="align-middle" data-feather="message-square"></i>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0" aria-labelledby="messagesDropdown">
|
||||||
|
<div class="dropdown-menu-header">
|
||||||
|
<div class="position-relative">
|
||||||
|
4 New Messages
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="list-group">
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Vanessa Tucker</div>
|
||||||
|
<div class="text-muted small mt-1">Nam pretium turpis et arcu. Duis arcu tortor.</div>
|
||||||
|
<div class="text-muted small mt-1">15m ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">William Harris</div>
|
||||||
|
<div class="text-muted small mt-1">Curabitur ligula sapien euismod vitae.</div>
|
||||||
|
<div class="text-muted small mt-1">2h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Christina Mason</div>
|
||||||
|
<div class="text-muted small mt-1">Pellentesque auctor neque nec urna.</div>
|
||||||
|
<div class="text-muted small mt-1">4h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Sharon Lessman</div>
|
||||||
|
<div class="text-muted small mt-1">Aenean tellus metus, bibendum sed, posuere ac, mattis non.</div>
|
||||||
|
<div class="text-muted small mt-1">5h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-footer">
|
||||||
|
<a href="#" class="text-muted">Show all messages</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle d-inline-block d-sm-none" href="#" data-toggle="dropdown">
|
||||||
|
<i class="align-middle" data-feather="settings"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a class="nav-link dropdown-toggle d-none d-sm-inline-block" href="#" data-toggle="dropdown">
|
||||||
|
<img src="img/avatars/avatar.jpg" class="avatar img-fluid rounded mr-1" alt="Charles Hall" /> <span class="text-dark">Charles Hall</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-right">
|
||||||
|
<a class="dropdown-item" href="pages-profile.html"><i class="align-middle mr-1" data-feather="user"></i> Profile</a>
|
||||||
|
<a class="dropdown-item" href="#"><i class="align-middle mr-1" data-feather="pie-chart"></i> Analytics</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="pages-settings.html"><i class="align-middle mr-1" data-feather="settings"></i> Settings & Privacy</a>
|
||||||
|
<a class="dropdown-item" href="#"><i class="align-middle mr-1" data-feather="help-circle"></i> Help Center</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="#">Log out</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<main class="content">
|
||||||
|
<div class="container-fluid p-0">
|
||||||
|
|
||||||
|
<h1 class="h3 mb-3">Cards</h1>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12 col-md-6 col-lg-4">
|
||||||
|
<div class="card">
|
||||||
|
<img class="card-img-top" src="img/photos/unsplash-1.jpg" alt="Unsplash">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title mb-0">Card with image and links</h5>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
||||||
|
<a href="#" class="card-link">Card link</a>
|
||||||
|
<a href="#" class="card-link">Another link</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 col-md-6 col-lg-4">
|
||||||
|
<div class="card">
|
||||||
|
<img class="card-img-top" src="img/photos/unsplash-2.jpg" alt="Unsplash">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title mb-0">Card with image and button</h5>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
||||||
|
<a href="#" class="btn btn-primary">Go somewhere</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 col-md-6 col-lg-4">
|
||||||
|
<div class="card">
|
||||||
|
<img class="card-img-top" src="img/photos/unsplash-3.jpg" alt="Unsplash">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title mb-0">Card with image and list</h5>
|
||||||
|
</div>
|
||||||
|
<ul class="list-group list-group-flush">
|
||||||
|
<li class="list-group-item">Cras justo odio</li>
|
||||||
|
<li class="list-group-item">Dapibus ac facilisis in</li>
|
||||||
|
<li class="list-group-item">Vestibulum at eros</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 col-md-6 col-lg-4">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title mb-0">Card with links</h5>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
||||||
|
<a href="#" class="card-link">Card link</a>
|
||||||
|
<a href="#" class="card-link">Another link</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 col-md-6 col-lg-4">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title mb-0">Card with button</h5>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
||||||
|
<a href="#" class="btn btn-primary">Go somewhere</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 col-md-6 col-lg-4">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title mb-0">Card with list</h5>
|
||||||
|
</div>
|
||||||
|
<ul class="list-group list-group-flush">
|
||||||
|
<li class="list-group-item">Cras justo odio</li>
|
||||||
|
<li class="list-group-item">Dapibus ac facilisis in</li>
|
||||||
|
<li class="list-group-item">Vestibulum at eros</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<ul class="nav nav-tabs card-header-tabs pull-right" role="tablist">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link active" data-toggle="tab" href="#tab-1">Active</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" data-toggle="tab" href="#tab-2">Link</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link disabled" data-toggle="tab" href="#tab-3">Disabled</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="tab-content">
|
||||||
|
<div class="tab-pane fade show active" id="tab-1" role="tabpanel">
|
||||||
|
<h5 class="card-title">Card with tabs</h5>
|
||||||
|
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
||||||
|
<a href="#" class="btn btn-primary">Go somewhere</a>
|
||||||
|
</div>
|
||||||
|
<div class="tab-pane fade text-center" id="tab-2" role="tabpanel">
|
||||||
|
<h5 class="card-title">Card with tabs</h5>
|
||||||
|
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
||||||
|
<a href="#" class="btn btn-primary">Go somewhere</a>
|
||||||
|
</div>
|
||||||
|
<div class="tab-pane fade" id="tab-3" role="tabpanel">
|
||||||
|
<h5 class="card-title">Card with tabs</h5>
|
||||||
|
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
||||||
|
<a href="#" class="btn btn-primary">Go somewhere</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<ul class="nav nav-pills card-header-pills pull-right" role="tablist">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link active" data-toggle="tab" href="#tab-4">Active</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" data-toggle="tab" href="#tab-5">Link</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link disabled" data-toggle="tab" href="#tab-6">Disabled</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="tab-content">
|
||||||
|
<div class="tab-pane fade show active" id="tab-4" role="tabpanel">
|
||||||
|
<h5 class="card-title">Card with pills</h5>
|
||||||
|
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
||||||
|
<a href="#" class="btn btn-primary">Go somewhere</a>
|
||||||
|
</div>
|
||||||
|
<div class="tab-pane fade text-center" id="tab-5" role="tabpanel">
|
||||||
|
<h5 class="card-title">Card with pills</h5>
|
||||||
|
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
||||||
|
<a href="#" class="btn btn-primary">Go somewhere</a>
|
||||||
|
</div>
|
||||||
|
<div class="tab-pane fade" id="tab-6" role="tabpanel">
|
||||||
|
<h5 class="card-title">Card with pills</h5>
|
||||||
|
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
||||||
|
<a href="#" class="btn btn-primary">Go somewhere</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row text-muted">
|
||||||
|
<div class="col-6 text-left">
|
||||||
|
<p class="mb-0">
|
||||||
|
<a href="index.html" class="text-muted"><strong>AdminKit Demo</strong></a> ©
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-6 text-right">
|
||||||
|
<ul class="list-inline">
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Support</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Help Center</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Privacy</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Terms</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="js/vendor.js"></script>
|
||||||
|
<script src="js/app.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,743 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
<meta name="description" content="Responsive Web UI Kit & Dashboard Template based on Bootstrap">
|
||||||
|
<meta name="author" content="AdminKit">
|
||||||
|
<meta name="keywords" content="adminkit, bootstrap, web ui kit, dashboard template, admin template">
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="img/icons/icon-48x48.png" />
|
||||||
|
|
||||||
|
<title>General | AdminKit Demo</title>
|
||||||
|
|
||||||
|
<link href="css/app.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="wrapper">
|
||||||
|
<nav id="sidebar" class="sidebar">
|
||||||
|
<div class="sidebar-content js-simplebar">
|
||||||
|
<a class="sidebar-brand" href="index.html">
|
||||||
|
<span class="align-middle">AdminKit</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<ul class="sidebar-nav">
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Pages
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="index.html">
|
||||||
|
<i class="align-middle" data-feather="sliders"></i> <span class="align-middle">Dashboard</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-profile.html">
|
||||||
|
<i class="align-middle" data-feather="user"></i> <span class="align-middle">Profile</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-settings.html">
|
||||||
|
<i class="align-middle" data-feather="settings"></i> <span class="align-middle">Settings</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-invoice.html">
|
||||||
|
<i class="align-middle" data-feather="credit-card"></i> <span class="align-middle">Invoice</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-blank.html">
|
||||||
|
<i class="align-middle" data-feather="book"></i> <span class="align-middle">Blank</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Tools & Components
|
||||||
|
</li>
|
||||||
|
<li class="sidebar-item active">
|
||||||
|
<a href="#ui" data-toggle="collapse" class="sidebar-link">
|
||||||
|
<i class="align-middle" data-feather="briefcase"></i> <span class="align-middle">UI Elements</span>
|
||||||
|
</a>
|
||||||
|
<ul id="ui" class="sidebar-dropdown list-unstyled collapse show" data-parent="#sidebar">
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-alerts.html">Alerts</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-buttons.html">Buttons</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-cards.html">Cards</a></li>
|
||||||
|
<li class="sidebar-item active"><a class="sidebar-link" href="ui-general.html">General</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-grid.html">Grid</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-modals.html">Modals</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-typography.html">Typography</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="icons-feather.html">
|
||||||
|
<i class="align-middle" data-feather="coffee"></i> <span class="align-middle">Icons</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a href="#forms" data-toggle="collapse" class="sidebar-link collapsed">
|
||||||
|
<i class="align-middle" data-feather="check-circle"></i> <span class="align-middle">Forms</span>
|
||||||
|
</a>
|
||||||
|
<ul id="forms" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="forms-layouts.html">Form Layouts</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="forms-basic-inputs.html">Basic Inputs</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="tables-bootstrap.html">
|
||||||
|
<i class="align-middle" data-feather="list"></i> <span class="align-middle">Tables</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Plugins & Addons
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="charts-chartjs.html">
|
||||||
|
<i class="align-middle" data-feather="bar-chart-2"></i> <span class="align-middle">Charts</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="maps-google.html">
|
||||||
|
<i class="align-middle" data-feather="map"></i> <span class="align-middle">Maps</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="sidebar-cta">
|
||||||
|
<div class="sidebar-cta-content">
|
||||||
|
<strong class="d-inline-block mb-2">Upgrade to Pro</strong>
|
||||||
|
<div class="mb-3 text-sm">
|
||||||
|
Are you looking for more components?
|
||||||
|
</div>
|
||||||
|
<a href="https://adminkit.io/pricing" target="_blank" class="btn btn-outline-primary btn-block">Upgrade</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div class="main">
|
||||||
|
<nav class="navbar navbar-expand navbar-light navbar-bg">
|
||||||
|
<a class="sidebar-toggle d-flex">
|
||||||
|
<i class="hamburger align-self-center"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<form class="form-inline d-none d-sm-inline-block">
|
||||||
|
<div class="input-group input-group-navbar">
|
||||||
|
<input type="text" class="form-control" placeholder="Search…" aria-label="Search">
|
||||||
|
<div class="input-group-append">
|
||||||
|
<button class="btn" type="button">
|
||||||
|
<i class="align-middle" data-feather="search"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="navbar-collapse collapse">
|
||||||
|
<ul class="navbar-nav navbar-align">
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle" href="#" id="alertsDropdown" data-toggle="dropdown">
|
||||||
|
<div class="position-relative">
|
||||||
|
<i class="align-middle" data-feather="bell"></i>
|
||||||
|
<span class="indicator">4</span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0" aria-labelledby="alertsDropdown">
|
||||||
|
<div class="dropdown-menu-header">
|
||||||
|
4 New Notifications
|
||||||
|
</div>
|
||||||
|
<div class="list-group">
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-danger" data-feather="alert-circle"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Update completed</div>
|
||||||
|
<div class="text-muted small mt-1">Restart server 12 to complete the update.</div>
|
||||||
|
<div class="text-muted small mt-1">30m ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-warning" data-feather="bell"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Lorem ipsum</div>
|
||||||
|
<div class="text-muted small mt-1">Aliquam ex eros, imperdiet vulputate hendrerit et.</div>
|
||||||
|
<div class="text-muted small mt-1">2h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-primary" data-feather="home"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Login from 192.186.1.8</div>
|
||||||
|
<div class="text-muted small mt-1">5h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-success" data-feather="user-plus"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">New connection</div>
|
||||||
|
<div class="text-muted small mt-1">Christina accepted your request.</div>
|
||||||
|
<div class="text-muted small mt-1">14h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-footer">
|
||||||
|
<a href="#" class="text-muted">Show all notifications</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle" href="#" id="messagesDropdown" data-toggle="dropdown">
|
||||||
|
<div class="position-relative">
|
||||||
|
<i class="align-middle" data-feather="message-square"></i>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0" aria-labelledby="messagesDropdown">
|
||||||
|
<div class="dropdown-menu-header">
|
||||||
|
<div class="position-relative">
|
||||||
|
4 New Messages
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="list-group">
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Vanessa Tucker</div>
|
||||||
|
<div class="text-muted small mt-1">Nam pretium turpis et arcu. Duis arcu tortor.</div>
|
||||||
|
<div class="text-muted small mt-1">15m ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">William Harris</div>
|
||||||
|
<div class="text-muted small mt-1">Curabitur ligula sapien euismod vitae.</div>
|
||||||
|
<div class="text-muted small mt-1">2h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Christina Mason</div>
|
||||||
|
<div class="text-muted small mt-1">Pellentesque auctor neque nec urna.</div>
|
||||||
|
<div class="text-muted small mt-1">4h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Sharon Lessman</div>
|
||||||
|
<div class="text-muted small mt-1">Aenean tellus metus, bibendum sed, posuere ac, mattis non.</div>
|
||||||
|
<div class="text-muted small mt-1">5h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-footer">
|
||||||
|
<a href="#" class="text-muted">Show all messages</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle d-inline-block d-sm-none" href="#" data-toggle="dropdown">
|
||||||
|
<i class="align-middle" data-feather="settings"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a class="nav-link dropdown-toggle d-none d-sm-inline-block" href="#" data-toggle="dropdown">
|
||||||
|
<img src="img/avatars/avatar.jpg" class="avatar img-fluid rounded mr-1" alt="Charles Hall" /> <span class="text-dark">Charles Hall</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-right">
|
||||||
|
<a class="dropdown-item" href="pages-profile.html"><i class="align-middle mr-1" data-feather="user"></i> Profile</a>
|
||||||
|
<a class="dropdown-item" href="#"><i class="align-middle mr-1" data-feather="pie-chart"></i> Analytics</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="pages-settings.html"><i class="align-middle mr-1" data-feather="settings"></i> Settings & Privacy</a>
|
||||||
|
<a class="dropdown-item" href="#"><i class="align-middle mr-1" data-feather="help-circle"></i> Help Center</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="#">Log out</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<main class="content">
|
||||||
|
<div class="container-fluid p-0">
|
||||||
|
|
||||||
|
<h1 class="h3 mb-3">General</h1>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="accordion" id="accordionExample">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header" id="headingOne">
|
||||||
|
<h5 class="card-title my-2">
|
||||||
|
<a href="#" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
|
||||||
|
Accordion
|
||||||
|
</a>
|
||||||
|
</h5>
|
||||||
|
</div>
|
||||||
|
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
|
||||||
|
<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="card-title my-2">
|
||||||
|
<a href="#" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="true" aria-controls="collapseOne">
|
||||||
|
Another one
|
||||||
|
</a>
|
||||||
|
</h5>
|
||||||
|
</div>
|
||||||
|
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
|
||||||
|
<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="card-title my-2">
|
||||||
|
<a href="#" data-toggle="collapse" data-target="#collapseThree" aria-expanded="true" aria-controls="collapseOne">
|
||||||
|
Something else
|
||||||
|
</a>
|
||||||
|
</h5>
|
||||||
|
</div>
|
||||||
|
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
|
||||||
|
<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 class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Breadcrumbs</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Indicate the current page’s location within a navigational hierarchy.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<nav aria-label="breadcrumb">
|
||||||
|
<ol class="breadcrumb">
|
||||||
|
<li class="breadcrumb-item active">Home</li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
<nav aria-label="breadcrumb">
|
||||||
|
<ol class="breadcrumb">
|
||||||
|
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
|
||||||
|
<li class="breadcrumb-item active">Library</li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
<nav aria-label="breadcrumb">
|
||||||
|
<ol class="breadcrumb">
|
||||||
|
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
|
||||||
|
<li class="breadcrumb-item"><a href="#">Library</a></li>
|
||||||
|
<li class="breadcrumb-item active">Data</li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Images</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Lightweight styles for images.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="text-center">
|
||||||
|
<img class="rounded mr-2 mb-2" src="img/avatars/avatar.jpg" alt="Placeholder" width="140" height="140">
|
||||||
|
<img class="rounded-circle rounded mr-2 mb-2" src="img/avatars/avatar.jpg" alt="Placeholder" width="140" height="140">
|
||||||
|
<img class="img-thumbnail rounded mr-2 mb-2" src="img/avatars/avatar.jpg" alt="Placeholder" width="140" height="140">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Popovers</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Examples for adding Bootstrap popovers.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body text-center">
|
||||||
|
<button class="btn btn-secondary" type="button" title="Popover on top" data-container="body" data-toggle="popover" data-placement="top" data-content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.">Popover on top</button>
|
||||||
|
<button class="btn btn-secondary" type="button" title="Popover on bottom" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.">Popover on bottom</button>
|
||||||
|
<button class="btn btn-secondary" type="button" title="Popover on left" data-container="body" data-toggle="popover" data-placement="left" data-content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.">Popover on left</button>
|
||||||
|
<button class="btn btn-secondary" type="button" title="Popover on right" data-container="body" data-toggle="popover" data-placement="right" data-content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.">Popover on right</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Tooltips</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Examples for adding custom Bootstrap tooltips.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body text-center">
|
||||||
|
<button class="btn btn-secondary" type="button" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>
|
||||||
|
<button class="btn btn-secondary" type="button" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</button>
|
||||||
|
<button class="btn btn-secondary" type="button" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</button>
|
||||||
|
<button class="btn btn-secondary" type="button" data-toggle="tooltip" data-placement="right" data-container="body" title="Tooltip on right">Tooltip on right</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Badges</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Examples for badges.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
|
||||||
|
<div class="mb-1">
|
||||||
|
<span class="badge badge-primary">Primary</span>
|
||||||
|
<span class="badge badge-secondary">Secondary</span>
|
||||||
|
<span class="badge badge-success">Success</span>
|
||||||
|
<span class="badge badge-danger">Danger</span>
|
||||||
|
<span class="badge badge-warning">Warning</span>
|
||||||
|
<span class="badge badge-info">Info</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mt-1">
|
||||||
|
<span class="badge badge-pill badge-primary">Primary</span>
|
||||||
|
<span class="badge badge-pill badge-secondary">Secondary</span>
|
||||||
|
<span class="badge badge-pill badge-success">Success</span>
|
||||||
|
<span class="badge badge-pill badge-danger">Danger</span>
|
||||||
|
<span class="badge badge-pill badge-warning">Warning</span>
|
||||||
|
<span class="badge badge-pill badge-info">Info</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Dropdowns</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Toggle contextual overlays for displaying lists of links.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body pb-0">
|
||||||
|
|
||||||
|
<div class="row mb-3">
|
||||||
|
<div class="col-12 col-md-6 col-lg-12 col-xl-6 col-xxl-4">
|
||||||
|
<p class="mb-0">Basic:</p>
|
||||||
|
<div class="dropdown-menu mb-2" style="position:static;display:block;">
|
||||||
|
<a class="dropdown-item" href="#">Action</a>
|
||||||
|
<a class="dropdown-item" href="#">Another action</a>
|
||||||
|
<a class="dropdown-item" href="#">Something else here</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-md-6 col-lg-12 col-xl-6 col-xxl-4">
|
||||||
|
<p class="mb-0">Active:</p>
|
||||||
|
<div class="dropdown-menu mb-2" style="position:static;display:block;">
|
||||||
|
<a class="dropdown-item" href="#">Regular link</a>
|
||||||
|
<a class="dropdown-item active" href="#">Active link</a>
|
||||||
|
<a class="dropdown-item" href="#">Another link</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-md-6 col-lg-12 col-xl-6 col-xxl-4">
|
||||||
|
<p class="mb-0">Disabled:</p>
|
||||||
|
<div class="dropdown-menu mb-2" style="position:static;display:block;">
|
||||||
|
<a class="dropdown-item" href="#">Regular link</a>
|
||||||
|
<a class="dropdown-item disabled" href="#">Disabled link</a>
|
||||||
|
<a class="dropdown-item" href="#">Another link</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-md-6 col-lg-12 col-xl-6 col-xxl-4">
|
||||||
|
<p class="mb-0">Header:</p>
|
||||||
|
<div class="dropdown-menu mb-2" style="position:static;display:block;">
|
||||||
|
<h6 class="dropdown-header">Dropdown header</h6>
|
||||||
|
<a class="dropdown-item" href="#">Action</a>
|
||||||
|
<a class="dropdown-item" href="#">Another action</a>
|
||||||
|
<a class="dropdown-item" href="#">Something else here</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-md-6 col-lg-12 col-xl-6 col-xxl-4">
|
||||||
|
<p class="mb-0">Dividers:</p>
|
||||||
|
<div class="dropdown-menu mb-2" style="position:static;display:block;">
|
||||||
|
<a class="dropdown-item" href="#">Action</a>
|
||||||
|
<a class="dropdown-item" href="#">Another action</a>
|
||||||
|
<a class="dropdown-item" href="#">Something else here</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="#">Separated link</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-md-6 col-lg-12 col-xl-6 col-xxl-4">
|
||||||
|
<p class="mb-0">Text:</p>
|
||||||
|
<div class="dropdown-menu p-4 text-muted" style="max-width: 200px;position:static;display:block;">
|
||||||
|
<p class="mb-0">
|
||||||
|
Some example text that's free-flowing within the dropdown menu.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /.row -->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Pagination</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Examples for showing pagination.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<nav aria-label="Page navigation example">
|
||||||
|
<ul class="pagination pagination-sm">
|
||||||
|
<li class="page-item"><a class="page-link" href="#"><i class="fas fa-angle-left"></i></a></li>
|
||||||
|
<li class="page-item"><a class="page-link" href="#">1</a></li>
|
||||||
|
<li class="page-item active"><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" href="#">4</a></li>
|
||||||
|
<li class="page-item"><a class="page-link" href="#">5</a></li>
|
||||||
|
<li class="page-item"><a class="page-link" href="#"><i class="fas fa-angle-right"></i></a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<nav aria-label="Page navigation example">
|
||||||
|
<ul class="pagination pagination-md">
|
||||||
|
<li class="page-item"><a class="page-link" href="#"><i class="fas fa-angle-left"></i></a></li>
|
||||||
|
<li class="page-item"><a class="page-link" href="#">1</a></li>
|
||||||
|
<li class="page-item active"><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" href="#">4</a></li>
|
||||||
|
<li class="page-item"><a class="page-link" href="#">5</a></li>
|
||||||
|
<li class="page-item"><a class="page-link" href="#"><i class="fas fa-angle-right"></i></a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<nav aria-label="Page navigation example">
|
||||||
|
<ul class="pagination pagination-lg">
|
||||||
|
<li class="page-item"><a class="page-link" href="#"><i class="fas fa-angle-left"></i></a></li>
|
||||||
|
<li class="page-item"><a class="page-link" href="#">1</a></li>
|
||||||
|
<li class="page-item active"><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" href="#">4</a></li>
|
||||||
|
<li class="page-item"><a class="page-link" href="#">5</a></li>
|
||||||
|
<li class="page-item"><a class="page-link" href="#"><i class="fas fa-angle-right"></i></a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Progress Bars</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Examples for using Bootstrap custom progress bars.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="progress mb-3">
|
||||||
|
<div class="progress-bar bg-primary" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">Default</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="progress mb-3">
|
||||||
|
<div class="progress-bar progress-bar-striped" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100">Striped</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="progress mb-3">
|
||||||
|
<div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">Animated</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="progress">
|
||||||
|
<div class="progress-bar" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">Stacked</div>
|
||||||
|
<div class="progress-bar bg-warning" role="progressbar" style="width: 15%" aria-valuenow="15" aria-valuemin="0" aria-valuemax="100">15%</div>
|
||||||
|
<div class="progress-bar bg-success" role="progressbar" style="width: 30%" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100">30%</div>
|
||||||
|
<div class="progress-bar bg-danger" role="progressbar" style="width: 20%" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">20%</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Spinners</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Indicate the loading state of a component with Bootstrap spinners.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
|
||||||
|
<div class="mb-2">
|
||||||
|
<div class="spinner-border text-dark mr-2" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div>
|
||||||
|
<div class="spinner-border text-primary mr-2" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div>
|
||||||
|
<div class="spinner-border text-secondary mr-2" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div>
|
||||||
|
<div class="spinner-border text-success mr-2" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div>
|
||||||
|
<div class="spinner-border text-danger mr-2" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div>
|
||||||
|
<div class="spinner-border text-warning mr-2" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div>
|
||||||
|
<div class="spinner-border text-info mr-2" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-2">
|
||||||
|
<div class="spinner-border spinner-border-sm text-dark mr-2" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div>
|
||||||
|
<div class="spinner-border spinner-border-sm text-primary mr-2" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div>
|
||||||
|
<div class="spinner-border spinner-border-sm text-secondary mr-2" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div>
|
||||||
|
<div class="spinner-border spinner-border-sm text-success mr-2" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div>
|
||||||
|
<div class="spinner-border spinner-border-sm text-danger mr-2" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div>
|
||||||
|
<div class="spinner-border spinner-border-sm text-warning mr-2" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div>
|
||||||
|
<div class="spinner-border spinner-border-sm text-info mr-2" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr />
|
||||||
|
|
||||||
|
<div class="mb-2">
|
||||||
|
<div class="spinner-grow text-dark mr-2" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div>
|
||||||
|
<div class="spinner-grow text-primary mr-2" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div>
|
||||||
|
<div class="spinner-grow text-secondary mr-2" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div>
|
||||||
|
<div class="spinner-grow text-success mr-2" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div>
|
||||||
|
<div class="spinner-grow text-danger mr-2" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div>
|
||||||
|
<div class="spinner-grow text-warning mr-2" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div>
|
||||||
|
<div class="spinner-grow text-info mr-2" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-2">
|
||||||
|
<div class="spinner-grow spinner-grow-sm text-dark mr-2" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div>
|
||||||
|
<div class="spinner-grow spinner-grow-sm text-primary mr-2" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div>
|
||||||
|
<div class="spinner-grow spinner-grow-sm text-secondary mr-2" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div>
|
||||||
|
<div class="spinner-grow spinner-grow-sm text-success mr-2" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div>
|
||||||
|
<div class="spinner-grow spinner-grow-sm text-danger mr-2" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div>
|
||||||
|
<div class="spinner-grow spinner-grow-sm text-warning mr-2" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div>
|
||||||
|
<div class="spinner-grow spinner-grow-sm text-info mr-2" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row text-muted">
|
||||||
|
<div class="col-6 text-left">
|
||||||
|
<p class="mb-0">
|
||||||
|
<a href="index.html" class="text-muted"><strong>AdminKit Demo</strong></a> ©
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-6 text-right">
|
||||||
|
<ul class="list-inline">
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Support</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Help Center</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Privacy</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Terms</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="js/vendor.js"></script>
|
||||||
|
<script src="js/app.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,618 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
<meta name="description" content="Responsive Web UI Kit & Dashboard Template based on Bootstrap">
|
||||||
|
<meta name="author" content="AdminKit">
|
||||||
|
<meta name="keywords" content="adminkit, bootstrap, web ui kit, dashboard template, admin template">
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="img/icons/icon-48x48.png" />
|
||||||
|
|
||||||
|
<title>Grid | AdminKit Demo</title>
|
||||||
|
|
||||||
|
<link href="css/app.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="wrapper">
|
||||||
|
<nav id="sidebar" class="sidebar">
|
||||||
|
<div class="sidebar-content js-simplebar">
|
||||||
|
<a class="sidebar-brand" href="index.html">
|
||||||
|
<span class="align-middle">AdminKit</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<ul class="sidebar-nav">
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Pages
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="index.html">
|
||||||
|
<i class="align-middle" data-feather="sliders"></i> <span class="align-middle">Dashboard</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-profile.html">
|
||||||
|
<i class="align-middle" data-feather="user"></i> <span class="align-middle">Profile</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-settings.html">
|
||||||
|
<i class="align-middle" data-feather="settings"></i> <span class="align-middle">Settings</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-invoice.html">
|
||||||
|
<i class="align-middle" data-feather="credit-card"></i> <span class="align-middle">Invoice</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-blank.html">
|
||||||
|
<i class="align-middle" data-feather="book"></i> <span class="align-middle">Blank</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Tools & Components
|
||||||
|
</li>
|
||||||
|
<li class="sidebar-item active">
|
||||||
|
<a href="#ui" data-toggle="collapse" class="sidebar-link">
|
||||||
|
<i class="align-middle" data-feather="briefcase"></i> <span class="align-middle">UI Elements</span>
|
||||||
|
</a>
|
||||||
|
<ul id="ui" class="sidebar-dropdown list-unstyled collapse show" data-parent="#sidebar">
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-alerts.html">Alerts</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-buttons.html">Buttons</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-cards.html">Cards</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-general.html">General</a></li>
|
||||||
|
<li class="sidebar-item active"><a class="sidebar-link" href="ui-grid.html">Grid</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-modals.html">Modals</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-typography.html">Typography</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="icons-feather.html">
|
||||||
|
<i class="align-middle" data-feather="coffee"></i> <span class="align-middle">Icons</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a href="#forms" data-toggle="collapse" class="sidebar-link collapsed">
|
||||||
|
<i class="align-middle" data-feather="check-circle"></i> <span class="align-middle">Forms</span>
|
||||||
|
</a>
|
||||||
|
<ul id="forms" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="forms-layouts.html">Form Layouts</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="forms-basic-inputs.html">Basic Inputs</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="tables-bootstrap.html">
|
||||||
|
<i class="align-middle" data-feather="list"></i> <span class="align-middle">Tables</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Plugins & Addons
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="charts-chartjs.html">
|
||||||
|
<i class="align-middle" data-feather="bar-chart-2"></i> <span class="align-middle">Charts</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="maps-google.html">
|
||||||
|
<i class="align-middle" data-feather="map"></i> <span class="align-middle">Maps</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="sidebar-cta">
|
||||||
|
<div class="sidebar-cta-content">
|
||||||
|
<strong class="d-inline-block mb-2">Upgrade to Pro</strong>
|
||||||
|
<div class="mb-3 text-sm">
|
||||||
|
Are you looking for more components?
|
||||||
|
</div>
|
||||||
|
<a href="https://adminkit.io/pricing" target="_blank" class="btn btn-outline-primary btn-block">Upgrade</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div class="main">
|
||||||
|
<nav class="navbar navbar-expand navbar-light navbar-bg">
|
||||||
|
<a class="sidebar-toggle d-flex">
|
||||||
|
<i class="hamburger align-self-center"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<form class="form-inline d-none d-sm-inline-block">
|
||||||
|
<div class="input-group input-group-navbar">
|
||||||
|
<input type="text" class="form-control" placeholder="Search…" aria-label="Search">
|
||||||
|
<div class="input-group-append">
|
||||||
|
<button class="btn" type="button">
|
||||||
|
<i class="align-middle" data-feather="search"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="navbar-collapse collapse">
|
||||||
|
<ul class="navbar-nav navbar-align">
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle" href="#" id="alertsDropdown" data-toggle="dropdown">
|
||||||
|
<div class="position-relative">
|
||||||
|
<i class="align-middle" data-feather="bell"></i>
|
||||||
|
<span class="indicator">4</span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0" aria-labelledby="alertsDropdown">
|
||||||
|
<div class="dropdown-menu-header">
|
||||||
|
4 New Notifications
|
||||||
|
</div>
|
||||||
|
<div class="list-group">
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-danger" data-feather="alert-circle"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Update completed</div>
|
||||||
|
<div class="text-muted small mt-1">Restart server 12 to complete the update.</div>
|
||||||
|
<div class="text-muted small mt-1">30m ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-warning" data-feather="bell"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Lorem ipsum</div>
|
||||||
|
<div class="text-muted small mt-1">Aliquam ex eros, imperdiet vulputate hendrerit et.</div>
|
||||||
|
<div class="text-muted small mt-1">2h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-primary" data-feather="home"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Login from 192.186.1.8</div>
|
||||||
|
<div class="text-muted small mt-1">5h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-success" data-feather="user-plus"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">New connection</div>
|
||||||
|
<div class="text-muted small mt-1">Christina accepted your request.</div>
|
||||||
|
<div class="text-muted small mt-1">14h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-footer">
|
||||||
|
<a href="#" class="text-muted">Show all notifications</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle" href="#" id="messagesDropdown" data-toggle="dropdown">
|
||||||
|
<div class="position-relative">
|
||||||
|
<i class="align-middle" data-feather="message-square"></i>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0" aria-labelledby="messagesDropdown">
|
||||||
|
<div class="dropdown-menu-header">
|
||||||
|
<div class="position-relative">
|
||||||
|
4 New Messages
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="list-group">
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Vanessa Tucker</div>
|
||||||
|
<div class="text-muted small mt-1">Nam pretium turpis et arcu. Duis arcu tortor.</div>
|
||||||
|
<div class="text-muted small mt-1">15m ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">William Harris</div>
|
||||||
|
<div class="text-muted small mt-1">Curabitur ligula sapien euismod vitae.</div>
|
||||||
|
<div class="text-muted small mt-1">2h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Christina Mason</div>
|
||||||
|
<div class="text-muted small mt-1">Pellentesque auctor neque nec urna.</div>
|
||||||
|
<div class="text-muted small mt-1">4h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Sharon Lessman</div>
|
||||||
|
<div class="text-muted small mt-1">Aenean tellus metus, bibendum sed, posuere ac, mattis non.</div>
|
||||||
|
<div class="text-muted small mt-1">5h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-footer">
|
||||||
|
<a href="#" class="text-muted">Show all messages</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle d-inline-block d-sm-none" href="#" data-toggle="dropdown">
|
||||||
|
<i class="align-middle" data-feather="settings"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a class="nav-link dropdown-toggle d-none d-sm-inline-block" href="#" data-toggle="dropdown">
|
||||||
|
<img src="img/avatars/avatar.jpg" class="avatar img-fluid rounded mr-1" alt="Charles Hall" /> <span class="text-dark">Charles Hall</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-right">
|
||||||
|
<a class="dropdown-item" href="pages-profile.html"><i class="align-middle mr-1" data-feather="user"></i> Profile</a>
|
||||||
|
<a class="dropdown-item" href="#"><i class="align-middle mr-1" data-feather="pie-chart"></i> Analytics</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="pages-settings.html"><i class="align-middle mr-1" data-feather="settings"></i> Settings & Privacy</a>
|
||||||
|
<a class="dropdown-item" href="#"><i class="align-middle mr-1" data-feather="help-circle"></i> Help Center</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="#">Log out</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<main class="content">
|
||||||
|
<div class="container-fluid p-0">
|
||||||
|
|
||||||
|
<h1 class="h3 mb-3">Grid</h1>
|
||||||
|
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Grid system</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Powerful mobile-first flexbox grid</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-12 text-center">
|
||||||
|
<div class="card bg-light py-2 py-md-3 border">
|
||||||
|
<div class="card-body">
|
||||||
|
.col-md-12
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /.row -->
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6 text-center">
|
||||||
|
<div class="card bg-light py-2 py-md-3 border">
|
||||||
|
<div class="card-body">
|
||||||
|
.col-md-6
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 text-center">
|
||||||
|
<div class="card bg-light py-2 py-md-3 border">
|
||||||
|
<div class="card-body">
|
||||||
|
.col-md-6
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /.row -->
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-4 text-center">
|
||||||
|
<div class="card bg-light py-2 py-md-3 border">
|
||||||
|
<div class="card-body">
|
||||||
|
.col-md-4
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4 text-center">
|
||||||
|
<div class="card bg-light py-2 py-md-3 border">
|
||||||
|
<div class="card-body">
|
||||||
|
.col-md-4
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4 text-center">
|
||||||
|
<div class="card bg-light py-2 py-md-3 border">
|
||||||
|
<div class="card-body">
|
||||||
|
.col-md-4
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /.row -->
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-3 text-center">
|
||||||
|
<div class="card bg-light py-2 py-md-3 border">
|
||||||
|
<div class="card-body">
|
||||||
|
.col-md-3
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-3 text-center">
|
||||||
|
<div class="card bg-light py-2 py-md-3 border">
|
||||||
|
<div class="card-body">
|
||||||
|
.col-md-3
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-3 text-center">
|
||||||
|
<div class="card bg-light py-2 py-md-3 border">
|
||||||
|
<div class="card-body">
|
||||||
|
.col-md-3
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-3 text-center">
|
||||||
|
<div class="card bg-light py-2 py-md-3 border">
|
||||||
|
<div class="card-body">
|
||||||
|
.col-md-3
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /.row -->
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-2 text-center">
|
||||||
|
<div class="card bg-light py-2 py-md-3 border">
|
||||||
|
<div class="card-body">
|
||||||
|
.col-md-2
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-2 text-center">
|
||||||
|
<div class="card bg-light py-2 py-md-3 border">
|
||||||
|
<div class="card-body">
|
||||||
|
.col-md-2
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-2 text-center">
|
||||||
|
<div class="card bg-light py-2 py-md-3 border">
|
||||||
|
<div class="card-body">
|
||||||
|
.col-md-2
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-2 text-center">
|
||||||
|
<div class="card bg-light py-2 py-md-3 border">
|
||||||
|
<div class="card-body">
|
||||||
|
.col-md-2
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-2 text-center">
|
||||||
|
<div class="card bg-light py-2 py-md-3 border">
|
||||||
|
<div class="card-body">
|
||||||
|
.col-md-2
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-2 text-center">
|
||||||
|
<div class="card bg-light py-2 py-md-3 border">
|
||||||
|
<div class="card-body">
|
||||||
|
.col-md-2
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /.row -->
|
||||||
|
|
||||||
|
<div class="row d-none d-xxl-flex">
|
||||||
|
<div class="col-md-1 text-center">
|
||||||
|
<div class="card bg-light py-2 py-md-3 border">
|
||||||
|
<div class="card-body">
|
||||||
|
.col-md-1
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-1 text-center">
|
||||||
|
<div class="card bg-light py-2 py-md-3 border">
|
||||||
|
<div class="card-body">
|
||||||
|
.col-md-1
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-1 text-center">
|
||||||
|
<div class="card bg-light py-2 py-md-3 border">
|
||||||
|
<div class="card-body">
|
||||||
|
.col-md-1
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-1 text-center">
|
||||||
|
<div class="card bg-light py-2 py-md-3 border">
|
||||||
|
<div class="card-body">
|
||||||
|
.col-md-1
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-1 text-center">
|
||||||
|
<div class="card bg-light py-2 py-md-3 border">
|
||||||
|
<div class="card-body">
|
||||||
|
.col-md-1
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-1 text-center">
|
||||||
|
<div class="card bg-light py-2 py-md-3 border">
|
||||||
|
<div class="card-body">
|
||||||
|
.col-md-1
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-1 text-center">
|
||||||
|
<div class="card bg-light py-2 py-md-3 border">
|
||||||
|
<div class="card-body">
|
||||||
|
.col-md-1
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-1 text-center">
|
||||||
|
<div class="card bg-light py-2 py-md-3 border">
|
||||||
|
<div class="card-body">
|
||||||
|
.col-md-1
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-1 text-center">
|
||||||
|
<div class="card bg-light py-2 py-md-3 border">
|
||||||
|
<div class="card-body">
|
||||||
|
.col-md-1
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-1 text-center">
|
||||||
|
<div class="card bg-light py-2 py-md-3 border">
|
||||||
|
<div class="card-body">
|
||||||
|
.col-md-1
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-1 text-center">
|
||||||
|
<div class="card bg-light py-2 py-md-3 border">
|
||||||
|
<div class="card-body">
|
||||||
|
.col-md-1
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-1 text-center">
|
||||||
|
<div class="card bg-light py-2 py-md-3 border">
|
||||||
|
<div class="card-body">
|
||||||
|
.col-md-1
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /.row -->
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-8 text-center">
|
||||||
|
<div class="card bg-light py-2 py-md-3 border">
|
||||||
|
<div class="card-body">
|
||||||
|
.col-md-8
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4 text-center">
|
||||||
|
<div class="card bg-light py-2 py-md-3 border">
|
||||||
|
<div class="card-body">
|
||||||
|
.col-md-4
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /.row -->
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-3 text-center">
|
||||||
|
<div class="card bg-light py-2 py-md-3 border">
|
||||||
|
<div class="card-body">
|
||||||
|
.col-md-3
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 text-center">
|
||||||
|
<div class="card bg-light py-2 py-md-3 border">
|
||||||
|
<div class="card-body">
|
||||||
|
.col-md-6
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-3 text-center">
|
||||||
|
<div class="card bg-light py-2 py-md-3 border">
|
||||||
|
<div class="card-body">
|
||||||
|
.col-md-3
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /.row -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row text-muted">
|
||||||
|
<div class="col-6 text-left">
|
||||||
|
<p class="mb-0">
|
||||||
|
<a href="index.html" class="text-muted"><strong>AdminKit Demo</strong></a> ©
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-6 text-right">
|
||||||
|
<ul class="list-inline">
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Support</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Help Center</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Privacy</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Terms</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="js/vendor.js"></script>
|
||||||
|
<script src="js/app.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,761 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
<meta name="description" content="Responsive Web UI Kit & Dashboard Template based on Bootstrap">
|
||||||
|
<meta name="author" content="AdminKit">
|
||||||
|
<meta name="keywords" content="adminkit, bootstrap, web ui kit, dashboard template, admin template">
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="img/icons/icon-48x48.png" />
|
||||||
|
|
||||||
|
<title>Modals | AdminKit Demo</title>
|
||||||
|
|
||||||
|
<link href="css/app.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="wrapper">
|
||||||
|
<nav id="sidebar" class="sidebar">
|
||||||
|
<div class="sidebar-content js-simplebar">
|
||||||
|
<a class="sidebar-brand" href="index.html">
|
||||||
|
<span class="align-middle">AdminKit</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<ul class="sidebar-nav">
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Pages
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="index.html">
|
||||||
|
<i class="align-middle" data-feather="sliders"></i> <span class="align-middle">Dashboard</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-profile.html">
|
||||||
|
<i class="align-middle" data-feather="user"></i> <span class="align-middle">Profile</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-settings.html">
|
||||||
|
<i class="align-middle" data-feather="settings"></i> <span class="align-middle">Settings</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-invoice.html">
|
||||||
|
<i class="align-middle" data-feather="credit-card"></i> <span class="align-middle">Invoice</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-blank.html">
|
||||||
|
<i class="align-middle" data-feather="book"></i> <span class="align-middle">Blank</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Tools & Components
|
||||||
|
</li>
|
||||||
|
<li class="sidebar-item active">
|
||||||
|
<a href="#ui" data-toggle="collapse" class="sidebar-link">
|
||||||
|
<i class="align-middle" data-feather="briefcase"></i> <span class="align-middle">UI Elements</span>
|
||||||
|
</a>
|
||||||
|
<ul id="ui" class="sidebar-dropdown list-unstyled collapse show" data-parent="#sidebar">
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-alerts.html">Alerts</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-buttons.html">Buttons</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-cards.html">Cards</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-general.html">General</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-grid.html">Grid</a></li>
|
||||||
|
<li class="sidebar-item active"><a class="sidebar-link" href="ui-modals.html">Modals</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-typography.html">Typography</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="icons-feather.html">
|
||||||
|
<i class="align-middle" data-feather="coffee"></i> <span class="align-middle">Icons</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a href="#forms" data-toggle="collapse" class="sidebar-link collapsed">
|
||||||
|
<i class="align-middle" data-feather="check-circle"></i> <span class="align-middle">Forms</span>
|
||||||
|
</a>
|
||||||
|
<ul id="forms" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="forms-layouts.html">Form Layouts</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="forms-basic-inputs.html">Basic Inputs</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="tables-bootstrap.html">
|
||||||
|
<i class="align-middle" data-feather="list"></i> <span class="align-middle">Tables</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Plugins & Addons
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="charts-chartjs.html">
|
||||||
|
<i class="align-middle" data-feather="bar-chart-2"></i> <span class="align-middle">Charts</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="maps-google.html">
|
||||||
|
<i class="align-middle" data-feather="map"></i> <span class="align-middle">Maps</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="sidebar-cta">
|
||||||
|
<div class="sidebar-cta-content">
|
||||||
|
<strong class="d-inline-block mb-2">Upgrade to Pro</strong>
|
||||||
|
<div class="mb-3 text-sm">
|
||||||
|
Are you looking for more components?
|
||||||
|
</div>
|
||||||
|
<a href="https://adminkit.io/pricing" target="_blank" class="btn btn-outline-primary btn-block">Upgrade</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div class="main">
|
||||||
|
<nav class="navbar navbar-expand navbar-light navbar-bg">
|
||||||
|
<a class="sidebar-toggle d-flex">
|
||||||
|
<i class="hamburger align-self-center"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<form class="form-inline d-none d-sm-inline-block">
|
||||||
|
<div class="input-group input-group-navbar">
|
||||||
|
<input type="text" class="form-control" placeholder="Search…" aria-label="Search">
|
||||||
|
<div class="input-group-append">
|
||||||
|
<button class="btn" type="button">
|
||||||
|
<i class="align-middle" data-feather="search"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="navbar-collapse collapse">
|
||||||
|
<ul class="navbar-nav navbar-align">
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle" href="#" id="alertsDropdown" data-toggle="dropdown">
|
||||||
|
<div class="position-relative">
|
||||||
|
<i class="align-middle" data-feather="bell"></i>
|
||||||
|
<span class="indicator">4</span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0" aria-labelledby="alertsDropdown">
|
||||||
|
<div class="dropdown-menu-header">
|
||||||
|
4 New Notifications
|
||||||
|
</div>
|
||||||
|
<div class="list-group">
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-danger" data-feather="alert-circle"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Update completed</div>
|
||||||
|
<div class="text-muted small mt-1">Restart server 12 to complete the update.</div>
|
||||||
|
<div class="text-muted small mt-1">30m ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-warning" data-feather="bell"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Lorem ipsum</div>
|
||||||
|
<div class="text-muted small mt-1">Aliquam ex eros, imperdiet vulputate hendrerit et.</div>
|
||||||
|
<div class="text-muted small mt-1">2h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-primary" data-feather="home"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Login from 192.186.1.8</div>
|
||||||
|
<div class="text-muted small mt-1">5h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-success" data-feather="user-plus"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">New connection</div>
|
||||||
|
<div class="text-muted small mt-1">Christina accepted your request.</div>
|
||||||
|
<div class="text-muted small mt-1">14h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-footer">
|
||||||
|
<a href="#" class="text-muted">Show all notifications</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle" href="#" id="messagesDropdown" data-toggle="dropdown">
|
||||||
|
<div class="position-relative">
|
||||||
|
<i class="align-middle" data-feather="message-square"></i>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0" aria-labelledby="messagesDropdown">
|
||||||
|
<div class="dropdown-menu-header">
|
||||||
|
<div class="position-relative">
|
||||||
|
4 New Messages
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="list-group">
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Vanessa Tucker</div>
|
||||||
|
<div class="text-muted small mt-1">Nam pretium turpis et arcu. Duis arcu tortor.</div>
|
||||||
|
<div class="text-muted small mt-1">15m ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">William Harris</div>
|
||||||
|
<div class="text-muted small mt-1">Curabitur ligula sapien euismod vitae.</div>
|
||||||
|
<div class="text-muted small mt-1">2h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Christina Mason</div>
|
||||||
|
<div class="text-muted small mt-1">Pellentesque auctor neque nec urna.</div>
|
||||||
|
<div class="text-muted small mt-1">4h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Sharon Lessman</div>
|
||||||
|
<div class="text-muted small mt-1">Aenean tellus metus, bibendum sed, posuere ac, mattis non.</div>
|
||||||
|
<div class="text-muted small mt-1">5h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-footer">
|
||||||
|
<a href="#" class="text-muted">Show all messages</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle d-inline-block d-sm-none" href="#" data-toggle="dropdown">
|
||||||
|
<i class="align-middle" data-feather="settings"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a class="nav-link dropdown-toggle d-none d-sm-inline-block" href="#" data-toggle="dropdown">
|
||||||
|
<img src="img/avatars/avatar.jpg" class="avatar img-fluid rounded mr-1" alt="Charles Hall" /> <span class="text-dark">Charles Hall</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-right">
|
||||||
|
<a class="dropdown-item" href="pages-profile.html"><i class="align-middle mr-1" data-feather="user"></i> Profile</a>
|
||||||
|
<a class="dropdown-item" href="#"><i class="align-middle mr-1" data-feather="pie-chart"></i> Analytics</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="pages-settings.html"><i class="align-middle mr-1" data-feather="settings"></i> Settings & Privacy</a>
|
||||||
|
<a class="dropdown-item" href="#"><i class="align-middle mr-1" data-feather="help-circle"></i> Help Center</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="#">Log out</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<main class="content">
|
||||||
|
<div class="container-fluid p-0">
|
||||||
|
|
||||||
|
<h1 class="h3 mb-3">Modals</h1>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Default modal</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Default Bootstrap modal.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body text-center">
|
||||||
|
<p>Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.</p>
|
||||||
|
|
||||||
|
<!-- BEGIN primary modal -->
|
||||||
|
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#defaultModalPrimary">
|
||||||
|
Primary
|
||||||
|
</button>
|
||||||
|
<div class="modal fade" id="defaultModalPrimary" tabindex="-1" role="dialog" aria-hidden="true">
|
||||||
|
<div class="modal-dialog" role="document">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title">Default modal</h5>
|
||||||
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body m-3">
|
||||||
|
<p class="mb-0">Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.</p>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
||||||
|
<button type="button" class="btn btn-primary">Save changes</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- END primary modal -->
|
||||||
|
<!-- BEGIN success modal -->
|
||||||
|
<button type="button" class="btn btn-success" data-toggle="modal" data-target="#defaultModalSuccess">
|
||||||
|
Success
|
||||||
|
</button>
|
||||||
|
<div class="modal fade" id="defaultModalSuccess" tabindex="-1" role="dialog" aria-hidden="true">
|
||||||
|
<div class="modal-dialog" role="document">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title">Default modal</h5>
|
||||||
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body m-3">
|
||||||
|
<p class="mb-0">Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.</p>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
||||||
|
<button type="button" class="btn btn-success">Save changes</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- END success modal -->
|
||||||
|
<!-- BEGIN danger modal -->
|
||||||
|
<button type="button" class="btn btn-danger" data-toggle="modal" data-target="#defaultModalDanger">
|
||||||
|
Danger
|
||||||
|
</button>
|
||||||
|
<div class="modal fade" id="defaultModalDanger" tabindex="-1" role="dialog" aria-hidden="true">
|
||||||
|
<div class="modal-dialog" role="document">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title">Default modal</h5>
|
||||||
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body m-3">
|
||||||
|
<p class="mb-0">Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.</p>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
||||||
|
<button type="button" class="btn btn-danger">Save changes</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- END danger modal -->
|
||||||
|
<!-- BEGIN warning modal -->
|
||||||
|
<button type="button" class="btn btn-warning" data-toggle="modal" data-target="#defaultModalWarning">
|
||||||
|
Warning
|
||||||
|
</button>
|
||||||
|
<div class="modal fade" id="defaultModalWarning" tabindex="-1" role="dialog" aria-hidden="true">
|
||||||
|
<div class="modal-dialog" role="document">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title">Default modal</h5>
|
||||||
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body m-3">
|
||||||
|
<p class="mb-0">Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.</p>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
||||||
|
<button type="button" class="btn btn-warning">Save changes</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- END warning modal -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Colored modal</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Colored Bootstrap modal.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body text-center">
|
||||||
|
<p>Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.</p>
|
||||||
|
|
||||||
|
<!-- BEGIN primary modal -->
|
||||||
|
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#coloredModalPrimary">
|
||||||
|
Primary
|
||||||
|
</button>
|
||||||
|
<div class="modal modal-colored modal-primary fade" id="coloredModalPrimary" tabindex="-1" role="dialog" aria-hidden="true">
|
||||||
|
<div class="modal-dialog" role="document">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title">Colored modal</h5>
|
||||||
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body m-3">
|
||||||
|
<p class="mb-0">Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.</p>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
|
||||||
|
<button type="button" class="btn btn-light">Save changes</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- END primary modal -->
|
||||||
|
<!-- BEGIN success modal -->
|
||||||
|
<button type="button" class="btn btn-success" data-toggle="modal" data-target="#coloredModalSuccess">
|
||||||
|
Success
|
||||||
|
</button>
|
||||||
|
<div class="modal modal-colored modal-success fade" id="coloredModalSuccess" tabindex="-1" role="dialog" aria-hidden="true">
|
||||||
|
<div class="modal-dialog" role="document">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title">Colored modal</h5>
|
||||||
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body m-3">
|
||||||
|
<p class="mb-0">Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.</p>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
|
||||||
|
<button type="button" class="btn btn-light">Save changes</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- END success modal -->
|
||||||
|
<!-- BEGIN danger modal -->
|
||||||
|
<button type="button" class="btn btn-danger" data-toggle="modal" data-target="#coloredModalDanger">
|
||||||
|
Danger
|
||||||
|
</button>
|
||||||
|
<div class="modal modal-colored modal-danger fade" id="coloredModalDanger" tabindex="-1" role="dialog" aria-hidden="true">
|
||||||
|
<div class="modal-dialog" role="document">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title">Colored modal</h5>
|
||||||
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body m-3">
|
||||||
|
<p class="mb-0">Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.</p>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
|
||||||
|
<button type="button" class="btn btn-light">Save changes</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- END danger modal -->
|
||||||
|
<!-- BEGIN warning modal -->
|
||||||
|
<button type="button" class="btn btn-warning" data-toggle="modal" data-target="#coloredModalWarning">
|
||||||
|
Warning
|
||||||
|
</button>
|
||||||
|
<div class="modal modal-colored modal-warning fade" id="coloredModalWarning" tabindex="-1" role="dialog" aria-hidden="true">
|
||||||
|
<div class="modal-dialog" role="document">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title">Colored modal</h5>
|
||||||
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body m-3">
|
||||||
|
<p class="mb-0">Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.</p>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
|
||||||
|
<button type="button" class="btn btn-light">Save changes</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- END warning modal -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Centered modal</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Vertically centered modal.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body text-center">
|
||||||
|
<p>Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.</p>
|
||||||
|
|
||||||
|
<!-- BEGIN primary modal -->
|
||||||
|
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#centeredModalPrimary">
|
||||||
|
Primary
|
||||||
|
</button>
|
||||||
|
<div class="modal fade" id="centeredModalPrimary" tabindex="-1" role="dialog" aria-hidden="true">
|
||||||
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title">Centered modal</h5>
|
||||||
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body m-3">
|
||||||
|
<p class="mb-0">Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.</p>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
||||||
|
<button type="button" class="btn btn-primary">Save changes</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- END primary modal -->
|
||||||
|
<!-- BEGIN success modal -->
|
||||||
|
<button type="button" class="btn btn-success" data-toggle="modal" data-target="#centeredModalSuccess">
|
||||||
|
Success
|
||||||
|
</button>
|
||||||
|
<div class="modal fade" id="centeredModalSuccess" tabindex="-1" role="dialog" aria-hidden="true">
|
||||||
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title">Centered modal</h5>
|
||||||
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body m-3">
|
||||||
|
<p class="mb-0">Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.</p>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
||||||
|
<button type="button" class="btn btn-success">Save changes</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- END success modal -->
|
||||||
|
<!-- BEGIN danger modal -->
|
||||||
|
<button type="button" class="btn btn-danger" data-toggle="modal" data-target="#centeredModalDanger">
|
||||||
|
Danger
|
||||||
|
</button>
|
||||||
|
<div class="modal fade" id="centeredModalDanger" tabindex="-1" role="dialog" aria-hidden="true">
|
||||||
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title">Centered modal</h5>
|
||||||
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body m-3">
|
||||||
|
<p class="mb-0">Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.</p>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
||||||
|
<button type="button" class="btn btn-danger">Save changes</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- END danger modal -->
|
||||||
|
<!-- BEGIN warning modal -->
|
||||||
|
<button type="button" class="btn btn-warning" data-toggle="modal" data-target="#centeredModalWarning">
|
||||||
|
Warning
|
||||||
|
</button>
|
||||||
|
<div class="modal fade" id="centeredModalWarning" tabindex="-1" role="dialog" aria-hidden="true">
|
||||||
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title">Centered modal</h5>
|
||||||
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body m-3">
|
||||||
|
<p class="mb-0">Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.</p>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
||||||
|
<button type="button" class="btn btn-warning">Save changes</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- END warning modal -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Modal sizes</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">These sizes kick in at certain breakpoints to avoid scrollbars on smaller viewports.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body text-center">
|
||||||
|
<p>Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.</p>
|
||||||
|
|
||||||
|
<!-- BEGIN modal -->
|
||||||
|
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#sizedModalSm">
|
||||||
|
Small
|
||||||
|
</button>
|
||||||
|
<div class="modal fade" id="sizedModalSm" tabindex="-1" role="dialog" aria-hidden="true">
|
||||||
|
<div class="modal-dialog modal-sm" role="document">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title">Small modal</h5>
|
||||||
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body m-3">
|
||||||
|
<p class="mb-0">Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.</p>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
||||||
|
<button type="button" class="btn btn-primary">Save changes</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- END modal -->
|
||||||
|
<!-- BEGIN modal -->
|
||||||
|
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#sizedModalMd">
|
||||||
|
Medium
|
||||||
|
</button>
|
||||||
|
<div class="modal fade" id="sizedModalMd" tabindex="-1" role="dialog" aria-hidden="true">
|
||||||
|
<div class="modal-dialog modal-md" role="document">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title">Medium modal</h5>
|
||||||
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body m-3">
|
||||||
|
<p class="mb-0">Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.</p>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
||||||
|
<button type="button" class="btn btn-primary">Save changes</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- END modal -->
|
||||||
|
<!-- BEGIN modal -->
|
||||||
|
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#sizedModalLg">
|
||||||
|
Large
|
||||||
|
</button>
|
||||||
|
<div class="modal fade" id="sizedModalLg" tabindex="-1" role="dialog" aria-hidden="true">
|
||||||
|
<div class="modal-dialog modal-lg" role="document">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title">Large modal</h5>
|
||||||
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body m-3">
|
||||||
|
<p class="mb-0">Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.</p>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
||||||
|
<button type="button" class="btn btn-primary">Save changes</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- END modal -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row text-muted">
|
||||||
|
<div class="col-6 text-left">
|
||||||
|
<p class="mb-0">
|
||||||
|
<a href="index.html" class="text-muted"><strong>AdminKit Demo</strong></a> ©
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-6 text-right">
|
||||||
|
<ul class="list-inline">
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Support</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Help Center</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Privacy</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Terms</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="js/vendor.js"></script>
|
||||||
|
<script src="js/app.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,484 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
<meta name="description" content="Responsive Web UI Kit & Dashboard Template based on Bootstrap">
|
||||||
|
<meta name="author" content="AdminKit">
|
||||||
|
<meta name="keywords" content="adminkit, bootstrap, web ui kit, dashboard template, admin template">
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="img/icons/icon-48x48.png" />
|
||||||
|
|
||||||
|
<title>Typography | AdminKit Demo</title>
|
||||||
|
|
||||||
|
<link href="css/app.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="wrapper">
|
||||||
|
<nav id="sidebar" class="sidebar">
|
||||||
|
<div class="sidebar-content js-simplebar">
|
||||||
|
<a class="sidebar-brand" href="index.html">
|
||||||
|
<span class="align-middle">AdminKit</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<ul class="sidebar-nav">
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Pages
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="index.html">
|
||||||
|
<i class="align-middle" data-feather="sliders"></i> <span class="align-middle">Dashboard</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-profile.html">
|
||||||
|
<i class="align-middle" data-feather="user"></i> <span class="align-middle">Profile</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-settings.html">
|
||||||
|
<i class="align-middle" data-feather="settings"></i> <span class="align-middle">Settings</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-invoice.html">
|
||||||
|
<i class="align-middle" data-feather="credit-card"></i> <span class="align-middle">Invoice</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="pages-blank.html">
|
||||||
|
<i class="align-middle" data-feather="book"></i> <span class="align-middle">Blank</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Tools & Components
|
||||||
|
</li>
|
||||||
|
<li class="sidebar-item active">
|
||||||
|
<a href="#ui" data-toggle="collapse" class="sidebar-link">
|
||||||
|
<i class="align-middle" data-feather="briefcase"></i> <span class="align-middle">UI Elements</span>
|
||||||
|
</a>
|
||||||
|
<ul id="ui" class="sidebar-dropdown list-unstyled collapse show" data-parent="#sidebar">
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-alerts.html">Alerts</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-buttons.html">Buttons</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-cards.html">Cards</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-general.html">General</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-grid.html">Grid</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="ui-modals.html">Modals</a></li>
|
||||||
|
<li class="sidebar-item active"><a class="sidebar-link" href="ui-typography.html">Typography</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="icons-feather.html">
|
||||||
|
<i class="align-middle" data-feather="coffee"></i> <span class="align-middle">Icons</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a href="#forms" data-toggle="collapse" class="sidebar-link collapsed">
|
||||||
|
<i class="align-middle" data-feather="check-circle"></i> <span class="align-middle">Forms</span>
|
||||||
|
</a>
|
||||||
|
<ul id="forms" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="forms-layouts.html">Form Layouts</a></li>
|
||||||
|
<li class="sidebar-item"><a class="sidebar-link" href="forms-basic-inputs.html">Basic Inputs</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="tables-bootstrap.html">
|
||||||
|
<i class="align-middle" data-feather="list"></i> <span class="align-middle">Tables</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-header">
|
||||||
|
Plugins & Addons
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="charts-chartjs.html">
|
||||||
|
<i class="align-middle" data-feather="bar-chart-2"></i> <span class="align-middle">Charts</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="sidebar-item">
|
||||||
|
<a class="sidebar-link" href="maps-google.html">
|
||||||
|
<i class="align-middle" data-feather="map"></i> <span class="align-middle">Maps</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="sidebar-cta">
|
||||||
|
<div class="sidebar-cta-content">
|
||||||
|
<strong class="d-inline-block mb-2">Upgrade to Pro</strong>
|
||||||
|
<div class="mb-3 text-sm">
|
||||||
|
Are you looking for more components?
|
||||||
|
</div>
|
||||||
|
<a href="https://adminkit.io/pricing" target="_blank" class="btn btn-outline-primary btn-block">Upgrade</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div class="main">
|
||||||
|
<nav class="navbar navbar-expand navbar-light navbar-bg">
|
||||||
|
<a class="sidebar-toggle d-flex">
|
||||||
|
<i class="hamburger align-self-center"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<form class="form-inline d-none d-sm-inline-block">
|
||||||
|
<div class="input-group input-group-navbar">
|
||||||
|
<input type="text" class="form-control" placeholder="Search…" aria-label="Search">
|
||||||
|
<div class="input-group-append">
|
||||||
|
<button class="btn" type="button">
|
||||||
|
<i class="align-middle" data-feather="search"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="navbar-collapse collapse">
|
||||||
|
<ul class="navbar-nav navbar-align">
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle" href="#" id="alertsDropdown" data-toggle="dropdown">
|
||||||
|
<div class="position-relative">
|
||||||
|
<i class="align-middle" data-feather="bell"></i>
|
||||||
|
<span class="indicator">4</span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0" aria-labelledby="alertsDropdown">
|
||||||
|
<div class="dropdown-menu-header">
|
||||||
|
4 New Notifications
|
||||||
|
</div>
|
||||||
|
<div class="list-group">
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-danger" data-feather="alert-circle"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Update completed</div>
|
||||||
|
<div class="text-muted small mt-1">Restart server 12 to complete the update.</div>
|
||||||
|
<div class="text-muted small mt-1">30m ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-warning" data-feather="bell"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Lorem ipsum</div>
|
||||||
|
<div class="text-muted small mt-1">Aliquam ex eros, imperdiet vulputate hendrerit et.</div>
|
||||||
|
<div class="text-muted small mt-1">2h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-primary" data-feather="home"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">Login from 192.186.1.8</div>
|
||||||
|
<div class="text-muted small mt-1">5h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<i class="text-success" data-feather="user-plus"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="text-dark">New connection</div>
|
||||||
|
<div class="text-muted small mt-1">Christina accepted your request.</div>
|
||||||
|
<div class="text-muted small mt-1">14h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-footer">
|
||||||
|
<a href="#" class="text-muted">Show all notifications</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle" href="#" id="messagesDropdown" data-toggle="dropdown">
|
||||||
|
<div class="position-relative">
|
||||||
|
<i class="align-middle" data-feather="message-square"></i>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0" aria-labelledby="messagesDropdown">
|
||||||
|
<div class="dropdown-menu-header">
|
||||||
|
<div class="position-relative">
|
||||||
|
4 New Messages
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="list-group">
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Vanessa Tucker</div>
|
||||||
|
<div class="text-muted small mt-1">Nam pretium turpis et arcu. Duis arcu tortor.</div>
|
||||||
|
<div class="text-muted small mt-1">15m ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">William Harris</div>
|
||||||
|
<div class="text-muted small mt-1">Curabitur ligula sapien euismod vitae.</div>
|
||||||
|
<div class="text-muted small mt-1">2h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Christina Mason</div>
|
||||||
|
<div class="text-muted small mt-1">Pellentesque auctor neque nec urna.</div>
|
||||||
|
<div class="text-muted small mt-1">4h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="list-group-item">
|
||||||
|
<div class="row no-gutters align-items-center">
|
||||||
|
<div class="col-2">
|
||||||
|
<img src="img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman">
|
||||||
|
</div>
|
||||||
|
<div class="col-10 pl-2">
|
||||||
|
<div class="text-dark">Sharon Lessman</div>
|
||||||
|
<div class="text-muted small mt-1">Aenean tellus metus, bibendum sed, posuere ac, mattis non.</div>
|
||||||
|
<div class="text-muted small mt-1">5h ago</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu-footer">
|
||||||
|
<a href="#" class="text-muted">Show all messages</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-icon dropdown-toggle d-inline-block d-sm-none" href="#" data-toggle="dropdown">
|
||||||
|
<i class="align-middle" data-feather="settings"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a class="nav-link dropdown-toggle d-none d-sm-inline-block" href="#" data-toggle="dropdown">
|
||||||
|
<img src="img/avatars/avatar.jpg" class="avatar img-fluid rounded mr-1" alt="Charles Hall" /> <span class="text-dark">Charles Hall</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-right">
|
||||||
|
<a class="dropdown-item" href="pages-profile.html"><i class="align-middle mr-1" data-feather="user"></i> Profile</a>
|
||||||
|
<a class="dropdown-item" href="#"><i class="align-middle mr-1" data-feather="pie-chart"></i> Analytics</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="pages-settings.html"><i class="align-middle mr-1" data-feather="settings"></i> Settings & Privacy</a>
|
||||||
|
<a class="dropdown-item" href="#"><i class="align-middle mr-1" data-feather="help-circle"></i> Help Center</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="#">Log out</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<main class="content">
|
||||||
|
<div class="container-fluid p-0">
|
||||||
|
|
||||||
|
<h1 class="h3 mb-3">Typography</h1>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Headings</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">All HTML headings, <code><h1></code> through <code><h6></code>, are available.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<h1>This is a heading h1</h1>
|
||||||
|
<p class="text-muted">Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit
|
||||||
|
vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero.</p>
|
||||||
|
<h2>This is a heading h2</h2>
|
||||||
|
<p class="text-muted">Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit
|
||||||
|
vel, luctus pulvinar, hendrerit id, lorem.</p>
|
||||||
|
<h3>This is a heading h3</h3>
|
||||||
|
<p class="text-muted">Etiam rhoncus. Maecenas tempus, tellus condimentum rhoncus, sem quam libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, vel.</p>
|
||||||
|
<h4>This is a heading h4</h4>
|
||||||
|
<p class="text-muted">Etiam rhoncus. Maecenas tempus, tellus condimentum rhoncus, sem quam libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, vel.</p>
|
||||||
|
<h5>This is a heading h5</h5>
|
||||||
|
<p class="text-muted">Sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel.</p>
|
||||||
|
<h6>This is a heading h6</h6>
|
||||||
|
<p class="text-muted">Sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Coloured text</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Contextual text classes.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<p class="text-primary">This line of text contains the text-primary class.</p>
|
||||||
|
<p class="text-secondary">This line of text contains the text-secondary class.</p>
|
||||||
|
<p class="text-success">This line of text contains the text-success class.</p>
|
||||||
|
<p class="text-danger">This line of text contains the text-danger class.</p>
|
||||||
|
<p class="text-warning">This line of text contains the text-warning class.</p>
|
||||||
|
<p class="text-info">This line of text contains the text-info class.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-lg-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Inline text</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">Styling for common inline HTML5 elements.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<p>You can use the mark-tag to <mark>highlight</mark> text.</p>
|
||||||
|
<p><del>This line of text can be treated as deleted text.</del></p>
|
||||||
|
<p><ins>This line of text can be treated as an addition to the document.</ins></p>
|
||||||
|
<p><strong>Bold text using the strong-tag</strong></p>
|
||||||
|
<p><em>Italicized text using the em-tag</em></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">Blockquotes</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">For quoting blocks of content from another source within your document.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<blockquote>
|
||||||
|
<p>
|
||||||
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
|
||||||
|
</p>
|
||||||
|
<footer>
|
||||||
|
Someone famous in <cite title="Source Title">Source Title</cite>
|
||||||
|
</footer>
|
||||||
|
</blockquote>
|
||||||
|
<p class="text-muted m-b-15 m-t-20 font-13">
|
||||||
|
Add <code>.blockquote-reverse</code> for a blockquote with right-aligned content.
|
||||||
|
</p>
|
||||||
|
<blockquote class="blockquote-reverse m-b-0">
|
||||||
|
<p>
|
||||||
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
|
||||||
|
</p>
|
||||||
|
<footer>
|
||||||
|
Someone famous in <cite title="Source Title">Source Title</cite>
|
||||||
|
</footer>
|
||||||
|
</blockquote>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">List unordered</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">The unordered list items will are marked with bullets.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Lorem ipsum dolor sit amet
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Consectetur adipiscing elit
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Nulla volutpat aliquam velit
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Phasellus iaculis neque
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Eget porttitor lorem
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5 class="card-title">List ordered</h5>
|
||||||
|
<h6 class="card-subtitle text-muted">The ordered list items will are marked with numbers.</h6>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<ol>
|
||||||
|
<li>
|
||||||
|
Lorem ipsum dolor sit amet
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Consectetur adipiscing elit
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Nulla volutpat aliquam velit
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Phasellus iaculis neque
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Eget porttitor lorem
|
||||||
|
</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row text-muted">
|
||||||
|
<div class="col-6 text-left">
|
||||||
|
<p class="mb-0">
|
||||||
|
<a href="index.html" class="text-muted"><strong>AdminKit Demo</strong></a> ©
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-6 text-right">
|
||||||
|
<ul class="list-inline">
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Support</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Help Center</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Privacy</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="text-muted" href="#">Terms</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="js/vendor.js"></script>
|
||||||
|
<script src="js/app.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,75 @@
|
|||||||
|
{
|
||||||
|
"name": "adminkit",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"description": "AdminKit - Web UI Kit & Dashboard Template",
|
||||||
|
"scripts": {
|
||||||
|
"build": "cross-env NODE_ENV=production webpack -p --config webpack.config.js",
|
||||||
|
"watch": "webpack -p --config webpack.config.js --watch",
|
||||||
|
"start": "webpack-dev-server --config webpack.config.js"
|
||||||
|
},
|
||||||
|
"author": "Paul Laros <support@adminkit.io>",
|
||||||
|
"private": true,
|
||||||
|
"browserslist": [
|
||||||
|
"> 0.25%",
|
||||||
|
"not op_mini all",
|
||||||
|
"not dead"
|
||||||
|
],
|
||||||
|
"keywords": [
|
||||||
|
"css",
|
||||||
|
"sass",
|
||||||
|
"html",
|
||||||
|
"responsive",
|
||||||
|
"theme",
|
||||||
|
"template",
|
||||||
|
"admin",
|
||||||
|
"app",
|
||||||
|
"dashboard",
|
||||||
|
"front-end",
|
||||||
|
"ui kit",
|
||||||
|
"web"
|
||||||
|
],
|
||||||
|
"devDependencies": {
|
||||||
|
"@babel/core": "7.7.7",
|
||||||
|
"@babel/plugin-syntax-dynamic-import": "7.7.4",
|
||||||
|
"@babel/preset-env": "7.7.7",
|
||||||
|
"@babel/register": "7.7.7",
|
||||||
|
"autoprefixer": "9.7.3",
|
||||||
|
"babel-eslint": "10.0.3",
|
||||||
|
"babel-loader": "8.0.6",
|
||||||
|
"copy-webpack-plugin": "5.1.1",
|
||||||
|
"cross-env": "6.0.3",
|
||||||
|
"css-loader": "3.4.0",
|
||||||
|
"eslint": "6.8.0",
|
||||||
|
"expose-loader": "0.7.5",
|
||||||
|
"file-loader": "5.0.2",
|
||||||
|
"filemanager-webpack-plugin": "2.0.5",
|
||||||
|
"hard-source-webpack-plugin": "0.13.1",
|
||||||
|
"mini-css-extract-plugin": "0.9.0",
|
||||||
|
"node-sass": "4.13.1",
|
||||||
|
"optimize-css-assets-webpack-plugin": "5.0.3",
|
||||||
|
"postcss-loader": "3.0.0",
|
||||||
|
"resolve-url-loader": "3.1.1",
|
||||||
|
"sass-loader": "8.0.0",
|
||||||
|
"script-loader": "0.7.2",
|
||||||
|
"style-loader": "1.1.1",
|
||||||
|
"terser-webpack-plugin": "2.3.1",
|
||||||
|
"url-loader": "3.0.0",
|
||||||
|
"webpack": "4.41.4",
|
||||||
|
"webpack-cli": "3.3.10",
|
||||||
|
"webpack-dev-server": "3.10.1"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"@babel/polyfill": "7.7.0",
|
||||||
|
"@fortawesome/fontawesome-free": "5.12.1",
|
||||||
|
"bootstrap": "4.4.1",
|
||||||
|
"chart.js": "2.9.3",
|
||||||
|
"feather-icons": "4.25.0",
|
||||||
|
"jquery": "3.4.1",
|
||||||
|
"jvectormap-next": "3.1.0",
|
||||||
|
"moment": "2.24.0",
|
||||||
|
"popper.js": "1.16.0",
|
||||||
|
"simplebar": "5.1.0",
|
||||||
|
"tempusdominus-bootstrap-4": "5.1.2",
|
||||||
|
"tempusdominus-core": "5.0.3"
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,5 @@
|
|||||||
|
module.exports = {
|
||||||
|
plugins: [
|
||||||
|
require('autoprefixer')
|
||||||
|
]
|
||||||
|
}
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user