diff --git a/.github/workflows/bundlewatch.yml b/.github/workflows/bundlewatch.yml index 0b124c053..5420476be 100644 --- a/.github/workflows/bundlewatch.yml +++ b/.github/workflows/bundlewatch.yml @@ -32,7 +32,7 @@ jobs: bundler-cache: true - name: Install npm dependencies - run: npm ci + run: npm install - name: Run build run: npm run build diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml index a36c2d56f..8bc7ef182 100644 --- a/.github/workflows/test.yml +++ b/.github/workflows/test.yml @@ -33,7 +33,7 @@ jobs: - run: node --version - name: Install npm dependencies - run: npm ci + run: npm install - name: Build run: npm run build diff --git a/demo/accordion.html b/demo/accordion.html index cb999da5d..5dfdbbf26 100644 --- a/demo/accordion.html +++ b/demo/accordion.html @@ -14,20 +14,23 @@ Accordion - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -674,7 +680,7 @@
- - + + \ No newline at end of file diff --git a/demo/activity.html b/demo/activity.html index b0ad26e4f..713571ad9 100644 --- a/demo/activity.html +++ b/demo/activity.html @@ -14,20 +14,23 @@ Activity - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -876,7 +882,7 @@
- - + + \ No newline at end of file diff --git a/demo/auth-lock.html b/demo/auth-lock.html index 491171a9f..46087f387 100644 --- a/demo/auth-lock.html +++ b/demo/auth-lock.html @@ -14,20 +14,23 @@ Forgot password - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -59,7 +62,7 @@
- - + + \ No newline at end of file diff --git a/demo/badges.html b/demo/badges.html index 2a7a7274b..09a04704e 100644 --- a/demo/badges.html +++ b/demo/badges.html @@ -14,20 +14,23 @@ Badges - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -774,7 +780,7 @@
- - + + \ No newline at end of file diff --git a/demo/blank.html b/demo/blank.html index 1dc00a0a9..b81e07d02 100644 --- a/demo/blank.html +++ b/demo/blank.html @@ -14,20 +14,23 @@ Blank page - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -623,7 +629,7 @@
- - + + \ No newline at end of file diff --git a/demo/buttons.html b/demo/buttons.html index 34a1d82e9..65cb87347 100644 --- a/demo/buttons.html +++ b/demo/buttons.html @@ -14,20 +14,23 @@ Buttons - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1423,7 +1429,7 @@
- - + + \ No newline at end of file diff --git a/demo/card-actions.html b/demo/card-actions.html index 3f9625bd0..b5e8a885a 100644 --- a/demo/card-actions.html +++ b/demo/card-actions.html @@ -14,20 +14,23 @@ Card actions - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -822,7 +828,7 @@
- - + + \ No newline at end of file diff --git a/demo/cards-masonry.html b/demo/cards-masonry.html index 8e864c5a6..fe4904c78 100644 --- a/demo/cards-masonry.html +++ b/demo/cards-masonry.html @@ -14,20 +14,23 @@ Cards Masonry - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -763,7 +769,7 @@ - - + + \ No newline at end of file diff --git a/demo/cards.html b/demo/cards.html index 38acefb34..c36d1a269 100644 --- a/demo/cards.html +++ b/demo/cards.html @@ -14,20 +14,23 @@ Cards - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -906,12 +912,12 @@
- - JL - - - - +3 + + JL + + + + +3
@@ -1340,7 +1346,7 @@
- - + + \ No newline at end of file diff --git a/demo/carousel.html b/demo/carousel.html index 8f67501ec..ecbc538b2 100644 --- a/demo/carousel.html +++ b/demo/carousel.html @@ -14,20 +14,23 @@ Carousel - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -922,7 +928,7 @@
- - + + \ No newline at end of file diff --git a/demo/changelog.html b/demo/changelog.html index 7861a4b64..f9ccad520 100644 --- a/demo/changelog.html +++ b/demo/changelog.html @@ -14,20 +14,23 @@ Changelog - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1269,7 +1275,7 @@
- - + + \ No newline at end of file diff --git a/demo/charts.html b/demo/charts.html index c9ce9a0a2..df362e82e 100644 --- a/demo/charts.html +++ b/demo/charts.html @@ -14,20 +14,23 @@ Charts - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -850,10 +856,10 @@
- + - - + + +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -920,7 +926,7 @@
- - + + \ No newline at end of file diff --git a/demo/datagrid.html b/demo/datagrid.html index d5d2fb820..39155567e 100644 --- a/demo/datagrid.html +++ b/demo/datagrid.html @@ -14,20 +14,23 @@ Data grid - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -606,7 +612,7 @@
Creator
- + Paweł Kuna
@@ -627,12 +633,12 @@
Avatars list
- - JL - - - - +3 + + JL + + + + +3
@@ -708,7 +714,7 @@
- - + + \ No newline at end of file diff --git a/demo/datatables.html b/demo/datatables.html index f8bdc480e..d26f35297 100644 --- a/demo/datatables.html +++ b/demo/datatables.html @@ -14,20 +14,23 @@ Datatables - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -940,10 +946,10 @@
- + - - + + +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1558,7 +1564,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/autosize.html b/demo/docs/autosize.html index 4dab4c8ad..fa59f6289 100644 --- a/demo/docs/autosize.html +++ b/demo/docs/autosize.html @@ -14,20 +14,23 @@ Autosize - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -992,7 +998,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/avatars.html b/demo/docs/avatars.html index 8010a77dc..7421fdd19 100644 --- a/demo/docs/avatars.html +++ b/demo/docs/avatars.html @@ -14,20 +14,23 @@ Avatars - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1111,22 +1117,22 @@
- - JL - - - + + JL + + + 
<div class="avatar-list">
-  <span class="avatar avatar-sm avatar-rounded" style="background-image: url(...)"></span>
-  <span class="avatar avatar-sm avatar-rounded">JL</span>
-  <span class="avatar avatar-sm avatar-rounded" style="background-image: url(...)"></span>
-  <span class="avatar avatar-sm avatar-rounded" style="background-image: url(...)"></span>
-  <span class="avatar avatar-sm avatar-rounded" style="background-image: url(...)"></span>
+  <span class="avatar avatar-sm rounded" style="background-image: url(...)"></span>
+  <span class="avatar avatar-sm rounded">JL</span>
+  <span class="avatar avatar-sm rounded" style="background-image: url(...)"></span>
+  <span class="avatar avatar-sm rounded" style="background-image: url(...)"></span>
+  <span class="avatar avatar-sm rounded" style="background-image: url(...)"></span>
 </div>
@@ -1153,6 +1159,34 @@ <span class="avatar" style="background-image: url(...)"></span> <span class="avatar" style="background-image: url(...)"></span> <span class="avatar">+8</span> +</div> + +
+
+
+
+ + + + SA + + + + +
+
+
+
+
+ 
<div class="avatar-list avatar-list-stacked">
+  <span class="avatar avatar-sm rounded-circle" style="background-image: url(...)"></span>
+  <span class="avatar avatar-sm rounded-circle" style="background-image: url(...)"></span>
+  <span class="avatar avatar-sm rounded-circle" style="background-image: url(...)"></span>
+  <span class="avatar avatar-sm rounded-circle">SA</span>
+  <span class="avatar avatar-sm rounded-circle" style="background-image: url(...)"></span>
+  <span class="avatar avatar-sm rounded-circle" style="background-image: url(...)"></span>
+  <span class="avatar avatar-sm rounded-circle" style="background-image: url(...)"></span>
+  <span class="avatar avatar-sm rounded-circle" style="background-image: url(...)"></span>
 </div>
@@ -1201,7 +1235,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/badges.html b/demo/docs/badges.html index 40e430183..d5e1daf8b 100644 --- a/demo/docs/badges.html +++ b/demo/docs/badges.html @@ -14,20 +14,23 @@ Badges - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1198,7 +1204,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/borders.html b/demo/docs/borders.html index 1fa46e0de..6d7e8c75d 100644 --- a/demo/docs/borders.html +++ b/demo/docs/borders.html @@ -14,20 +14,23 @@ Borders - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1097,7 +1103,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/breadcrumb.html b/demo/docs/breadcrumb.html index 8cfefd280..c390617fc 100644 --- a/demo/docs/breadcrumb.html +++ b/demo/docs/breadcrumb.html @@ -14,20 +14,23 @@ Breadcrumb - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1128,7 +1134,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/browser-support.html b/demo/docs/browser-support.html index 857f1659b..64ebba6fe 100644 --- a/demo/docs/browser-support.html +++ b/demo/docs/browser-support.html @@ -14,20 +14,23 @@ Browser Support - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1021,7 +1027,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/buttons.html b/demo/docs/buttons.html index 66b55cd29..b21938e51 100644 --- a/demo/docs/buttons.html +++ b/demo/docs/buttons.html @@ -14,20 +14,23 @@ Buttons - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -2040,7 +2046,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/cards.html b/demo/docs/cards.html index 44786c978..60798b8e3 100644 --- a/demo/docs/cards.html +++ b/demo/docs/cards.html @@ -14,20 +14,23 @@ Cards - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1493,7 +1499,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/carousel.html b/demo/docs/carousel.html index 08c82c2bd..cff27dba2 100644 --- a/demo/docs/carousel.html +++ b/demo/docs/carousel.html @@ -14,20 +14,23 @@ Carousel - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1435,7 +1441,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/charts.html b/demo/docs/charts.html index e65681eb7..b6abc4c61 100644 --- a/demo/docs/charts.html +++ b/demo/docs/charts.html @@ -14,20 +14,23 @@ Charts - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1535,10 +1541,10 @@
- + - - + + +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1212,7 +1218,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/countup.html b/demo/docs/countup.html index 903a01c59..de0b49008 100644 --- a/demo/docs/countup.html +++ b/demo/docs/countup.html @@ -14,20 +14,23 @@ Countup - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1146,9 +1152,9 @@
- + - - + + \ No newline at end of file diff --git a/demo/docs/cursors.html b/demo/docs/cursors.html index 1ebb2b3fb..a6286cc98 100644 --- a/demo/docs/cursors.html +++ b/demo/docs/cursors.html @@ -14,20 +14,23 @@ Cursors - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1098,7 +1104,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/customize.html b/demo/docs/customize.html index 9acb99acb..94958f02a 100644 --- a/demo/docs/customize.html +++ b/demo/docs/customize.html @@ -14,20 +14,23 @@ Customize Tabler - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -998,7 +1004,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/datagrid.html b/demo/docs/datagrid.html index 8131aa91c..dddcf65ef 100644 --- a/demo/docs/datagrid.html +++ b/demo/docs/datagrid.html @@ -14,20 +14,23 @@ Data grid - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -956,7 +962,7 @@
Creator
- + Paweł Kuna
@@ -977,12 +983,12 @@
Avatars list
- - JL - - - - +3 + + JL + + + + +3
@@ -1042,7 +1048,7 @@ <div class="datagrid-title">Creator</div> <div class="datagrid-content"> <div class="d-flex align-items-center"> - <span class="avatar avatar-xs me-2 avatar-rounded" style="background-image: url(...)"></span> + <span class="avatar avatar-xs me-2 rounded" style="background-image: url(...)"></span> Paweł Kuna </div> </div> @@ -1063,12 +1069,12 @@ <div class="datagrid-title">Avatars list</div> <div class="datagrid-content"> <div class="avatar-list avatar-list-stacked"> - <span class="avatar avatar-xs avatar-rounded" style="background-image: url(...)"></span> - <span class="avatar avatar-xs avatar-rounded">JL</span> - <span class="avatar avatar-xs avatar-rounded" style="background-image: url(...)"></span> - <span class="avatar avatar-xs avatar-rounded" style="background-image: url(...)"></span> - <span class="avatar avatar-xs avatar-rounded" style="background-image: url(...)"></span> - <span class="avatar avatar-xs avatar-rounded">+3</span> + <span class="avatar avatar-xs rounded" style="background-image: url(...)"></span> + <span class="avatar avatar-xs rounded">JL</span> + <span class="avatar avatar-xs rounded" style="background-image: url(...)"></span> + <span class="avatar avatar-xs rounded" style="background-image: url(...)"></span> + <span class="avatar avatar-xs rounded" style="background-image: url(...)"></span> + <span class="avatar avatar-xs rounded">+3</span> </div> </div> </div> @@ -1149,7 +1155,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/divider.html b/demo/docs/divider.html index 45cb352e9..3e645eea2 100644 --- a/demo/docs/divider.html +++ b/demo/docs/divider.html @@ -14,20 +14,23 @@ Divider - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1094,7 +1100,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/download.html b/demo/docs/download.html index 037cc5e2b..ce8ce141c 100644 --- a/demo/docs/download.html +++ b/demo/docs/download.html @@ -14,20 +14,23 @@ Download - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1017,7 +1023,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/dropdowns.html b/demo/docs/dropdowns.html index 4be7c23ec..938d49725 100644 --- a/demo/docs/dropdowns.html +++ b/demo/docs/dropdowns.html @@ -14,20 +14,23 @@ Dropdowns - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1362,7 +1368,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/dropzone.html b/demo/docs/dropzone.html index 08c86a264..e675c1791 100644 --- a/demo/docs/dropzone.html +++ b/demo/docs/dropzone.html @@ -14,21 +14,24 @@ Dropzone - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - - + + + + + + - +
@@ -162,7 +165,7 @@
Status - Profile + Profile Feedback
Settings @@ -325,6 +328,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -519,7 +525,7 @@ - 2979 icons + 3036 icons @@ -1057,10 +1063,10 @@
- + - - + + +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1097,7 +1103,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/flags.html b/demo/docs/flags.html index cdf3d2beb..e44762d6a 100644 --- a/demo/docs/flags.html +++ b/demo/docs/flags.html @@ -14,20 +14,23 @@ Flags - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -2531,7 +2537,7 @@
- - + + diff --git a/demo/docs/form-color-check.html b/demo/docs/form-color-check.html index 53860c104..75cad7b96 100644 --- a/demo/docs/form-color-check.html +++ b/demo/docs/form-color-check.html @@ -14,20 +14,23 @@ Color check - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1295,7 +1301,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/form-elements.html b/demo/docs/form-elements.html index 3ed241091..58596d27a 100644 --- a/demo/docs/form-elements.html +++ b/demo/docs/form-elements.html @@ -14,20 +14,23 @@ Form elements - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1821,10 +1827,10 @@
- + - - + + +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1029,7 +1035,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/form-helpers.html b/demo/docs/form-helpers.html index 38f8a3e29..ef6d03bb8 100644 --- a/demo/docs/form-helpers.html +++ b/demo/docs/form-helpers.html @@ -14,20 +14,23 @@ Form helpers - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -991,7 +997,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/form-image-check.html b/demo/docs/form-image-check.html index f72995272..4313f217c 100644 --- a/demo/docs/form-image-check.html +++ b/demo/docs/form-image-check.html @@ -14,20 +14,23 @@ Image check - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1407,7 +1413,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/form-selectboxes.html b/demo/docs/form-selectboxes.html index eeccf5cae..4f21d7570 100644 --- a/demo/docs/form-selectboxes.html +++ b/demo/docs/form-selectboxes.html @@ -14,20 +14,23 @@ Form selectboxes - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1443,7 +1449,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/form-validation.html b/demo/docs/form-validation.html index 84f964495..f1193c905 100644 --- a/demo/docs/form-validation.html +++ b/demo/docs/form-validation.html @@ -14,20 +14,23 @@ Validation states - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1017,7 +1023,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/getting-started.html b/demo/docs/getting-started.html index f31724a3e..509eff6aa 100644 --- a/demo/docs/getting-started.html +++ b/demo/docs/getting-started.html @@ -14,20 +14,23 @@ Getting started - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1001,7 +1007,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/icons.html b/demo/docs/icons.html index 8ad8e2cb9..7fb123065 100644 --- a/demo/docs/icons.html +++ b/demo/docs/icons.html @@ -14,20 +14,23 @@ Icons - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -937,7 +943,7 @@
All icons come from the Tabler Icons set and are MIT-licensed. Visit tabler-icons.io, - download any of the 2979 icons in SVG, PNG or React and use them in your favourite design tools. + download any of the 3036 icons in SVG, PNG or React and use them in your favourite design tools.
Download icons @@ -1112,7 +1118,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/index.html b/demo/docs/index.html index de97e8d3d..91b7144bb 100644 --- a/demo/docs/index.html +++ b/demo/docs/index.html @@ -14,20 +14,23 @@ Introduction - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1178,7 +1184,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/inline-player.html b/demo/docs/inline-player.html index 356899426..4691ddf69 100644 --- a/demo/docs/inline-player.html +++ b/demo/docs/inline-player.html @@ -14,21 +14,24 @@ Inline player - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - - + + + + + + - +
@@ -162,7 +165,7 @@
Status - Profile + Profile Feedback
Settings @@ -325,6 +328,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -519,7 +525,7 @@ - 2979 icons + 3036 icons @@ -1009,10 +1015,10 @@
- + - - + + +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -992,7 +998,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/interactions.html b/demo/docs/interactions.html index 56dcedeb7..e1fb8c941 100644 --- a/demo/docs/interactions.html +++ b/demo/docs/interactions.html @@ -14,20 +14,23 @@ Interactions - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1007,7 +1013,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/modals.html b/demo/docs/modals.html index 3e198ed0b..8f015be5a 100644 --- a/demo/docs/modals.html +++ b/demo/docs/modals.html @@ -14,20 +14,23 @@ Modals - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1358,7 +1364,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/page-headers.html b/demo/docs/page-headers.html index ff200d419..f8047fbc2 100644 --- a/demo/docs/page-headers.html +++ b/demo/docs/page-headers.html @@ -14,20 +14,23 @@ Page headers - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1426,7 +1432,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/payments.html b/demo/docs/payments.html index dcee8de17..f870d1c27 100644 --- a/demo/docs/payments.html +++ b/demo/docs/payments.html @@ -14,20 +14,23 @@ Payments - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1495,7 +1501,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/placeholder.html b/demo/docs/placeholder.html index f4e078220..7b5ddbc8a 100644 --- a/demo/docs/placeholder.html +++ b/demo/docs/placeholder.html @@ -14,20 +14,23 @@ Placeholder - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1459,7 +1465,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/popover.html b/demo/docs/popover.html index b7a8e89b8..8d91f5027 100644 --- a/demo/docs/popover.html +++ b/demo/docs/popover.html @@ -14,20 +14,23 @@ Popovers - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1042,7 +1048,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/progress.html b/demo/docs/progress.html index 2d86f0547..feeeaf662 100644 --- a/demo/docs/progress.html +++ b/demo/docs/progress.html @@ -14,20 +14,23 @@ Progress bars - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1122,7 +1128,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/progressbg.html b/demo/docs/progressbg.html index 85af04fd2..95f871094 100644 --- a/demo/docs/progressbg.html +++ b/demo/docs/progressbg.html @@ -14,20 +14,23 @@ Progressbg - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1002,7 +1008,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/range-slider.html b/demo/docs/range-slider.html index 1ed947e91..b3f4d24c4 100644 --- a/demo/docs/range-slider.html +++ b/demo/docs/range-slider.html @@ -14,20 +14,23 @@ Range slider - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1160,10 +1166,10 @@
- + - - + + +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1124,7 +1130,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/spinners.html b/demo/docs/spinners.html index 164409b43..570715082 100644 --- a/demo/docs/spinners.html +++ b/demo/docs/spinners.html @@ -14,20 +14,23 @@ Spinners - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1172,7 +1178,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/statuses.html b/demo/docs/statuses.html index 8b3f82f0a..2ccea510d 100644 --- a/demo/docs/statuses.html +++ b/demo/docs/statuses.html @@ -14,20 +14,23 @@ Statuses - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1582,7 +1588,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/steps.html b/demo/docs/steps.html index cfe562a0f..040014f4b 100644 --- a/demo/docs/steps.html +++ b/demo/docs/steps.html @@ -14,20 +14,23 @@ Steps - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1166,7 +1172,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/switch-icon.html b/demo/docs/switch-icon.html index 53a8f5c18..20bbab0c4 100644 --- a/demo/docs/switch-icon.html +++ b/demo/docs/switch-icon.html @@ -14,20 +14,23 @@ Switch icon - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -937,7 +943,7 @@
All icons come from the Tabler Icons set and are MIT-licensed. Visit tabler-icons.io, - download any of the 2979 icons in SVG, PNG or React and use them in your favourite design tools. + download any of the 3036 icons in SVG, PNG or React and use them in your favourite design tools.
Download icons @@ -1204,7 +1210,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/tables.html b/demo/docs/tables.html index fd3b3f266..d2ccc2ce1 100644 --- a/demo/docs/tables.html +++ b/demo/docs/tables.html @@ -14,20 +14,23 @@ Tables - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1590,7 +1596,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/tabs.html b/demo/docs/tabs.html index 64565bfa6..e73d0661e 100644 --- a/demo/docs/tabs.html +++ b/demo/docs/tabs.html @@ -14,20 +14,23 @@ Tabs - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1470,7 +1476,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/timelines.html b/demo/docs/timelines.html index ee420b3a3..71137237c 100644 --- a/demo/docs/timelines.html +++ b/demo/docs/timelines.html @@ -14,20 +14,23 @@ Timelines - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -934,61 +940,66 @@

Timeline

The available timeline design is comprised of many components that will help you visualize a process or show an outline of events. Thanks to the possibility of adding icons, avatars and links and the way of presenting the elements of content, your timeline will be clear for users and will make yor website or app more attractive.

-
+
-
-
-

Timeline

-
-
-
    -
  • -
    - -
    -
    -
    10 hrs ago
    -

    +1150 Followers

    +
    +
      +
    • +
      + +
      +
      +
      +
      10 hrs ago
      +

      +1150 Followers

      You’re getting more and more followers, keep it up!

      -
      • -
    • -
      - -
      -
      -
      2 hrs ago
      -

      +3 New Products were added!

      +
      +
      • +
    • +
      + +
      +
      +
      +
      2 hrs ago
      +

      +3 New Products were added!

      Congratulations!

      -
      • -
    • -
      - -
      -
      -
      1 day ago
      -

      Database backup completed!

      +
      +
      • +
    • +
      + +
      +
      +
      +
      1 day ago
      +

      Database backup completed!

      Download the latest backup.

      -
      • -
    • -
      - -
      -
      -
      1 day ago
      -

      +290 Page Likes

      +
      +
      • +
    • +
      + +
      +
      +
      +
      1 day ago
      +

      +290 Page Likes

      This is great, keep it up!

      -
      • -
    • -
      - -
      -
      -
      2 days ago
      -

      +3 Friend Requests

      +
      +
      • +
    • +
      + +
      +
      +
      +
      2 days ago
      +

      +3 Friend Requests

      @@ -998,14 +1009,16 @@
      -
      • -
    • -
      - -
      -
      -
      3 days ago
      -

      +2 New photos

      +
      +
      • +
    • +
      + +
      +
      +
      +
      3 days ago
      +

      +2 New photos

      @@ -1023,184 +1036,198 @@
      -
      • -
    • -
      - -
      -
      -
      2 weeks ago
      -

      System updated to v2.02

      +
      +
      • +
    • +
      + +
      +
      +
      +
      2 weeks ago
      +

      System updated to v2.02

      Check the complete changelog at the activity page.

      -
      • -
    -
    +
    +
    • +
- 
<div class="card">
-  <div class="card-header">
-    <h3 class="card-title">Timeline</h3>
-  </div>
-  <div class="card-body">
-    <ul class="list list-timeline">
-      <li>
-        <div class="list-timeline-icon bg-twitter"><!-- Download SVG icon from http://tabler-icons.io/i/brand-twitter -->
-          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg>
+                          
<ul class="timeline">
+  <li class="timeline-event">
+    <div class="timeline-event-icon bg-twitter-lt"><!-- Download SVG icon from http://tabler-icons.io/i/brand-twitter -->
+      <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg>
+    </div>
+    <div class="card timeline-event-card">
+      <div class="card-body">
+        <div class="text-muted float-end">10 hrs ago</div>
+        <h4>+1150 Followers</h4>
+        <p class="text-muted">You’re getting more and more followers, keep it up!</p>
+      </div>
+    </div>
+  </li>
+  <li class="timeline-event">
+    <div class="timeline-event-icon"><!-- Download SVG icon from http://tabler-icons.io/i/briefcase -->
+      <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="7" width="18" height="13" rx="2" /><path d="M8 7v-2a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2v2" /><line x1="12" y1="12" x2="12" y2="12.01" /><path d="M3 13a20 20 0 0 0 18 0" /></svg>
+    </div>
+    <div class="card timeline-event-card">
+      <div class="card-body">
+        <div class="text-muted float-end">2 hrs ago</div>
+        <h4>+3 New Products were added!</h4>
+        <p class="text-muted">Congratulations!</p>
+      </div>
+    </div>
+  </li>
+  <li class="timeline-event">
+    <div class="timeline-event-icon"><!-- Download SVG icon from http://tabler-icons.io/i/check -->
+      <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
+    </div>
+    <div class="card timeline-event-card">
+      <div class="card-body">
+        <div class="text-muted float-end">1 day ago</div>
+        <h4>Database backup completed!</h4>
+        <p class="text-muted">Download the <a href="#">latest backup</a>.</p>
+      </div>
+    </div>
+  </li>
+  <li class="timeline-event">
+    <div class="timeline-event-icon bg-facebook-lt"><!-- Download SVG icon from http://tabler-icons.io/i/brand-facebook -->
+      <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg>
+    </div>
+    <div class="card timeline-event-card">
+      <div class="card-body">
+        <div class="text-muted float-end">1 day ago</div>
+        <h4>+290 Page Likes</h4>
+        <p class="text-muted">This is great, keep it up!</p>
+      </div>
+    </div>
+  </li>
+  <li class="timeline-event">
+    <div class="timeline-event-icon"><!-- Download SVG icon from http://tabler-icons.io/i/user-plus -->
+      <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 11h6m-3 -3v6" /></svg>
+    </div>
+    <div class="card timeline-event-card">
+      <div class="card-body">
+        <div class="text-muted float-end">2 days ago</div>
+        <h4>+3 Friend Requests</h4>
+        <div class="avatar-list mt-3">
+          <span class="avatar" style="background-image: url(...)">
+            <span class="badge bg-success"></span></span>
+          <span class="avatar">
+            <span class="badge bg-success"></span>JL</span>
+          <span class="avatar" style="background-image: url(...)">
+            <span class="badge bg-success"></span></span>
         </div>
-        <div class="list-timeline-content">
-          <div class="list-timeline-time">10 hrs ago</div>
-          <p class="list-timeline-title">+1150 Followers</p>
-          <p class="text-muted">You’re getting more and more followers, keep it up!</p>
-        </div>
-      </li>
-      <li>
-        <div class="list-timeline-icon bg-red"><!-- Download SVG icon from http://tabler-icons.io/i/briefcase -->
-          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="7" width="18" height="13" rx="2" /><path d="M8 7v-2a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2v2" /><line x1="12" y1="12" x2="12" y2="12.01" /><path d="M3 13a20 20 0 0 0 18 0" /></svg>
-        </div>
-        <div class="list-timeline-content">
-          <div class="list-timeline-time">2 hrs ago</div>
-          <p class="list-timeline-title">+3 New Products were added!</p>
-          <p class="text-muted">Congratulations!</p>
-        </div>
-      </li>
-      <li>
-        <div class="list-timeline-icon bg-success"><!-- Download SVG icon from http://tabler-icons.io/i/check -->
-          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
-        </div>
-        <div class="list-timeline-content">
-          <div class="list-timeline-time">1 day ago</div>
-          <p class="list-timeline-title">Database backup completed!</p>
-          <p class="text-muted">Download the <a href="#">latest backup</a>.</p>
-        </div>
-      </li>
-      <li>
-        <div class="list-timeline-icon bg-facebook"><!-- Download SVG icon from http://tabler-icons.io/i/brand-facebook -->
-          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg>
-        </div>
-        <div class="list-timeline-content">
-          <div class="list-timeline-time">1 day ago</div>
-          <p class="list-timeline-title">+290 Page Likes</p>
-          <p class="text-muted">This is great, keep it up!</p>
-        </div>
-      </li>
-      <li>
-        <div class="list-timeline-icon bg-teal"><!-- Download SVG icon from http://tabler-icons.io/i/user-plus -->
-          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 11h6m-3 -3v6" /></svg>
-        </div>
-        <div class="list-timeline-content">
-          <div class="list-timeline-time">2 days ago</div>
-          <p class="list-timeline-title">+3 Friend Requests</p>
-          <div class="avatar-list mt-3">
-            <span class="avatar" style="background-image: url(...)">
-              <span class="badge bg-success"></span></span>
-            <span class="avatar">
-              <span class="badge bg-success"></span>JL</span>
-            <span class="avatar" style="background-image: url(...)">
-              <span class="badge bg-success"></span></span>
-          </div>
-        </div>
-      </li>
-      <li>
-        <div class="list-timeline-icon bg-yellow"><!-- Download SVG icon from http://tabler-icons.io/i/photo -->
-          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="15" y1="8" x2="15.01" y2="8" /><rect x="4" y="4" width="16" height="16" rx="3" /><path d="M4 15l4 -4a3 5 0 0 1 3 0l5 5" /><path d="M14 14l1 -1a3 5 0 0 1 3 0l2 2" /></svg>
-        </div>
-        <div class="list-timeline-content">
-          <div class="list-timeline-time">3 days ago</div>
-          <p class="list-timeline-title">+2 New photos</p>
-          <div class="mt-3">
-            <div class="row g-2">
-              <div class="col-6">
-                <div class="media media-2x1 rounded">
-                  <a class="media-content" style="background-image: url(...)"></a>
-                </div>
+      </div>
+    </div>
+  </li>
+  <li class="timeline-event">
+    <div class="timeline-event-icon"><!-- Download SVG icon from http://tabler-icons.io/i/photo -->
+      <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="15" y1="8" x2="15.01" y2="8" /><rect x="4" y="4" width="16" height="16" rx="3" /><path d="M4 15l4 -4a3 5 0 0 1 3 0l5 5" /><path d="M14 14l1 -1a3 5 0 0 1 3 0l2 2" /></svg>
+    </div>
+    <div class="card timeline-event-card">
+      <div class="card-body">
+        <div class="text-muted float-end">3 days ago</div>
+        <h4>+2 New photos</h4>
+        <div class="mt-3">
+          <div class="row g-2">
+            <div class="col-6">
+              <div class="media media-2x1 rounded">
+                <a class="media-content" style="background-image: url(...)"></a>
               </div>
-              <div class="col-6">
-                <div class="media media-2x1 rounded">
-                  <a class="media-content" style="background-image: url(...)"></a>
-                </div>
+            </div>
+            <div class="col-6">
+              <div class="media media-2x1 rounded">
+                <a class="media-content" style="background-image: url(...)"></a>
               </div>
             </div>
           </div>
         </div>
-      </li>
-      <li>
-        <div class="list-timeline-icon"><!-- Download SVG icon from http://tabler-icons.io/i/settings -->
-          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-        </div>
-        <div class="list-timeline-content">
-          <div class="list-timeline-time">2 weeks ago</div>
-          <p class="list-timeline-title">System updated to v2.02</p>
-          <p class="text-muted">Check the complete changelog at the <a href="#">activity
-              page</a>.</p>
-        </div>
-      </li>
-    </ul>
-  </div>
-</div>

+      </div>
+    </div>
+  </li>
+  <li class="timeline-event">
+    <div class="timeline-event-icon"><!-- Download SVG icon from http://tabler-icons.io/i/settings -->
+      <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
+    </div>
+    <div class="card timeline-event-card">
+      <div class="card-body">
+        <div class="text-muted float-end">2 weeks ago</div>
+        <h4>System updated to v2.02</h4>
+        <p class="text-muted">Check the complete changelog at the <a href="#">activity
+            page</a>.</p>
+      </div>
+    </div>
+  </li>
+</ul>

Simple timeline

Use a simplified version of the timeline, if it suits your design better. You can still make use of all the available timeline components.

-
+
-
-
-

Timeline

-
-
-
    -
  • -
    - -
    -
    -
    10 hrs ago
    -

    +1150 Followers

    +
    +
      +
    • +
      + +
      +
      +
      +
      10 hrs ago
      +

      +1150 Followers

      You’re getting more and more followers, keep it up!

      -
      • -
    • -
      - -
      -
      -
      2 hrs ago
      -

      +3 New Products were added!

      +
      +
      • +
    • +
      + +
      +
      +
      +
      2 hrs ago
      +

      +3 New Products were added!

      Congratulations!

      -
      • -
    • -
      - -
      -
      -
      1 day ago
      -

      Database backup completed!

      +
      +
      • +
    • +
      + +
      +
      +
      +
      1 day ago
      +

      Database backup completed!

      Download the latest backup.

      -
      • -
    • -
      - -
      -
      -
      1 day ago
      -

      +290 Page Likes

      +
      +
      • +
    • +
      + +
      +
      +
      +
      1 day ago
      +

      +290 Page Likes

      This is great, keep it up!

      -
      • -
    • -
      - -
      -
      -
      2 days ago
      -

      +3 Friend Requests

      +
      +
      • +
    • +
      + +
      +
      +
      +
      2 days ago
      +

      +3 Friend Requests

      @@ -1210,14 +1237,16 @@
      -
      • -
    • -
      - -
      -
      -
      3 days ago
      -

      +2 New photos

      +
      +
      • +
    • +
      + +
      +
      +
      +
      3 days ago
      +

      +2 New photos

      @@ -1235,125 +1264,134 @@
      -
      • -
    • -
      - -
      -
      -
      2 weeks ago
      -

      System updated to v2.02

      +
      +
      • +
    • +
      + +
      +
      +
      +
      2 weeks ago
      +

      System updated to v2.02

      Check the complete changelog at the activity page.

      -
      • -
    -
    +
    +
    • +
- 
<div class="card">
-  <div class="card-header">
-    <h3 class="card-title">Timeline</h3>
-  </div>
-  <div class="card-body">
-    <ul class="list list-timeline list-timeline-simple">
-      <li>
-        <div class="list-timeline-icon bg-twitter"><!-- Download SVG icon from http://tabler-icons.io/i/brand-twitter -->
-          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg>
+                          
<ul class="timeline timeline-simple">
+  <li class="timeline-event">
+    <div class="timeline-event-icon bg-twitter-lt"><!-- Download SVG icon from http://tabler-icons.io/i/brand-twitter -->
+      <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg>
+    </div>
+    <div class="card timeline-event-card">
+      <div class="card-body">
+        <div class="text-muted float-end">10 hrs ago</div>
+        <h4>+1150 Followers</h4>
+        <p class="text-muted">You’re getting more and more followers, keep it up!</p>
+      </div>
+    </div>
+  </li>
+  <li class="timeline-event">
+    <div class="timeline-event-icon"><!-- Download SVG icon from http://tabler-icons.io/i/briefcase -->
+      <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="7" width="18" height="13" rx="2" /><path d="M8 7v-2a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2v2" /><line x1="12" y1="12" x2="12" y2="12.01" /><path d="M3 13a20 20 0 0 0 18 0" /></svg>
+    </div>
+    <div class="card timeline-event-card">
+      <div class="card-body">
+        <div class="text-muted float-end">2 hrs ago</div>
+        <h4>+3 New Products were added!</h4>
+        <p class="text-muted">Congratulations!</p>
+      </div>
+    </div>
+  </li>
+  <li class="timeline-event">
+    <div class="timeline-event-icon"><!-- Download SVG icon from http://tabler-icons.io/i/check -->
+      <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
+    </div>
+    <div class="card timeline-event-card">
+      <div class="card-body">
+        <div class="text-muted float-end">1 day ago</div>
+        <h4>Database backup completed!</h4>
+        <p class="text-muted">Download the <a href="#">latest backup</a>.</p>
+      </div>
+    </div>
+  </li>
+  <li class="timeline-event">
+    <div class="timeline-event-icon bg-facebook-lt"><!-- Download SVG icon from http://tabler-icons.io/i/brand-facebook -->
+      <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg>
+    </div>
+    <div class="card timeline-event-card">
+      <div class="card-body">
+        <div class="text-muted float-end">1 day ago</div>
+        <h4>+290 Page Likes</h4>
+        <p class="text-muted">This is great, keep it up!</p>
+      </div>
+    </div>
+  </li>
+  <li class="timeline-event">
+    <div class="timeline-event-icon"><!-- Download SVG icon from http://tabler-icons.io/i/user-plus -->
+      <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 11h6m-3 -3v6" /></svg>
+    </div>
+    <div class="card timeline-event-card">
+      <div class="card-body">
+        <div class="text-muted float-end">2 days ago</div>
+        <h4>+3 Friend Requests</h4>
+        <div class="avatar-list mt-3">
+          <span class="avatar" style="background-image: url(...)">
+            <span class="badge bg-success"></span></span>
+          <span class="avatar">
+            <span class="badge bg-success"></span>JL</span>
+          <span class="avatar" style="background-image: url(...)">
+            <span class="badge bg-success"></span></span>
         </div>
-        <div class="list-timeline-content">
-          <div class="list-timeline-time">10 hrs ago</div>
-          <p class="list-timeline-title">+1150 Followers</p>
-          <p class="text-muted">You’re getting more and more followers, keep it up!</p>
-        </div>
-      </li>
-      <li>
-        <div class="list-timeline-icon bg-red"><!-- Download SVG icon from http://tabler-icons.io/i/briefcase -->
-          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="7" width="18" height="13" rx="2" /><path d="M8 7v-2a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2v2" /><line x1="12" y1="12" x2="12" y2="12.01" /><path d="M3 13a20 20 0 0 0 18 0" /></svg>
-        </div>
-        <div class="list-timeline-content">
-          <div class="list-timeline-time">2 hrs ago</div>
-          <p class="list-timeline-title">+3 New Products were added!</p>
-          <p class="text-muted">Congratulations!</p>
-        </div>
-      </li>
-      <li>
-        <div class="list-timeline-icon bg-success"><!-- Download SVG icon from http://tabler-icons.io/i/check -->
-          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>
-        </div>
-        <div class="list-timeline-content">
-          <div class="list-timeline-time">1 day ago</div>
-          <p class="list-timeline-title">Database backup completed!</p>
-          <p class="text-muted">Download the <a href="#">latest backup</a>.</p>
-        </div>
-      </li>
-      <li>
-        <div class="list-timeline-icon bg-facebook"><!-- Download SVG icon from http://tabler-icons.io/i/brand-facebook -->
-          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg>
-        </div>
-        <div class="list-timeline-content">
-          <div class="list-timeline-time">1 day ago</div>
-          <p class="list-timeline-title">+290 Page Likes</p>
-          <p class="text-muted">This is great, keep it up!</p>
-        </div>
-      </li>
-      <li>
-        <div class="list-timeline-icon bg-teal"><!-- Download SVG icon from http://tabler-icons.io/i/user-plus -->
-          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 11h6m-3 -3v6" /></svg>
-        </div>
-        <div class="list-timeline-content">
-          <div class="list-timeline-time">2 days ago</div>
-          <p class="list-timeline-title">+3 Friend Requests</p>
-          <div class="avatar-list mt-3">
-            <span class="avatar" style="background-image: url(...)">
-              <span class="badge bg-success"></span></span>
-            <span class="avatar">
-              <span class="badge bg-success"></span>JL</span>
-            <span class="avatar" style="background-image: url(...)">
-              <span class="badge bg-success"></span></span>
-          </div>
-        </div>
-      </li>
-      <li>
-        <div class="list-timeline-icon bg-yellow"><!-- Download SVG icon from http://tabler-icons.io/i/photo -->
-          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="15" y1="8" x2="15.01" y2="8" /><rect x="4" y="4" width="16" height="16" rx="3" /><path d="M4 15l4 -4a3 5 0 0 1 3 0l5 5" /><path d="M14 14l1 -1a3 5 0 0 1 3 0l2 2" /></svg>
-        </div>
-        <div class="list-timeline-content">
-          <div class="list-timeline-time">3 days ago</div>
-          <p class="list-timeline-title">+2 New photos</p>
-          <div class="mt-3">
-            <div class="row g-2">
-              <div class="col-6">
-                <div class="media media-2x1 rounded">
-                  <a class="media-content" style="background-image: url(...)"></a>
-                </div>
+      </div>
+    </div>
+  </li>
+  <li class="timeline-event">
+    <div class="timeline-event-icon"><!-- Download SVG icon from http://tabler-icons.io/i/photo -->
+      <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="15" y1="8" x2="15.01" y2="8" /><rect x="4" y="4" width="16" height="16" rx="3" /><path d="M4 15l4 -4a3 5 0 0 1 3 0l5 5" /><path d="M14 14l1 -1a3 5 0 0 1 3 0l2 2" /></svg>
+    </div>
+    <div class="card timeline-event-card">
+      <div class="card-body">
+        <div class="text-muted float-end">3 days ago</div>
+        <h4>+2 New photos</h4>
+        <div class="mt-3">
+          <div class="row g-2">
+            <div class="col-6">
+              <div class="media media-2x1 rounded">
+                <a class="media-content" style="background-image: url(...)"></a>
               </div>
-              <div class="col-6">
-                <div class="media media-2x1 rounded">
-                  <a class="media-content" style="background-image: url(...)"></a>
-                </div>
+            </div>
+            <div class="col-6">
+              <div class="media media-2x1 rounded">
+                <a class="media-content" style="background-image: url(...)"></a>
               </div>
             </div>
           </div>
         </div>
-      </li>
-      <li>
-        <div class="list-timeline-icon"><!-- Download SVG icon from http://tabler-icons.io/i/settings -->
-          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
-        </div>
-        <div class="list-timeline-content">
-          <div class="list-timeline-time">2 weeks ago</div>
-          <p class="list-timeline-title">System updated to v2.02</p>
-          <p class="text-muted">Check the complete changelog at the <a href="#">activity
-              page</a>.</p>
-        </div>
-      </li>
-    </ul>
-  </div>
-</div>

+      </div>
+    </div>
+  </li>
+  <li class="timeline-event">
+    <div class="timeline-event-icon"><!-- Download SVG icon from http://tabler-icons.io/i/settings -->
+      <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
+    </div>
+    <div class="card timeline-event-card">
+      <div class="card-body">
+        <div class="text-muted float-end">2 weeks ago</div>
+        <h4>System updated to v2.02</h4>
+        <p class="text-muted">Check the complete changelog at the <a href="#">activity
+            page</a>.</p>
+      </div>
+    </div>
+  </li>
+</ul>
@@ -1401,7 +1439,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/tinymce.html b/demo/docs/tinymce.html index c465dba62..2156c07f2 100644 --- a/demo/docs/tinymce.html +++ b/demo/docs/tinymce.html @@ -14,20 +14,23 @@ TinyMCE - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1018,10 +1024,10 @@
- + - - + + +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1106,7 +1112,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/tooltips.html b/demo/docs/tooltips.html index e43358018..7ccab8c46 100644 --- a/demo/docs/tooltips.html +++ b/demo/docs/tooltips.html @@ -14,20 +14,23 @@ Tooltips - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1034,7 +1040,7 @@ Tooltip with HTML
- - + + \ No newline at end of file diff --git a/demo/docs/tracking.html b/demo/docs/tracking.html index c8d38b7a0..f44ce05d3 100644 --- a/demo/docs/tracking.html +++ b/demo/docs/tracking.html @@ -14,20 +14,23 @@ Tracking - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1181,7 +1187,7 @@
- - + + \ No newline at end of file diff --git a/demo/docs/typography.html b/demo/docs/typography.html index abb007582..b87fe78fc 100644 --- a/demo/docs/typography.html +++ b/demo/docs/typography.html @@ -14,20 +14,23 @@ Typography - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1297,7 +1303,7 @@ Text <sup>Superscripted</sup&g
- - + + \ No newline at end of file diff --git a/demo/dropdowns.html b/demo/dropdowns.html index a0e5b7dc3..09494e482 100644 --- a/demo/dropdowns.html +++ b/demo/dropdowns.html @@ -14,20 +14,23 @@ Dropdowns - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -858,7 +864,7 @@
- - + + \ No newline at end of file diff --git a/demo/dropzone.html b/demo/dropzone.html index c61b6ae18..306077dea 100644 --- a/demo/dropzone.html +++ b/demo/dropzone.html @@ -14,21 +14,24 @@ Dropzone - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - - + + + + + + - +
@@ -162,7 +165,7 @@
Status - Profile + Profile Feedback
Settings @@ -325,6 +328,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -519,7 +525,7 @@ - 2979 icons + 3036 icons @@ -662,10 +668,10 @@
- + - - + + +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -621,7 +627,7 @@
- - + + \ No newline at end of file diff --git a/demo/error-404.html b/demo/error-404.html index 975db2128..2b2988613 100644 --- a/demo/error-404.html +++ b/demo/error-404.html @@ -14,20 +14,23 @@ Page 404 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -48,7 +51,7 @@
- - + + \ No newline at end of file diff --git a/demo/error-500.html b/demo/error-500.html index f4ee1039f..594e5502e 100644 --- a/demo/error-500.html +++ b/demo/error-500.html @@ -14,20 +14,23 @@ Page 500 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -48,7 +51,7 @@
- - + + \ No newline at end of file diff --git a/demo/error-maintenance.html b/demo/error-maintenance.html index cd882f57a..774983549 100644 --- a/demo/error-maintenance.html +++ b/demo/error-maintenance.html @@ -14,20 +14,23 @@ Maintenance mode - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -49,7 +52,7 @@
- - + + \ No newline at end of file diff --git a/demo/faq.html b/demo/faq.html index fa4ce1781..059191eb7 100644 --- a/demo/faq.html +++ b/demo/faq.html @@ -14,20 +14,23 @@ Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -781,7 +787,7 @@
- - + + \ No newline at end of file diff --git a/demo/forgot-password.html b/demo/forgot-password.html index e28806d3d..f12e662b9 100644 --- a/demo/forgot-password.html +++ b/demo/forgot-password.html @@ -14,20 +14,23 @@ Forgot password - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -57,7 +60,7 @@
- - + + \ No newline at end of file diff --git a/demo/form-elements.html b/demo/form-elements.html index 11be34e4b..949322a89 100644 --- a/demo/form-elements.html +++ b/demo/form-elements.html @@ -14,20 +14,23 @@ Form elements - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -2623,12 +2629,12 @@ But that's the difference in our opinions.
- - - + + + - - + + +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -976,7 +982,7 @@
- - + + \ No newline at end of file diff --git a/demo/icons.html b/demo/icons.html index e3453431a..f4d9b0e05 100644 --- a/demo/icons.html +++ b/demo/icons.html @@ -14,20 +14,23 @@ Icons - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -596,7 +602,7 @@
All icons come from the Tabler Icons set and are MIT-licensed. Visit tabler-icons.io, - download any of the 2979 icons in SVG, PNG or React and use them in your favourite design tools. + download any of the 3036 icons in SVG, PNG or React and use them in your favourite design tools.
Download icons @@ -618,6 +624,10 @@ + + + + @@ -1674,6 +1684,10 @@ + + + + @@ -2002,6 +2016,14 @@ + + + + + + + + @@ -5886,6 +5908,10 @@ + + + + @@ -7426,6 +7452,10 @@ + + + + @@ -8326,6 +8356,10 @@ + + + + @@ -9094,6 +9128,10 @@ + + + + @@ -9418,6 +9456,10 @@ + + + + @@ -10662,6 +10704,58 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -10962,6 +11056,10 @@ + + + + @@ -11632,6 +11730,10 @@ + + + + @@ -11644,6 +11746,10 @@ + + + + @@ -11676,10 +11782,18 @@ + + + + + + + + @@ -11724,6 +11838,10 @@ + + + + @@ -11744,6 +11862,10 @@ + + + + @@ -11756,6 +11878,10 @@ + + + + @@ -11764,10 +11890,18 @@ + + + + + + + + @@ -11816,6 +11950,10 @@ + + + + @@ -11844,6 +11982,10 @@ + + + + @@ -11868,6 +12010,10 @@ + + + + @@ -11952,6 +12098,10 @@ + + + + @@ -11988,6 +12138,10 @@ + + + + @@ -12064,6 +12218,10 @@ + + + + @@ -12084,6 +12242,10 @@ + + + + @@ -12096,6 +12258,10 @@ + + + + @@ -12104,6 +12270,10 @@ + + + + @@ -12148,6 +12318,14 @@ + + + + + + + + @@ -12172,6 +12350,10 @@ + + + + @@ -12200,6 +12382,10 @@ + + + + @@ -12220,6 +12406,10 @@ + + + + @@ -12300,6 +12490,10 @@ + + + + @@ -12316,6 +12510,10 @@ + + + + @@ -12324,6 +12522,10 @@ + + + + @@ -12360,6 +12562,10 @@ + + + + @@ -12368,6 +12574,10 @@ + + + + @@ -12412,6 +12622,10 @@ + + + + @@ -12456,6 +12670,10 @@ + + + + @@ -12484,10 +12702,22 @@ + + + + + + + + + + + + @@ -12552,6 +12782,10 @@ + + + + @@ -12631,7 +12865,7 @@
- - + + \ No newline at end of file diff --git a/demo/index.html b/demo/index.html index 8b46b182e..b1140bf16 100644 --- a/demo/index.html +++ b/demo/index.html @@ -14,20 +14,23 @@ Dashboard - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1231,7 +1237,7 @@
All icons come from the Tabler Icons set and are MIT-licensed. Visit tabler-icons.io, - download any of the 2979 icons in SVG, PNG or React and use them in your favourite design tools. + download any of the 3036 icons in SVG, PNG or React and use them in your favourite design tools.
Download icons @@ -2080,13 +2086,13 @@
- - - - + + + + - - + + +
@@ -162,7 +165,7 @@
Status - Profile + Profile Feedback
Settings @@ -325,6 +328,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -519,7 +525,7 @@ - 2979 icons + 3036 icons @@ -638,10 +644,10 @@
- + - - + + +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -720,7 +726,7 @@
- - + + \ No newline at end of file diff --git a/demo/job-listing.html b/demo/job-listing.html index 2e6cc97d2..cde680b63 100644 --- a/demo/job-listing.html +++ b/demo/job-listing.html @@ -14,20 +14,23 @@ Search for Jobs - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1184,7 +1190,7 @@
- - + + \ No newline at end of file diff --git a/demo/layout-boxed.html b/demo/layout-boxed.html index fb727895d..cb15c8d71 100644 --- a/demo/layout-boxed.html +++ b/demo/layout-boxed.html @@ -14,20 +14,23 @@ Dashboard - Tabler - Premium and Open Source dashboard template with responsive and high quality UI. - - - - - + + + + + - +
@@ -161,7 +164,7 @@
Status - Profile + Profile Feedback
Settings @@ -324,6 +327,9 @@ Sign in + + Sign in link + Sign in with illustration @@ -518,7 +524,7 @@ - 2979 icons + 3036 icons @@ -1231,7 +1237,7 @@
All icons come from the Tabler Icons set and are MIT-licensed. Visit tabler-icons.io, - download any of the 2979 icons in SVG, PNG or React and use them in your favourite design tools. + download any of the 3036 icons in SVG, PNG or React and use them in your favourite design tools.
Download icons @@ -2080,13 +2086,13 @@
- - - - + + + + - - + + +