Skip to content

B
BookingMyHrManagement
Commit c8fd8ecd by DESKTOP-HF0LVOG\myhr
Options

Update หน้าหลักส่วนวันที่

parent 2a122308
Showing with 145 additions and 321 deletions
package-lock.json
......@@ -22,6 +22,7 @@
"@fullcalendar/daygrid": "^5.10.1",
"@fullcalendar/interaction": "^5.10.1",
"@ng-bootstrap/ng-bootstrap": "10.0.0",
"bootstrap-icons": "^1.7.1",
"chart.js": "2.9.4",
"core-js": "3.15.2",
"fullcalendar": "^5.10.1",
......@@ -3912,6 +3913,14 @@
"integrity": "sha1-aN/1++YMUes3cl6p4+0xDcwed24=",
"dev": true
},
"node_modules/bootstrap-icons": {
"version": "1.7.1",
"resolved": "https://registry.npmjs.org/bootstrap-icons/-/bootstrap-icons-1.7.1.tgz",
"integrity": "sha512-Hkuoo0qrWegA9cdzwS68YPSOLf7d42gqnMzT1tIy/SWvnxnI+Y5PFvK2qIbM/L7knH8SdC8FPgjA+bktzmGcAw==",
"engines": {
"node": ">=10"
}
},
"node_modules/brace-expansion": {
"version": "1.1.11",
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
......@@ -20300,6 +20309,11 @@
"integrity": "sha1-aN/1++YMUes3cl6p4+0xDcwed24=",
"dev": true
},
"bootstrap-icons": {
"version": "1.7.1",
"resolved": "https://registry.npmjs.org/bootstrap-icons/-/bootstrap-icons-1.7.1.tgz",
"integrity": "sha512-Hkuoo0qrWegA9cdzwS68YPSOLf7d42gqnMzT1tIy/SWvnxnI+Y5PFvK2qIbM/L7knH8SdC8FPgjA+bktzmGcAw=="
},
"brace-expansion": {
"version": "1.1.11",
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
package.json
......@@ -74,6 +74,7 @@
"@fullcalendar/daygrid": "^5.10.1",
"@fullcalendar/interaction": "^5.10.1",
"@ng-bootstrap/ng-bootstrap": "10.0.0",
"bootstrap-icons": "^1.7.1",
"chart.js": "2.9.4",
"core-js": "3.15.2",
"fullcalendar": "^5.10.1",
......
src/app/components/sidebar/sidebar.component.ts
......@@ -18,27 +18,27 @@ export const ROUTES: RouteInfo[] = [
{
path: "/dashboard",
title: "Dashboard",
rtlTitle: "لوحة القيادة",
rtlTitle: "",
icon: "icon-chart-pie-36",
class: ""
},
{
path: "/icons",
title: "Icons",
rtlTitle: "الرموز",
rtlTitle: "",
icon: "icon-atom",
class: ""
},
{
path: "/maps",
title: "Maps",
rtlTitle: "خرائط",
rtlTitle: "",
icon: "icon-pin",
class: "" },
{
path: "/notifications",
title: "Notifications",
rtlTitle: "إخطارات",
rtlTitle: "",
icon: "icon-bell-55",
class: ""
},
......@@ -46,28 +46,28 @@ export const ROUTES: RouteInfo[] = [
{
path: "/user",
title: "User Profile",
rtlTitle: "ملف تعريفي للمستخدم",
rtlTitle: "",
icon: "icon-single-02",
class: ""
},
{
path: "/tables",
title: "Table List",
rtlTitle: "قائمة الجدول",
rtlTitle: "",
icon: "icon-puzzle-10",
class: ""
},
{
path: "/typography",
title: "Typography",
rtlTitle: "طباعة",
rtlTitle: "",
icon: "icon-align-center",
class: ""
},
{
path: "/rtl",
title: "RTL Support",
rtlTitle: "ار تي ال",
rtlTitle: "",
icon: "icon-world",
class: ""
}
......
src/app/pages/home-page/home-page.component.html
<div class=" content">
<div class="row">
<div class="col-sm-12">
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-6 mb-3">
<label for="exampleFormControlSelect1">วันที่เริ่มใช้</label>
<input type="date" class="form-control" value="">
</div>
<div class="col-6 mb-3">
<label for="exampleFormControlSelect1">วันที่สิ้นสุด</label>
<input type="date" class="form-control" value="">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="card">
<div class="card-body">
......@@ -16,16 +35,6 @@
<div>
<h4 class="card-title">ตาราง</h4>
</div>
<div class="row">
<div class="col-6 mb-3">
<label for="exampleFormControlSelect1">วันที่เริ่มใช้</label>
<input type="date" class="form-control" value="">
</div>
<div class="col-6 mb-3">
<label for="exampleFormControlSelect1">วันที่เริ่มใช้</label>
<input type="date" class="form-control" value="">
</div>
</div>
</div>
</div>
</div>
......
src/app/pages/icons/icons.component.html
<div class=" content">
<div class=" row">
<div class=" col-md-12">
......@@ -12,809 +11,609 @@
</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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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>
</div>
</div>
</div>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment