Bump Codebase Version
This commit is contained in:
App Generator
394
apps/templates/home/index.html
Normal file
394
apps/templates/home/index.html
Normal file
@ -0,0 +1,394 @@
|
||||
{% extends "layouts/base.html" %}
|
||||
|
||||
{% block title %} Dashboard {% endblock %}
|
||||
|
||||
<!-- Specific Page CSS goes HERE -->
|
||||
{% block stylesheets %}{% endblock stylesheets %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-12">
|
||||
<div class="card card-chart">
|
||||
<div class="card-header ">
|
||||
<div class="row">
|
||||
<div class="col-sm-6 text-left">
|
||||
<h5 class="card-category">Total Shipments</h5>
|
||||
<h2 class="card-title">Performance</h2>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="btn-group btn-group-toggle float-right" data-toggle="buttons">
|
||||
<label class="btn btn-sm btn-primary btn-simple active" id="0">
|
||||
<input type="radio" name="options" checked>
|
||||
<span class="d-none d-sm-block d-md-block d-lg-block d-xl-block">Accounts</span>
|
||||
<span class="d-block d-sm-none">
|
||||
<i class="tim-icons icon-single-02"></i>
|
||||
</span>
|
||||
</label>
|
||||
<label class="btn btn-sm btn-primary btn-simple" id="1">
|
||||
<input type="radio" class="d-none d-sm-none" name="options">
|
||||
<span class="d-none d-sm-block d-md-block d-lg-block d-xl-block">Purchases</span>
|
||||
<span class="d-block d-sm-none">
|
||||
<i class="tim-icons icon-gift-2"></i>
|
||||
</span>
|
||||
</label>
|
||||
<label class="btn btn-sm btn-primary btn-simple" id="2">
|
||||
<input type="radio" class="d-none" name="options">
|
||||
<span class="d-none d-sm-block d-md-block d-lg-block d-xl-block">Sessions</span>
|
||||
<span class="d-block d-sm-none">
|
||||
<i class="tim-icons icon-tap-02"></i>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="chart-area">
|
||||
<canvas id="chartBig1"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="card card-chart">
|
||||
<div class="card-header">
|
||||
<h5 class="card-category">Total Shipments</h5>
|
||||
<h3 class="card-title"><i class="tim-icons icon-bell-55 text-primary"></i> 763,215</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="chart-area">
|
||||
<canvas id="chartLinePurple"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="card card-chart">
|
||||
<div class="card-header">
|
||||
<h5 class="card-category">Daily Sales</h5>
|
||||
<h3 class="card-title"><i class="tim-icons icon-delivery-fast text-info"></i> 3,500€</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="chart-area">
|
||||
<canvas id="CountryChart"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="card card-chart">
|
||||
<div class="card-header">
|
||||
<h5 class="card-category">Completed Tasks</h5>
|
||||
<h3 class="card-title"><i class="tim-icons icon-send text-success"></i> 12,100K</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="chart-area">
|
||||
<canvas id="chartLineGreen"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-md-12">
|
||||
<div class="card card-tasks">
|
||||
<div class="card-header ">
|
||||
<h6 class="title d-inline">Tasks(5)</h6>
|
||||
<p class="card-category d-inline">today</p>
|
||||
<div class="dropdown">
|
||||
<button type="button" class="btn btn-link dropdown-toggle btn-icon" data-toggle="dropdown">
|
||||
<i class="tim-icons icon-settings-gear-63"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuLink">
|
||||
<a class="dropdown-item" href="#pablo">Action</a>
|
||||
<a class="dropdown-item" href="#pablo">Another action</a>
|
||||
<a class="dropdown-item" href="#pablo">Something else</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body ">
|
||||
<div class="table-full-width table-responsive">
|
||||
<table class="table">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="form-check">
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign">
|
||||
<span class="check"></span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<p class="title">Update the Documentation</p>
|
||||
<p class="text-muted">Dwuamish Head, Seattle, WA 8:47 AM</p>
|
||||
</td>
|
||||
<td class="td-actions text-right">
|
||||
<button type="button" rel="tooltip" title="" class="btn btn-link" data-original-title="Edit Task">
|
||||
<i class="tim-icons icon-pencil"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="form-check">
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="" checked="">
|
||||
<span class="form-check-sign">
|
||||
<span class="check"></span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<p class="title">GDPR Compliance</p>
|
||||
<p class="text-muted">The GDPR is a regulation that requires businesses to protect the personal data and privacy of Europe citizens for transactions that occur within EU member states.</p>
|
||||
</td>
|
||||
<td class="td-actions text-right">
|
||||
<button type="button" rel="tooltip" title="" class="btn btn-link" data-original-title="Edit Task">
|
||||
<i class="tim-icons icon-pencil"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="form-check">
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign">
|
||||
<span class="check"></span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<p class="title">Solve the issues</p>
|
||||
<p class="text-muted">Fifty percent of all respondents said they would be more likely to shop at a company </p>
|
||||
</td>
|
||||
<td class="td-actions text-right">
|
||||
<button type="button" rel="tooltip" title="" class="btn btn-link" data-original-title="Edit Task">
|
||||
<i class="tim-icons icon-pencil"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="form-check">
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign">
|
||||
<span class="check"></span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<p class="title">Release v2.0.0</p>
|
||||
<p class="text-muted">Ra Ave SW, Seattle, WA 98116, SUA 11:19 AM</p>
|
||||
</td>
|
||||
<td class="td-actions text-right">
|
||||
<button type="button" rel="tooltip" title="" class="btn btn-link" data-original-title="Edit Task">
|
||||
<i class="tim-icons icon-pencil"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="form-check">
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign">
|
||||
<span class="check"></span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<p class="title">Export the processed files</p>
|
||||
<p class="text-muted">The report also shows that consumers will not easily forgive a company once a breach exposing their personal data occurs. </p>
|
||||
</td>
|
||||
<td class="td-actions text-right">
|
||||
<button type="button" rel="tooltip" title="" class="btn btn-link" data-original-title="Edit Task">
|
||||
<i class="tim-icons icon-pencil"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="form-check">
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign">
|
||||
<span class="check"></span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<p class="title">Arival at export process</p>
|
||||
<p class="text-muted">Capitol Hill, Seattle, WA 12:34 AM</p>
|
||||
</td>
|
||||
<td class="td-actions text-right">
|
||||
<button type="button" rel="tooltip" title="" class="btn btn-link" data-original-title="Edit Task">
|
||||
<i class="tim-icons icon-pencil"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-12">
|
||||
<div class="card ">
|
||||
<div class="card-header">
|
||||
<h4 class="card-title"> Simple Table</h4>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="table tablesorter " id="">
|
||||
<thead class=" text-primary">
|
||||
<tr>
|
||||
<th>
|
||||
Name
|
||||
</th>
|
||||
<th>
|
||||
Country
|
||||
</th>
|
||||
<th>
|
||||
City
|
||||
</th>
|
||||
<th class="text-center">
|
||||
Salary
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
Dakota Rice
|
||||
</td>
|
||||
<td>
|
||||
Niger
|
||||
</td>
|
||||
<td>
|
||||
Oud-Turnhout
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$36,738
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Minerva Hooper
|
||||
</td>
|
||||
<td>
|
||||
Curaçao
|
||||
</td>
|
||||
<td>
|
||||
Sinaai-Waas
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$23,789
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Sage Rodriguez
|
||||
</td>
|
||||
<td>
|
||||
Netherlands
|
||||
</td>
|
||||
<td>
|
||||
Baileux
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$56,142
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Philip Chaney
|
||||
</td>
|
||||
<td>
|
||||
Korea, South
|
||||
</td>
|
||||
<td>
|
||||
Overland Park
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$38,735
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Doris Greene
|
||||
</td>
|
||||
<td>
|
||||
Malawi
|
||||
</td>
|
||||
<td>
|
||||
Feldkirchen in Kärnten
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$63,542
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Mason Porter
|
||||
</td>
|
||||
<td>
|
||||
Chile
|
||||
</td>
|
||||
<td>
|
||||
Gloucester
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$78,615
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Jon Porter
|
||||
</td>
|
||||
<td>
|
||||
Portugal
|
||||
</td>
|
||||
<td>
|
||||
Gloucester
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$98,615
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock content %}
|
||||
|
||||
<!-- Specific Page JS goes HERE -->
|
||||
{% block javascripts %}
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
// Javascript method's body can be found in assets/js/demos.js
|
||||
demo.initDashboardPageCharts();
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
{% endblock javascripts %}
|
||||
64
apps/templates/home/login.html
Normal file
64
apps/templates/home/login.html
Normal file
@ -0,0 +1,64 @@
|
||||
{% extends "layouts/base.html" %}
|
||||
|
||||
{% block title %} Login {% endblock %}
|
||||
|
||||
<!-- Specific Page CSS goes HERE -->
|
||||
{% block stylesheets %}{% endblock stylesheets %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<div class="card">
|
||||
|
||||
<form role="form" method="post" action="">
|
||||
|
||||
<div class="card-header">
|
||||
<h5 class="title">Login</h5>
|
||||
|
||||
<h6 class="card-category">
|
||||
Add your credentials
|
||||
</h6>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-3 px-md-1">
|
||||
<div class="form-group">
|
||||
<label>Username</label>
|
||||
<input class="form-control" id="username_login" name="username" required="" type="text" value="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-3 px-md-1">
|
||||
<div class="form-group">
|
||||
<label>Password</label>
|
||||
<input class="form-control" id="pwd_login" name="password" required="" type="password" value="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<button type="submit" name="login" class="btn btn-fill btn-primary">Login</button>
|
||||
|
||||
Don't have an account? <a href="/register.html" class="text-primary">Create</a>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{% endblock content %}
|
||||
|
||||
<!-- Specific Page JS goes HERE -->
|
||||
{% block javascripts %}{% endblock javascripts %}
|
||||
28
apps/templates/home/page-403.html
Normal file
28
apps/templates/home/page-403.html
Normal file
@ -0,0 +1,28 @@
|
||||
{% extends "layouts/base.html" %}
|
||||
|
||||
{% block title %} Page 404 {% endblock %}
|
||||
|
||||
<!-- Specific Page CSS goes HERE -->
|
||||
{% block stylesheets %}{% endblock stylesheets %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card card-profile">
|
||||
<div class="card-body">
|
||||
<h6 class="card-category text-gray">Error 403</h6>
|
||||
<h4 class="card-title">
|
||||
Access Denied - please authenticate
|
||||
</h4>
|
||||
<a href="/login.html" class="btn btn-primary btn-round">Login</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{% endblock content %}
|
||||
|
||||
<!-- Specific Page JS goes HERE -->
|
||||
{% block javascripts %}{% endblock javascripts %}
|
||||
28
apps/templates/home/page-404.html
Normal file
28
apps/templates/home/page-404.html
Normal file
@ -0,0 +1,28 @@
|
||||
{% extends "layouts/base.html" %}
|
||||
|
||||
{% block title %} Page 404 {% endblock %}
|
||||
|
||||
<!-- Specific Page CSS goes HERE -->
|
||||
{% block stylesheets %}{% endblock stylesheets %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card card-profile">
|
||||
<div class="card-body">
|
||||
<h6 class="card-category text-gray">Error 404</h6>
|
||||
<h4 class="card-title">
|
||||
Page not found
|
||||
</h4>
|
||||
<a href="/" class="btn btn-primary btn-round">Home</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{% endblock content %}
|
||||
|
||||
<!-- Specific Page JS goes HERE -->
|
||||
{% block javascripts %}{% endblock javascripts %}
|
||||
28
apps/templates/home/page-500.html
Normal file
28
apps/templates/home/page-500.html
Normal file
@ -0,0 +1,28 @@
|
||||
{% extends "layouts/base.html" %}
|
||||
|
||||
{% block title %} Page 404 {% endblock %}
|
||||
|
||||
<!-- Specific Page CSS goes HERE -->
|
||||
{% block stylesheets %}{% endblock stylesheets %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card card-profile">
|
||||
<div class="card-body">
|
||||
<h6 class="card-category text-gray">Error 500</h6>
|
||||
<h4 class="card-title">
|
||||
Internal Server Error
|
||||
</h4>
|
||||
<a href="/" class="btn btn-primary btn-round">Home</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{% endblock content %}
|
||||
|
||||
<!-- Specific Page JS goes HERE -->
|
||||
{% block javascripts %}{% endblock javascripts %}
|
||||
27
apps/templates/home/page-blank.html
Normal file
27
apps/templates/home/page-blank.html
Normal file
@ -0,0 +1,27 @@
|
||||
{% extends "layouts/base.html" %}
|
||||
|
||||
{% block title %} Page Blank {% endblock %}
|
||||
|
||||
<!-- Specific Page CSS goes HERE -->
|
||||
{% block stylesheets %}{% endblock stylesheets %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card card-profile">
|
||||
<div class="card-body">
|
||||
<h6 class="card-category text-gray">Page Blank</h6>
|
||||
<h4 class="card-title">
|
||||
Add your content
|
||||
</h4>
|
||||
<a href="/" class="btn btn-primary btn-round">Home</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock content %}
|
||||
|
||||
<!-- Specific Page JS goes HERE -->
|
||||
{% block javascripts %}{% endblock javascripts %}
|
||||
392
apps/templates/home/page-rtl-support.html
Normal file
392
apps/templates/home/page-rtl-support.html
Normal file
@ -0,0 +1,392 @@
|
||||
{% extends "layouts/base-rtl.html" %}
|
||||
|
||||
{% block title %} داشبورد متریال توسط تیم خلاق {% endblock %}
|
||||
|
||||
<!-- Specific Page CSS goes HERE -->
|
||||
{% block stylesheets %}{% endblock stylesheets %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="card card-chart">
|
||||
<div class="card-header ">
|
||||
<div class="row">
|
||||
<div class="col-sm-6 text-right">
|
||||
<h5 class="card-category">مجموع الشحنات</h5>
|
||||
<h2 class="card-title">أداء</h2>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="btn-group btn-group-toggle" data-toggle="buttons">
|
||||
<label class="btn btn-sm btn-primary btn-simple active" id="0">
|
||||
<input type="radio" name="options" checked>
|
||||
<span class="d-none d-sm-block d-md-block d-lg-block d-xl-block"> حسابات</span>
|
||||
<span class="d-block d-sm-none">
|
||||
<i class="tim-icons icon-single-02"></i>
|
||||
</span>
|
||||
</label>
|
||||
<label class="btn btn-sm btn-primary btn-simple" id="1">
|
||||
<input type="radio" class="d-none d-sm-none" name="options">
|
||||
<span class="d-none d-sm-block d-md-block d-lg-block d-xl-block"> المشتريات</span>
|
||||
<span class="d-block d-sm-none">
|
||||
<i class="tim-icons icon-gift-2"></i>
|
||||
</span>
|
||||
</label>
|
||||
<label class="btn btn-sm btn-primary btn-simple" id="2">
|
||||
<input type="radio" class="d-none" name="options">
|
||||
<span class="d-none d-sm-block d-md-block d-lg-block d-xl-block">جلسات</span>
|
||||
<span class="d-block d-sm-none">
|
||||
<i class="tim-icons icon-tap-02"></i>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="chart-area">
|
||||
<canvas id="chartBig1"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-4 text-right">
|
||||
<div class="card card-chart">
|
||||
<div class="card-header">
|
||||
<h5 class="card-category">شحنات كاملة</h5>
|
||||
<h3 class="card-title"><i class="tim-icons icon-bell-55 text-primary"></i> 763,215</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="chart-area">
|
||||
<canvas id="chartLinePurple"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 text-right">
|
||||
<div class="card card-chart">
|
||||
<div class="card-header">
|
||||
<h5 class="card-category">المبيعات اليومية</h5>
|
||||
<h3 class="card-title"><i class="tim-icons icon-delivery-fast text-info"></i> 3,500€</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="chart-area">
|
||||
<canvas id="CountryChart"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 text-right">
|
||||
<div class="card card-chart">
|
||||
<div class="card-header">
|
||||
<h5 class="card-category">المهام المكتملة</h5>
|
||||
<h3 class="card-title"><i class="tim-icons icon-send text-success"></i> 12,100K</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="chart-area">
|
||||
<canvas id="chartLineGreen"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-sm-6 text-center">
|
||||
<div class="card card-tasks text-left">
|
||||
<div class="card-header text-right">
|
||||
<h6 class="title d-inline">تتبع</h6>
|
||||
<p class="card-category d-inline">اليوم</p>
|
||||
<div class="dropdown float-left">
|
||||
<a class="btn btn-link dropdown-toggle" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="tim-icons icon-settings-gear-63"></i></a>
|
||||
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
|
||||
<a class="dropdown-item" href="#">عمل</a>
|
||||
<a class="dropdown-item" href="#">عمل آخر</a>
|
||||
<a class="dropdown-item" href="#">شيء آخر هنا</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body ">
|
||||
<div class="table-full-width table-responsive">
|
||||
<table class="table">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="text-center">
|
||||
<div class="form-check">
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="" checked>
|
||||
<span class="form-check-sign">
|
||||
<span class="check"></span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-right">
|
||||
<p class="title">مركز معالجة موقع محور</p>
|
||||
<p class="text-muted">نص آخر هناالوثائق</p>
|
||||
</td>
|
||||
<td class="td-actions">
|
||||
<button type="button" rel="tooltip" title="" class="btn btn-link" data-original-title="مهمة تحرير">
|
||||
<i class="tim-icons icon-settings"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-center">
|
||||
<div class="form-check">
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign">
|
||||
<span class="check"></span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-right">
|
||||
<p class="title">لامتثال GDPR</p>
|
||||
<p class="text-muted">الناتج المحلي الإجمالي هو نظام يتطلب من الشركات حماية البيانات الشخصية والخصوصية لمواطني أوروبا بالنسبة للمعاملات التي تتم داخل الدول الأعضاء في الاتحاد الأوروبي.</p>
|
||||
</td>
|
||||
<td class="td-actions">
|
||||
<button type="button" rel="tooltip" title="" class="btn btn-link" data-original-title="مهمة تحرير">
|
||||
<i class="tim-icons icon-settings"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-center">
|
||||
<div class="form-check">
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign">
|
||||
<span class="check"></span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-right">
|
||||
<p class="title">القضاياالقضايا</p>
|
||||
<p class="text-muted">سيكونونقال 50٪ من جميع المستجيبين أنهم سيكونون أكثر عرضة للتسوق في شركة</p>
|
||||
</td>
|
||||
<td class="td-actions">
|
||||
<button type="button" rel="tooltip" title="" class="btn btn-link" data-original-title="مهمة تحرير">
|
||||
<i class="tim-icons icon-settings"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-center">
|
||||
<div class="form-check">
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="" checked="">
|
||||
<span class="form-check-sign">
|
||||
<span class="check"></span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-right">
|
||||
<p class="title">تصدير الملفات التي تمت معالجتها</p>
|
||||
<p class="text-muted">كما يبين التقرير أن المستهلكين لن يغفروا شركة بسهولة بمجرد حدوث خرق يعرض بياناتهم الشخصية.</p>
|
||||
</td>
|
||||
<td class="td-actions">
|
||||
<button type="button" rel="tooltip" title="" class="btn btn-link" data-original-title="مهمة تحرير">
|
||||
<i class="tim-icons icon-settings"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-center">
|
||||
<div class="form-check">
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="" checked="">
|
||||
<span class="form-check-sign">
|
||||
<span class="check"></span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-right">
|
||||
<p class="title">الوصول إلى عملية التصدير</p>
|
||||
<p class="text-muted">سياسة السيء إنطلاق في قبل, مساعدة والمانيا أخذ قد. بل أما أمام ماشاء الشتاء،, تكاليف الإقتصادي بـ حين. ٣٠ يتعلّق للإتحاد ولم, وتم هناك مدينة بتحدّي إذ, كان بل عمل</p>
|
||||
</td>
|
||||
<td class="td-actions">
|
||||
<button type="button" rel="tooltip" title="" class="btn btn-link" data-original-title="مهمة تحرير">
|
||||
<i class="tim-icons icon-settings"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-center">
|
||||
<div class="form-check">
|
||||
<label class="form-check-label">
|
||||
<input class="form-check-input" type="checkbox" value="">
|
||||
<span class="form-check-sign">
|
||||
<span class="check"></span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-right">
|
||||
<p class="title">الافراج عن v2.0.0</p>
|
||||
<p class="text-muted">عن رئيس طوكيو البولندي لمّ, مايو مرجع وباءت قبل هو, تسمّى الطريق الإقتصادي ذات أن. لغات الإطلاق الفرنسية دار ان, بين بتخصيص الساحة اقتصادية أم. و الآخ</p>
|
||||
</td>
|
||||
<td class="td-actions">
|
||||
<button type="button" rel="tooltip" title="" class="btn btn-link" data-original-title="مهمة تحرير">
|
||||
<i class="tim-icons icon-settings"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-sm-6">
|
||||
<div class="card ">
|
||||
<div class="card-header text-right">
|
||||
<h4 class="card-title">جدول بسيط</h4>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="table tablesorter " id="">
|
||||
<thead class=" text-primary">
|
||||
<tr>
|
||||
<th>
|
||||
اسم
|
||||
</th>
|
||||
<th>
|
||||
بلد
|
||||
</th>
|
||||
<th>
|
||||
مدينة
|
||||
</th>
|
||||
<th class="text-center">
|
||||
راتب
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
رايس داكوتا
|
||||
</td>
|
||||
<td>
|
||||
النيجر
|
||||
</td>
|
||||
<td>
|
||||
العود-تورنهاوت
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$36,738
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
مينيرفا هوبر
|
||||
</td>
|
||||
<td>
|
||||
كوراساو
|
||||
</td>
|
||||
<td>
|
||||
Sinaai-واس
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$23,789
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
سيج رودريجيز
|
||||
</td>
|
||||
<td>
|
||||
هولندا
|
||||
</td>
|
||||
<td>
|
||||
بايلي
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$56,142
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
فيليب شانيه
|
||||
</td>
|
||||
<td>
|
||||
كوريا، جنوب
|
||||
</td>
|
||||
<td>
|
||||
اوفرلاند بارك
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$38,735
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
دوريس غرين
|
||||
</td>
|
||||
<td>
|
||||
مالاوي
|
||||
</td>
|
||||
<td>
|
||||
المنع
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$63,542
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
ميسون بورتر
|
||||
</td>
|
||||
<td>
|
||||
تشيلي
|
||||
</td>
|
||||
<td>
|
||||
غلوستر
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$78,615
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
جون بورتر
|
||||
</td>
|
||||
<td>
|
||||
البرتغال
|
||||
</td>
|
||||
<td>
|
||||
غلوستر
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$98,615
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock content %}
|
||||
|
||||
<!-- Specific Page JS goes HERE -->
|
||||
{% block javascripts %}
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
// Javascript method's body can be found in assets/js/demos.js
|
||||
|
||||
|
||||
demo.initDashboardPageCharts();
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
{% endblock javascripts %}
|
||||
141
apps/templates/home/page-user.html
Normal file
141
apps/templates/home/page-user.html
Normal file
@ -0,0 +1,141 @@
|
||||
{% extends "layouts/base.html" %}
|
||||
|
||||
{% block title %} Page User {% endblock %}
|
||||
|
||||
<!-- Specific Page CSS goes HERE -->
|
||||
{% block stylesheets %}{% endblock stylesheets %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5 class="title">Edit Profile</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form>
|
||||
<div class="row">
|
||||
<div class="col-md-5 pr-md-1">
|
||||
<div class="form-group">
|
||||
<label>UserID (disabled)</label>
|
||||
<input type="text" class="form-control" disabled="" value="{{ current_user.id }}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 px-md-1">
|
||||
<div class="form-group">
|
||||
<label>Username</label>
|
||||
<input type="text" class="form-control" value="{{ current_user.username }}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 pl-md-1">
|
||||
<div class="form-group">
|
||||
<label for="exampleInputEmail1">Email address</label>
|
||||
<input type="email" class="form-control" value="{{ current_user.email }}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 pr-md-1">
|
||||
<div class="form-group">
|
||||
<label>First Name</label>
|
||||
<input type="text" class="form-control" placeholder="Company" value="Mike">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 pl-md-1">
|
||||
<div class="form-group">
|
||||
<label>Last Name</label>
|
||||
<input type="text" class="form-control" placeholder="Last Name" value="Andrew">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="form-group">
|
||||
<label>Address</label>
|
||||
<input type="text" class="form-control" placeholder="Home Address" value="Bld Mihail Kogalniceanu, nr. 8 Bl 1, Sc 1, Ap 09">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-4 pr-md-1">
|
||||
<div class="form-group">
|
||||
<label>City</label>
|
||||
<input type="text" class="form-control" placeholder="City" value="Mike">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 px-md-1">
|
||||
<div class="form-group">
|
||||
<label>Country</label>
|
||||
<input type="text" class="form-control" placeholder="Country" value="Andrew">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 pl-md-1">
|
||||
<div class="form-group">
|
||||
<label>Postal Code</label>
|
||||
<input type="number" class="form-control" placeholder="ZIP Code">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<div class="form-group">
|
||||
<label>About Me</label>
|
||||
<textarea rows="4" cols="80" class="form-control" placeholder="Here can be your description" value="Mike">Lamborghini Mercy, Your chick she so thirsty, I'm in that two seat Lambo.</textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<button type="submit" class="btn btn-fill btn-primary">Save</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card card-user">
|
||||
<div class="card-body">
|
||||
<p class="card-text">
|
||||
<div class="author">
|
||||
<div class="block block-one"></div>
|
||||
<div class="block block-two"></div>
|
||||
<div class="block block-three"></div>
|
||||
<div class="block block-four"></div>
|
||||
<a href="javascript:void(0)">
|
||||
<img class="avatar" src="/static/assets/img/emilyz.jpg" alt="Bill Gates photo - when buys a Linux.">
|
||||
<h5 class="title">
|
||||
{{ current_user.username }}
|
||||
</h5>
|
||||
</a>
|
||||
<p class="description">
|
||||
{{ current_user.email }}
|
||||
</p>
|
||||
</div>
|
||||
</p>
|
||||
<div class="card-description">
|
||||
Linux, my favorite OS - I admin that windows is just a big mistake.
|
||||
Do not be scared of the truth because we need to restart the human foundation in truth And I love you like Kanye loves Kanye I love Rick Owens’ bed design but the back is...
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<div class="button-container">
|
||||
<button href="javascript:void(0)" class="btn btn-icon btn-round btn-facebook">
|
||||
<i class="fab fa-facebook"></i>
|
||||
</button>
|
||||
<button href="javascript:void(0)" class="btn btn-icon btn-round btn-twitter">
|
||||
<i class="fab fa-twitter"></i>
|
||||
</button>
|
||||
<button href="javascript:void(0)" class="btn btn-icon btn-round btn-google">
|
||||
<i class="fab fa-google-plus"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{% endblock content %}
|
||||
|
||||
<!-- Specific Page JS goes HERE -->
|
||||
{% block javascripts %}{% endblock javascripts %}
|
||||
70
apps/templates/home/register.html
Normal file
70
apps/templates/home/register.html
Normal file
@ -0,0 +1,70 @@
|
||||
{% extends "layouts/base.html" %}
|
||||
|
||||
{% block title %} Register {% endblock %}
|
||||
|
||||
<!-- Specific Page CSS goes HERE -->
|
||||
{% block stylesheets %}{% endblock stylesheets %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<div class="card">
|
||||
|
||||
<form role="form" method="post" action="">
|
||||
|
||||
<div class="card-header">
|
||||
<h5 class="title">Register</h5>
|
||||
|
||||
<h6 class="card-category">
|
||||
Add your credentials
|
||||
</h6>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-3 px-md-1">
|
||||
<div class="form-group">
|
||||
<label>Username</label>
|
||||
<input class="form-control" id="username_create" name="username" required="" type="text" value="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-3 px-md-1">
|
||||
<div class="form-group">
|
||||
<label>Email</label>
|
||||
<input class="form-control" id="email_create" name="email" required="" type="email" value="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-3 px-md-1">
|
||||
<div class="form-group">
|
||||
<label>Password</label>
|
||||
<input class="form-control" id="pwd_create" name="password" required="" type="password" value="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<button type="submit" name="register" class="btn btn-fill btn-primary">Register</button>
|
||||
|
||||
Have an account? <a href="/login.html" class="text-primary">Login</a>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{% endblock content %}
|
||||
|
||||
<!-- Specific Page JS goes HERE -->
|
||||
{% block javascripts %}{% endblock javascripts %}
|
||||
628
apps/templates/home/ui-icons.html
Normal file
628
apps/templates/home/ui-icons.html
Normal file
@ -0,0 +1,628 @@
|
||||
{% extends "layouts/base.html" %}
|
||||
|
||||
{% block title %} UI Icons {% endblock %}
|
||||
|
||||
<!-- Specific Page CSS goes HERE -->
|
||||
{% block stylesheets %}{% endblock stylesheets %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5 class="title">100 Awesome Nucleo Icons</h5>
|
||||
<p class="category">Handcrafted by our friends from <a href="https://nucleoapp.com/?ref=1712">NucleoApp</a></p>
|
||||
</div>
|
||||
<div class="card-body all-icons">
|
||||
<div class="row">
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-alert-circle-exc"></i>
|
||||
<p>icon-alert-circle-exc</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-align-center"></i>
|
||||
<p>icon-align-center</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-align-left-2"></i>
|
||||
<p>icon-align-left-2</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-app"></i>
|
||||
<p>icon-app</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-atom"></i>
|
||||
<p>icon-atom</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-attach-87"></i>
|
||||
<p>icon-attach-87</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-badge"></i>
|
||||
<p>icon-badge</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-bag-16"></i>
|
||||
<p>icon-bag-16</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-bank"></i>
|
||||
<p>icon-bank</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-basket-simple"></i>
|
||||
<p>icon-basket-simple</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-bell-55"></i>
|
||||
<p>icon-bell-55</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-bold"></i>
|
||||
<p>icon-bold</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-book-bookmark"></i>
|
||||
<p>icon-book-bookmark</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-double-right"></i>
|
||||
<p>icon-double-right</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-bulb-63"></i>
|
||||
<p>icon-bulb-63</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-bullet-list-67"></i>
|
||||
<p>icon-bullet-list-67</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-bus-front-12"></i>
|
||||
<p>icon-bus-front-12</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-button-power"></i>
|
||||
<p>icon-button-power</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-camera-18"></i>
|
||||
<p>icon-camera-18</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-calendar-60"></i>
|
||||
<p>icon-calendar-60</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-caps-small"></i>
|
||||
<p>icon-caps-small</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-cart"></i>
|
||||
<p>icon-cart</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-chart-bar-32"></i>
|
||||
<p>icon-chart-bar-32</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-chart-pie-36"></i>
|
||||
<p>icon-chart-pie-36</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-chat-33"></i>
|
||||
<p>icon-chat-33</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-check-2"></i>
|
||||
<p>icon-check-2</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-cloud-download-93"></i>
|
||||
<p>icon-cloud-download-93</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-cloud-upload-94"></i>
|
||||
<p>icon-cloud-upload-94</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-coins"></i>
|
||||
<p>icon-coins</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-compass-05"></i>
|
||||
<p>icon-compass-05</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-controller"></i>
|
||||
<p>icon-controller</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-credit-card"></i>
|
||||
<p>icon-credit-card</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-delivery-fast"></i>
|
||||
<p>icon-delivery-fast</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-email-85"></i>
|
||||
<p>icon-email-85</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-gift-2"></i>
|
||||
<p>icon-gift-2</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-globe-2"></i>
|
||||
<p>icon-globe-2</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-headphones"></i>
|
||||
<p>icon-headphones</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-heart-2"></i>
|
||||
<p>icon-heart-2</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-html5"></i>
|
||||
<p>icon-html5</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-double-left"></i>
|
||||
<p>icon-double-left</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-image-02"></i>
|
||||
<p>icon-image-02</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-istanbul"></i>
|
||||
<p>icon-istanbul</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-key-25"></i>
|
||||
<p>icon-key-25</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-laptop"></i>
|
||||
<p>icon-laptop</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-light-3"></i>
|
||||
<p>icon-light-3</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-link-72"></i>
|
||||
<p>icon-link-72</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-lock-circle"></i>
|
||||
<p>icon-lock-circle</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-map-big"></i>
|
||||
<p>icon-map-big</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-minimal-down"></i>
|
||||
<p>icon-minimal-down</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-minimal-left"></i>
|
||||
<p>icon-minimal-left</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-minimal-right"></i>
|
||||
<p>icon-minimal-right</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-minimal-up"></i>
|
||||
<p>icon-minimal-up</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-mobile"></i>
|
||||
<p>icon-mobile</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-molecule-40"></i>
|
||||
<p>icon-molecule-40</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-money-coins"></i>
|
||||
<p>icon-money-coins</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-notes"></i>
|
||||
<p>icon-notes</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-palette"></i>
|
||||
<p>icon-palette</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-paper"></i>
|
||||
<p>icon-paper</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-pin"></i>
|
||||
<p>icon-pin</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-planet"></i>
|
||||
<p>icon-planet</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-puzzle-10"></i>
|
||||
<p>icon-puzzle-10</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-pencil"></i>
|
||||
<p>icon-pencil</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-satisfied"></i>
|
||||
<p>icon-satisfied</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-scissors"></i>
|
||||
<p>icon-scissors</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-send"></i>
|
||||
<p>icon-send</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-settings-gear-63"></i>
|
||||
<p>icon-settings-gear-63</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-settings"></i>
|
||||
<p>icon-settings</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-wifi"></i>
|
||||
<p>icon-wifi</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-single-02"></i>
|
||||
<p>icon-single-02</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-single-copy-04"></i>
|
||||
<p>icon-single-copy-04</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-sound-wave"></i>
|
||||
<p>icon-sound-wave</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-spaceship"></i>
|
||||
<p>icon-spaceship</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-square-pin"></i>
|
||||
<p>icon-square-pin</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-support-17"></i>
|
||||
<p>icon-support-17</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-tablet-2"></i>
|
||||
<p>icon-tablet-2</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-tag"></i>
|
||||
<p>icon-tag</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-tap-02"></i>
|
||||
<p>icon-tap-02</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-tie-bow"></i>
|
||||
<p>icon-tie-bow</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-time-alarm"></i>
|
||||
<p>icon-time-alarm</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-trash-simple"></i>
|
||||
<p>icon-trash-simple</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-trophy"></i>
|
||||
<p>icon-trophy</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-tv-2"></i>
|
||||
<p>icon-tv-2</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-upload"></i>
|
||||
<p>icon-upload</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-user-run"></i>
|
||||
<p>icon-user-run</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-vector"></i>
|
||||
<p>icon-vector</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-video-66"></i>
|
||||
<p>icon-video-66</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-wallet-43"></i>
|
||||
<p>icon-wallet-43</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-volume-98"></i>
|
||||
<p>icon-volume-98</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-watch-time"></i>
|
||||
<p>icon-watch-time</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-world"></i>
|
||||
<p>icon-world</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-zoom-split"></i>
|
||||
<p>icon-zoom-split</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-refresh-01"></i>
|
||||
<p>icon-refresh-01</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-refresh-02"></i>
|
||||
<p>icon-refresh-02</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-shape-star"></i>
|
||||
<p>icon-shape-star</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-components"></i>
|
||||
<p>icon-components</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-triangle-right-17"></i>
|
||||
<p>icon-triangle-right-17</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-button-pause"></i>
|
||||
<p>icon-button-pause</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-simple-remove"></i>
|
||||
<p>icon-simple-remove</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-simple-add"></i>
|
||||
<p>icon-simple-add</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6">
|
||||
<div class="font-icon-detail">
|
||||
<i class="tim-icons icon-simple-delete"></i>
|
||||
<p>icon-simple-delete</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock content %}
|
||||
|
||||
<!-- Specific Page JS goes HERE -->
|
||||
{% block javascripts %}{% endblock javascripts %}
|
||||
39
apps/templates/home/ui-maps.html
Normal file
39
apps/templates/home/ui-maps.html
Normal file
@ -0,0 +1,39 @@
|
||||
{% extends "layouts/base.html" %}
|
||||
|
||||
{% block title %} Maps {% endblock %}
|
||||
|
||||
<!-- Specific Page CSS goes HERE -->
|
||||
{% block stylesheets %}{% endblock stylesheets %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card card-plain">
|
||||
<div class="card-header">
|
||||
Google Maps
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div id="map" class="map"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock content %}
|
||||
|
||||
<!-- Specific Page JS goes HERE -->
|
||||
{% block javascripts %}
|
||||
|
||||
<!-- Google Maps Plugin -->
|
||||
<!-- Place this tag in your head or just before your close body tag. -->
|
||||
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE"></script>
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
// Javascript method's body can be found in assets/js/demos.js
|
||||
demo.initGoogleMaps();
|
||||
});
|
||||
</script>
|
||||
|
||||
{% endblock javascripts %}
|
||||
133
apps/templates/home/ui-notifications.html
Normal file
133
apps/templates/home/ui-notifications.html
Normal file
@ -0,0 +1,133 @@
|
||||
{% extends "layouts/base.html" %}
|
||||
|
||||
{% block title %} UI Notifications {% endblock %}
|
||||
|
||||
<!-- Specific Page CSS goes HERE -->
|
||||
{% block stylesheets %}{% endblock stylesheets %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4 class="card-title">Notifications Style</h4>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="alert alert-info">
|
||||
<span>This is a plain notification</span>
|
||||
</div>
|
||||
<div class="alert alert-info">
|
||||
<button type="button" aria-hidden="true" class="close" data-dismiss="alert" aria-label="Close">
|
||||
<i class="tim-icons icon-simple-remove"></i>
|
||||
</button>
|
||||
<span>This is a notification with close button.</span>
|
||||
</div>
|
||||
<div class="alert alert-info alert-with-icon" data-notify="container">
|
||||
<button type="button" aria-hidden="true" class="close" data-dismiss="alert" aria-label="Close">
|
||||
<i class="tim-icons icon-simple-remove"></i>
|
||||
</button>
|
||||
<span data-notify="icon" class="tim-icons icon-bell-55"></span>
|
||||
<span data-notify="message">This is a notification with close button and icon.</span>
|
||||
</div>
|
||||
<div class="alert alert-info alert-with-icon" data-notify="container">
|
||||
<button type="button" aria-hidden="true" class="close" data-dismiss="alert" aria-label="Close">
|
||||
<i class="tim-icons icon-simple-remove"></i>
|
||||
</button>
|
||||
<span data-notify="icon" class="tim-icons icon-bell-55"></span>
|
||||
<span data-notify="message">This is a notification with close button and icon and have many lines. You can see that the icon and the close button are always vertically aligned. This is a beautiful notification. So you don't have to worry about the style.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4 class="card-title">Notification states</h4>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="alert alert-primary">
|
||||
<button type="button" aria-hidden="true" class="close" data-dismiss="alert" aria-label="Close">
|
||||
<i class="tim-icons icon-simple-remove"></i>
|
||||
</button>
|
||||
<span><b> Primary - </b> This is a regular notification made with ".alert-primary"</span>
|
||||
</div>
|
||||
<div class="alert alert-info">
|
||||
<button type="button" aria-hidden="true" class="close" data-dismiss="alert" aria-label="Close">
|
||||
<i class="tim-icons icon-simple-remove"></i>
|
||||
</button>
|
||||
<span><b> Info - </b> This is a regular notification made with ".alert-info"</span>
|
||||
</div>
|
||||
<div class="alert alert-success">
|
||||
<button type="button" aria-hidden="true" class="close" data-dismiss="alert" aria-label="Close">
|
||||
<i class="tim-icons icon-simple-remove"></i>
|
||||
</button>
|
||||
<span><b> Success - </b> This is a regular notification made with ".alert-success"</span>
|
||||
</div>
|
||||
<div class="alert alert-warning">
|
||||
<button type="button" aria-hidden="true" class="close" data-dismiss="alert" aria-label="Close">
|
||||
<i class="tim-icons icon-simple-remove"></i>
|
||||
</button>
|
||||
<span><b> Warning - </b> This is a regular notification made with ".alert-warning"</span>
|
||||
</div>
|
||||
<div class="alert alert-danger">
|
||||
<button type="button" aria-hidden="true" class="close" data-dismiss="alert" aria-label="Close">
|
||||
<i class="tim-icons icon-simple-remove"></i>
|
||||
</button>
|
||||
<span><b> Danger - </b> This is a regular notification made with ".alert-danger"</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="places-buttons">
|
||||
<div class="row">
|
||||
<div class="col-md-6 ml-auto mr-auto text-center">
|
||||
<h4 class="card-title">
|
||||
Notifications Places
|
||||
<p class="category">Click to view notifications</p>
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-8 ml-auto mr-auto">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<button class="btn btn-primary btn-block" onclick="demo.showNotification('top','left')">Top Left</button>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<button class="btn btn-primary btn-block" onclick="demo.showNotification('top','center')">Top Center</button>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<button class="btn btn-primary btn-block" onclick="demo.showNotification('top','right')">Top Right</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-8 ml-auto mr-auto">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<button class="btn btn-primary btn-block" onclick="demo.showNotification('bottom','left')">Bottom Left</button>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<button class="btn btn-primary btn-block" onclick="demo.showNotification('bottom','center')">Bottom Center</button>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<button class="btn btn-primary btn-block" onclick="demo.showNotification('bottom','right')">Bottom Right</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock content %}
|
||||
|
||||
<!-- Specific Page JS goes HERE -->
|
||||
{% block javascripts %}{% endblock javascripts %}
|
||||
275
apps/templates/home/ui-tables.html
Normal file
275
apps/templates/home/ui-tables.html
Normal file
@ -0,0 +1,275 @@
|
||||
{% extends "layouts/base.html" %}
|
||||
|
||||
{% block title %} UI Tables {% endblock %}
|
||||
|
||||
<!-- Specific Page CSS goes HERE -->
|
||||
{% block stylesheets %}{% endblock stylesheets %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card ">
|
||||
<div class="card-header">
|
||||
<h4 class="card-title"> Simple Table</h4>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="table tablesorter " id="">
|
||||
<thead class=" text-primary">
|
||||
<tr>
|
||||
<th>
|
||||
Name
|
||||
</th>
|
||||
<th>
|
||||
Country
|
||||
</th>
|
||||
<th>
|
||||
City
|
||||
</th>
|
||||
<th class="text-center">
|
||||
Salary
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
Dakota Rice
|
||||
</td>
|
||||
<td>
|
||||
Niger
|
||||
</td>
|
||||
<td>
|
||||
Oud-Turnhout
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$36,738
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Minerva Hooper
|
||||
</td>
|
||||
<td>
|
||||
Curaçao
|
||||
</td>
|
||||
<td>
|
||||
Sinaai-Waas
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$23,789
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Sage Rodriguez
|
||||
</td>
|
||||
<td>
|
||||
Netherlands
|
||||
</td>
|
||||
<td>
|
||||
Baileux
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$56,142
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Philip Chaney
|
||||
</td>
|
||||
<td>
|
||||
Korea, South
|
||||
</td>
|
||||
<td>
|
||||
Overland Park
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$38,735
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Doris Greene
|
||||
</td>
|
||||
<td>
|
||||
Malawi
|
||||
</td>
|
||||
<td>
|
||||
Feldkirchen in Kärnten
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$63,542
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Mason Porter
|
||||
</td>
|
||||
<td>
|
||||
Chile
|
||||
</td>
|
||||
<td>
|
||||
Gloucester
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$78,615
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Jon Porter
|
||||
</td>
|
||||
<td>
|
||||
Portugal
|
||||
</td>
|
||||
<td>
|
||||
Gloucester
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$98,615
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="card card-plain">
|
||||
<div class="card-header">
|
||||
<h4 class="card-title"> Table on Plain Background</h4>
|
||||
<p class="category"> Here is a subtitle for this table</p>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="table tablesorter " id="">
|
||||
<thead class=" text-primary">
|
||||
<tr>
|
||||
<th>
|
||||
Name
|
||||
</th>
|
||||
<th>
|
||||
Country
|
||||
</th>
|
||||
<th>
|
||||
City
|
||||
</th>
|
||||
<th class="text-center">
|
||||
Salary
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
Dakota Rice
|
||||
</td>
|
||||
<td>
|
||||
Niger
|
||||
</td>
|
||||
<td>
|
||||
Oud-Turnhout
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$36,738
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Minerva Hooper
|
||||
</td>
|
||||
<td>
|
||||
Curaçao
|
||||
</td>
|
||||
<td>
|
||||
Sinaai-Waas
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$23,789
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Sage Rodriguez
|
||||
</td>
|
||||
<td>
|
||||
Netherlands
|
||||
</td>
|
||||
<td>
|
||||
Baileux
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$56,142
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Philip Chaney
|
||||
</td>
|
||||
<td>
|
||||
Korea, South
|
||||
</td>
|
||||
<td>
|
||||
Overland Park
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$38,735
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Doris Greene
|
||||
</td>
|
||||
<td>
|
||||
Malawi
|
||||
</td>
|
||||
<td>
|
||||
Feldkirchen in Kärnten
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$63,542
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Mason Porter
|
||||
</td>
|
||||
<td>
|
||||
Chile
|
||||
</td>
|
||||
<td>
|
||||
Gloucester
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$78,615
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Jon Porter
|
||||
</td>
|
||||
<td>
|
||||
Portugal
|
||||
</td>
|
||||
<td>
|
||||
Gloucester
|
||||
</td>
|
||||
<td class="text-center">
|
||||
$98,615
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock content %}
|
||||
|
||||
<!-- Specific Page JS goes HERE -->
|
||||
{% block javascripts %}{% endblock javascripts %}
|
||||
154
apps/templates/home/ui-typography.html
Normal file
154
apps/templates/home/ui-typography.html
Normal file
@ -0,0 +1,154 @@
|
||||
{% extends "layouts/base.html" %}
|
||||
|
||||
{% block title %} UI Typography {% endblock %}
|
||||
|
||||
<!-- Specific Page CSS goes HERE -->
|
||||
{% block stylesheets %}{% endblock stylesheets %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-header mb-5">
|
||||
<h5 class="card-category">Black Table Heading</h5>
|
||||
<h3 class="card-title">Created using Poppins Font Family</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="typography-line">
|
||||
<h1><span>Header 1</span>The Life of Black Dashboard </h1>
|
||||
</div>
|
||||
<div class="typography-line">
|
||||
<h2><span>Header 2</span>The Life of Black Dashboard </h2>
|
||||
</div>
|
||||
<div class="typography-line">
|
||||
<h3><span>Header 3</span>The Life of Black Dashboard </h3>
|
||||
</div>
|
||||
<div class="typography-line">
|
||||
<h4><span>Header 4</span>The Life of Black Dashboard </h4>
|
||||
</div>
|
||||
<div class="typography-line">
|
||||
<h5><span>Header 5</span>The Life of Black Dashboard </h5>
|
||||
</div>
|
||||
<div class="typography-line">
|
||||
<h6><span>Header 6</span>The Life of Black Dashboard </h6>
|
||||
</div>
|
||||
<div class="typography-line">
|
||||
<p><span>Paragraph</span>
|
||||
I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.
|
||||
</p>
|
||||
</div>
|
||||
<div class="typography-line">
|
||||
<span>Quote</span>
|
||||
<blockquote>
|
||||
<p class="blockquote blockquote-primary">
|
||||
"I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at."
|
||||
<br>
|
||||
<br>
|
||||
<small>
|
||||
- Noaa
|
||||
</small>
|
||||
</p>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="typography-line">
|
||||
<span>Muted Text</span>
|
||||
<p class="text-muted">
|
||||
I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...
|
||||
</p>
|
||||
</div>
|
||||
<div class="typography-line">
|
||||
<span>Primary Text</span>
|
||||
<p class="text-primary">
|
||||
I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...</p>
|
||||
</div>
|
||||
<div class="typography-line">
|
||||
<span>Info Text</span>
|
||||
<p class="text-info">
|
||||
I will be the leader of a company that ends up being worth billions of dollars, because I got the answers... </p>
|
||||
</div>
|
||||
<div class="typography-line">
|
||||
<span>Success Text</span>
|
||||
<p class="text-success">
|
||||
I will be the leader of a company that ends up being worth billions of dollars, because I got the answers... </p>
|
||||
</div>
|
||||
<div class="typography-line">
|
||||
<span>Warning Text</span>
|
||||
<p class="text-warning">
|
||||
I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...
|
||||
</p>
|
||||
</div>
|
||||
<div class="typography-line">
|
||||
<span>Danger Text</span>
|
||||
<p class="text-danger">
|
||||
I will be the leader of a company that ends up being worth billions of dollars, because I got the answers... </p>
|
||||
</div>
|
||||
<div class="typography-line">
|
||||
<h2><span>Small Tag</span>
|
||||
Header with small subtitle <br>
|
||||
<small>Use "small" tag for the headers</small>
|
||||
</h2>
|
||||
</div>
|
||||
<div class="typography-line">
|
||||
<span>Lists</span>
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<h5>Unordered List</h5>
|
||||
<ul>
|
||||
<li>List Item</li>
|
||||
<li>List Item</li>
|
||||
<li class="list-unstyled">
|
||||
<ul>
|
||||
<li>List Item</li>
|
||||
<li>List Item</li>
|
||||
<li>List Item</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>List Item</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<h5>Ordered List</h5>
|
||||
<ol>
|
||||
<li>List Item</li>
|
||||
<li>List Item</li>
|
||||
<li>List item</li>
|
||||
<li>List Item</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<h5>Unstyled List</h5>
|
||||
<ul class="list-unstyled">
|
||||
<li>List Item</li>
|
||||
<li>List Item</li>
|
||||
<li>List item</li>
|
||||
<li>List Item</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<h5>Inline List</h5>
|
||||
<ul class="list-inline">
|
||||
<li class="list-inline-item">List1</li>
|
||||
<li class="list-inline-item">List2</li>
|
||||
<li class="list-inline-item">List3</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="typography-line">
|
||||
<span>Code</span>
|
||||
<p>This is
|
||||
<code>.css-class-as-code</code>, an example of an inline code element. Wrap inline code within a
|
||||
<code> <code>...</code></code>tag.
|
||||
</p>
|
||||
<pre>1. #This is an example of preformatted text.<br/>2. #Here is another line of code</pre>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock content %}
|
||||
|
||||
<!-- Specific Page JS goes HERE -->
|
||||
{% block javascripts %}{% endblock javascripts %}
|
||||
Reference in New Issue
Block a user