diff --git a/dist/400.html b/dist/400.html
index a27994be2..68da4f9b7 100644
--- a/dist/400.html
+++ b/dist/400.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>Page 400 - tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
diff --git a/dist/401.html b/dist/401.html
index 467c41637..a03dff7e7 100644
--- a/dist/401.html
+++ b/dist/401.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>Page 401 - tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
diff --git a/dist/403.html b/dist/403.html
index de0f6e90c..fa6063948 100644
--- a/dist/403.html
+++ b/dist/403.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>Page 403 - tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
diff --git a/dist/404.html b/dist/404.html
index d29e51f43..10d1f76c7 100644
--- a/dist/404.html
+++ b/dist/404.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>Page 404 - tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
diff --git a/dist/500.html b/dist/500.html
index ca0800581..88b3220af 100644
--- a/dist/500.html
+++ b/dist/500.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>Page 500 - tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
diff --git a/dist/503.html b/dist/503.html
index 838dbdc93..f595ac7d3 100644
--- a/dist/503.html
+++ b/dist/503.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>Page 503 - tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
diff --git a/dist/assets/css/dashboard.css b/dist/assets/css/dashboard.css
index 35e3c9f73..952977d10 100644
--- a/dist/assets/css/dashboard.css
+++ b/dist/assets/css/dashboard.css
@@ -13172,7 +13172,7 @@ Card maps
 }
 
 .card-map-placeholder {
-  background: url(../images/staticmap.png) no-repeat center;
+  background: no-repeat center;
 }
 
 /**
diff --git a/dist/blog.html b/dist/blog.html
index a9fad8d90..0efe49126 100644
--- a/dist/blog.html
+++ b/dist/blog.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -43,7 +43,7 @@
           <div class="container">
             <div class="navbar p-0">
               <a class="navbar-brand" href="./index.html">
-                <img src="./assets/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
+                <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
               <div class="nav order-lg-2">
                 <div class="nav-item">
@@ -70,7 +70,7 @@
                 </div>
                 <div class="dropdown ml-3">
                   <a href="#" class="nav-link" data-toggle="dropdown">
-                    <span class="avatar" style="background-image: url(./assets/images/faces/female/25.jpg)"></span>
+                    <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
@@ -188,12 +188,12 @@
             <div class="row row-cards row-deck">
               <div class="col-sm-6 col-xl-3">
                 <div class="card">
-                  <a href="#"><img class="card-img-top" src="./assets/images/photos/david-klaasen-54203-500.jpg" alt="And this isn&#39;t my nose. This is a false one."></a>
+                  <a href="#"><img class="card-img-top" src="./demo/photos/david-klaasen-54203-500.jpg" alt="And this isn&#39;t my nose. This is a false one."></a>
                   <div class="card-body d-flex flex-column">
                     <h4><a href="#">And this isn't my nose. This is a false one.</a></h4>
                     <div class="text-muted">Look, my liege! The Knights Who Say Ni demand a sacrifice! …Are you suggesting that coconuts migr...</div>
                     <div class="d-flex align-items-center pt-5 mt-auto">
-                      <div class="avatar avatar-md mr-3" style="background-image: url(./assets/images/faces/female/18.jpg)"></div>
+                      <div class="avatar avatar-md mr-3" style="background-image: url(./demo/faces/female/18.jpg)"></div>
                       <div>
                         <a href="./profile.html" class="text-default">Rose Bradley</a>
                         <small class="d-block text-muted">3 days ago</small>
@@ -207,12 +207,12 @@
               </div>
               <div class="col-sm-6 col-xl-3">
                 <div class="card">
-                  <a href="#"><img class="card-img-top" src="./assets/images/photos/david-marcu-114194-500.jpg" alt="Well, I didn&#39;t vote for you."></a>
+                  <a href="#"><img class="card-img-top" src="./demo/photos/david-marcu-114194-500.jpg" alt="Well, I didn&#39;t vote for you."></a>
                   <div class="card-body d-flex flex-column">
                     <h4><a href="#">Well, I didn't vote for you.</a></h4>
                     <div class="text-muted">Well, we did do the nose. Why? Shut up! Will you shut up?! You don't frighten us, English pig-dog...</div>
                     <div class="d-flex align-items-center pt-5 mt-auto">
-                      <div class="avatar avatar-md mr-3" style="background-image: url(./assets/images/faces/male/16.jpg)"></div>
+                      <div class="avatar avatar-md mr-3" style="background-image: url(./demo/faces/male/16.jpg)"></div>
                       <div>
                         <a href="./profile.html" class="text-default">Peter Richards</a>
                         <small class="d-block text-muted">3 days ago</small>
@@ -226,12 +226,12 @@
               </div>
               <div class="col-sm-6 col-xl-3">
                 <div class="card">
-                  <a href="#"><img class="card-img-top" src="./assets/images/photos/davide-cantelli-139887-500.jpg" alt="How do you know she is a witch?"></a>
+                  <a href="#"><img class="card-img-top" src="./demo/photos/davide-cantelli-139887-500.jpg" alt="How do you know she is a witch?"></a>
                   <div class="card-body d-flex flex-column">
                     <h4><a href="#">How do you know she is a witch?</a></h4>
                     <div class="text-muted">Are you suggesting that coconuts migrate? No, no, no! Yes, yes. A bit. But she's got a wart. You ...</div>
                     <div class="d-flex align-items-center pt-5 mt-auto">
-                      <div class="avatar avatar-md mr-3" style="background-image: url(./assets/images/faces/male/26.jpg)"></div>
+                      <div class="avatar avatar-md mr-3" style="background-image: url(./demo/faces/male/26.jpg)"></div>
                       <div>
                         <a href="./profile.html" class="text-default">Wayne Holland</a>
                         <small class="d-block text-muted">3 days ago</small>
@@ -245,12 +245,12 @@
               </div>
               <div class="col-sm-6 col-xl-3">
                 <div class="card">
-                  <a href="#"><img class="card-img-top" src="./assets/images/photos/dino-reichmuth-84359-500.jpg" alt="Shut up!"></a>
+                  <a href="#"><img class="card-img-top" src="./demo/photos/dino-reichmuth-84359-500.jpg" alt="Shut up!"></a>
                   <div class="card-body d-flex flex-column">
                     <h4><a href="#">Shut up!</a></h4>
                     <div class="text-muted">Burn her! How do you know she is a witch? You don't frighten us, English pig-dogs! Go and boil yo...</div>
                     <div class="d-flex align-items-center pt-5 mt-auto">
-                      <div class="avatar avatar-md mr-3" style="background-image: url(./assets/images/faces/female/7.jpg)"></div>
+                      <div class="avatar avatar-md mr-3" style="background-image: url(./demo/faces/female/7.jpg)"></div>
                       <div>
                         <a href="./profile.html" class="text-default">Michelle Ross</a>
                         <small class="d-block text-muted">3 days ago</small>
@@ -268,7 +268,7 @@
                     <h4><a href="#">Weaseling out of things is important to learn.</a></h4>
                     <div class="text-muted">Please do not offer my god a peanut. That's why I love elementary school, Edna. The children beli...</div>
                     <div class="d-flex align-items-center pt-5 mt-auto">
-                      <div class="avatar avatar-md mr-3" style="background-image: url(./assets/images/faces/male/4.jpg)"></div>
+                      <div class="avatar avatar-md mr-3" style="background-image: url(./demo/faces/male/4.jpg)"></div>
                       <div>
                         <a href="./profile.html" class="text-default">Bobby Knight</a>
                         <small class="d-block text-muted">3 days ago</small>
@@ -286,7 +286,7 @@
                     <h4><a href="#">You don't like your job, you don't strike.</a></h4>
                     <div class="text-muted">But, Aquaman, you cannot marry a woman without gills. You're from two different worlds… Oh, I've ...</div>
                     <div class="d-flex align-items-center pt-5 mt-auto">
-                      <div class="avatar avatar-md mr-3" style="background-image: url(./assets/images/faces/male/35.jpg)"></div>
+                      <div class="avatar avatar-md mr-3" style="background-image: url(./demo/faces/male/35.jpg)"></div>
                       <div>
                         <a href="./profile.html" class="text-default">Craig Anderson</a>
                         <small class="d-block text-muted">3 days ago</small>
@@ -304,7 +304,7 @@
                     <h4><a href="#">I hope I didn't brain my damage.</a></h4>
                     <div class="text-muted">I don't like being outdoors, Smithers. For one thing, there's too many fat children. Oh, loneline...</div>
                     <div class="d-flex align-items-center pt-5 mt-auto">
-                      <div class="avatar avatar-md mr-3" style="background-image: url(./assets/images/faces/female/29.jpg)"></div>
+                      <div class="avatar avatar-md mr-3" style="background-image: url(./demo/faces/female/29.jpg)"></div>
                       <div>
                         <a href="./profile.html" class="text-default">Crystal Wallace</a>
                         <small class="d-block text-muted">3 days ago</small>
@@ -318,12 +318,12 @@
               </div>
               <div class="col-lg-6">
                 <div class="card card-aside">
-                  <a href="#" class="card-aside-column" style="background-image: url(./assets/images/photos/david-klaasen-54203-500.jpg)"></a>
+                  <a href="#" class="card-aside-column" style="background-image: url(./demo/photos/david-klaasen-54203-500.jpg)"></a>
                   <div class="card-body d-flex flex-column">
                     <h4><a href="#">And this isn't my nose. This is a false one.</a></h4>
                     <div class="text-muted">Look, my liege! The Knights Who Say Ni demand a sacrifice! …Are you suggesting that coconuts migr...</div>
                     <div class="d-flex align-items-center pt-5 mt-auto">
-                      <div class="avatar avatar-md mr-3" style="background-image: url(./assets/images/faces/female/18.jpg)"></div>
+                      <div class="avatar avatar-md mr-3" style="background-image: url(./demo/faces/female/18.jpg)"></div>
                       <div>
                         <a href="./profile.html" class="text-default">Rose Bradley</a>
                         <small class="d-block text-muted">3 days ago</small>
@@ -337,12 +337,12 @@
               </div>
               <div class="col-lg-6">
                 <div class="card card-aside">
-                  <a href="#" class="card-aside-column" style="background-image: url(./assets/images/photos/david-marcu-114194-500.jpg)"></a>
+                  <a href="#" class="card-aside-column" style="background-image: url(./demo/photos/david-marcu-114194-500.jpg)"></a>
                   <div class="card-body d-flex flex-column">
                     <h4><a href="#">Well, I didn't vote for you.</a></h4>
                     <div class="text-muted">Well, we did do the nose. Why? Shut up! Will you shut up?! You don't frighten us, English pig-dog...</div>
                     <div class="d-flex align-items-center pt-5 mt-auto">
-                      <div class="avatar avatar-md mr-3" style="background-image: url(./assets/images/faces/male/16.jpg)"></div>
+                      <div class="avatar avatar-md mr-3" style="background-image: url(./demo/faces/male/16.jpg)"></div>
                       <div>
                         <a href="./profile.html" class="text-default">Peter Richards</a>
                         <small class="d-block text-muted">3 days ago</small>
@@ -356,12 +356,12 @@
               </div>
               <div class="col-lg-6">
                 <div class="card card-aside">
-                  <a href="#" class="card-aside-column w-50" style="background-image: url(./assets/images/photos/grant-ritchie-338179-500.jpg)"></a>
+                  <a href="#" class="card-aside-column w-50" style="background-image: url(./demo/photos/grant-ritchie-338179-500.jpg)"></a>
                   <div class="card-body d-flex flex-column">
                     <h4><a href="#">Weaseling out of things is important to learn.</a></h4>
                     <div class="text-muted">Please do not offer my god a peanut. That's why I love elementary school, Edna. The children believe anything you tell them. Brace yourselves gentlemen. According to the gas chromatograph, the secr...</div>
                     <div class="d-flex align-items-center pt-5 mt-auto">
-                      <div class="avatar avatar-md mr-3" style="background-image: url(./assets/images/faces/male/4.jpg)"></div>
+                      <div class="avatar avatar-md mr-3" style="background-image: url(./demo/faces/male/4.jpg)"></div>
                       <div>
                         <a href="./profile.html" class="text-default">Bobby Knight</a>
                         <small class="d-block text-muted">3 days ago</small>
@@ -375,12 +375,12 @@
               </div>
               <div class="col-lg-6">
                 <div class="card card-aside">
-                  <a href="#" class="card-aside-column w-50" style="background-image: url(./assets/images/photos/ilnur-kalimullin-218996-500.jpg)"></a>
+                  <a href="#" class="card-aside-column w-50" style="background-image: url(./demo/photos/ilnur-kalimullin-218996-500.jpg)"></a>
                   <div class="card-body d-flex flex-column">
                     <h4><a href="#">You don't like your job, you don't strike.</a></h4>
                     <div class="text-muted">But, Aquaman, you cannot marry a woman without gills. You're from two different worlds… Oh, I've wasted my life. Son, when you participate in sporting events, it's not whether you win or lose: it's...</div>
                     <div class="d-flex align-items-center pt-5 mt-auto">
-                      <div class="avatar avatar-md mr-3" style="background-image: url(./assets/images/faces/male/35.jpg)"></div>
+                      <div class="avatar avatar-md mr-3" style="background-image: url(./demo/faces/male/35.jpg)"></div>
                       <div>
                         <a href="./profile.html" class="text-default">Craig Anderson</a>
                         <small class="d-block text-muted">3 days ago</small>
diff --git a/dist/cards.html b/dist/cards.html
index 923cdeb68..f94561967 100644
--- a/dist/cards.html
+++ b/dist/cards.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>Cards design - tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -43,7 +43,7 @@
           <div class="container">
             <div class="navbar p-0">
               <a class="navbar-brand" href="./index.html">
-                <img src="./assets/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
+                <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
               <div class="nav order-lg-2">
                 <div class="nav-item">
@@ -70,7 +70,7 @@
                 </div>
                 <div class="dropdown ml-3">
                   <a href="#" class="nav-link" data-toggle="dropdown">
-                    <span class="avatar" style="background-image: url(./assets/images/faces/female/25.jpg)"></span>
+                    <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
diff --git a/dist/charts.html b/dist/charts.html
index bf11c0a66..58ff8926e 100644
--- a/dist/charts.html
+++ b/dist/charts.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>Charts - tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -43,7 +43,7 @@
           <div class="container">
             <div class="navbar p-0">
               <a class="navbar-brand" href="./index.html">
-                <img src="./assets/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
+                <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
               <div class="nav order-lg-2">
                 <div class="nav-item">
@@ -70,7 +70,7 @@
                 </div>
                 <div class="dropdown ml-3">
                   <a href="#" class="nav-link" data-toggle="dropdown">
-                    <span class="avatar" style="background-image: url(./assets/images/faces/female/25.jpg)"></span>
+                    <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
diff --git a/dist/crypto-currencies.html b/dist/crypto-currencies.html
index e8a42787e..791e78d62 100644
--- a/dist/crypto-currencies.html
+++ b/dist/crypto-currencies.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>Crypto currencies - tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -43,7 +43,7 @@
           <div class="container">
             <div class="navbar p-0">
               <a class="navbar-brand" href="./index.html">
-                <img src="./assets/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
+                <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
               <div class="nav order-lg-2">
                 <div class="nav-item">
@@ -70,7 +70,7 @@
                 </div>
                 <div class="dropdown ml-3">
                   <a href="#" class="nav-link" data-toggle="dropdown">
-                    <span class="avatar" style="background-image: url(./assets/images/faces/female/25.jpg)"></span>
+                    <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
diff --git a/dist/assets/brand/tabler.sketch b/dist/demo/brand/tabler.sketch
similarity index 100%
rename from dist/assets/brand/tabler.sketch
rename to dist/demo/brand/tabler.sketch
diff --git a/dist/assets/brand/tabler.svg b/dist/demo/brand/tabler.svg
similarity index 100%
rename from dist/assets/brand/tabler.svg
rename to dist/demo/brand/tabler.svg
diff --git a/dist/assets/brand/tabler@1x.png b/dist/demo/brand/tabler@1x.png
similarity index 100%
rename from dist/assets/brand/tabler@1x.png
rename to dist/demo/brand/tabler@1x.png
diff --git a/dist/assets/brand/tabler@2x.png b/dist/demo/brand/tabler@2x.png
similarity index 100%
rename from dist/assets/brand/tabler@2x.png
rename to dist/demo/brand/tabler@2x.png
diff --git a/dist/assets/images/faces/female/1.jpg b/dist/demo/faces/female/1.jpg
similarity index 100%
rename from dist/assets/images/faces/female/1.jpg
rename to dist/demo/faces/female/1.jpg
diff --git a/dist/assets/images/faces/female/10.jpg b/dist/demo/faces/female/10.jpg
similarity index 100%
rename from dist/assets/images/faces/female/10.jpg
rename to dist/demo/faces/female/10.jpg
diff --git a/dist/assets/images/faces/female/11.jpg b/dist/demo/faces/female/11.jpg
similarity index 100%
rename from dist/assets/images/faces/female/11.jpg
rename to dist/demo/faces/female/11.jpg
diff --git a/dist/assets/images/faces/female/12.jpg b/dist/demo/faces/female/12.jpg
similarity index 100%
rename from dist/assets/images/faces/female/12.jpg
rename to dist/demo/faces/female/12.jpg
diff --git a/dist/assets/images/faces/female/13.jpg b/dist/demo/faces/female/13.jpg
similarity index 100%
rename from dist/assets/images/faces/female/13.jpg
rename to dist/demo/faces/female/13.jpg
diff --git a/dist/assets/images/faces/female/14.jpg b/dist/demo/faces/female/14.jpg
similarity index 100%
rename from dist/assets/images/faces/female/14.jpg
rename to dist/demo/faces/female/14.jpg
diff --git a/dist/assets/images/faces/female/15.jpg b/dist/demo/faces/female/15.jpg
similarity index 100%
rename from dist/assets/images/faces/female/15.jpg
rename to dist/demo/faces/female/15.jpg
diff --git a/dist/assets/images/faces/female/16.jpg b/dist/demo/faces/female/16.jpg
similarity index 100%
rename from dist/assets/images/faces/female/16.jpg
rename to dist/demo/faces/female/16.jpg
diff --git a/dist/assets/images/faces/female/17.jpg b/dist/demo/faces/female/17.jpg
similarity index 100%
rename from dist/assets/images/faces/female/17.jpg
rename to dist/demo/faces/female/17.jpg
diff --git a/dist/assets/images/faces/female/18.jpg b/dist/demo/faces/female/18.jpg
similarity index 100%
rename from dist/assets/images/faces/female/18.jpg
rename to dist/demo/faces/female/18.jpg
diff --git a/dist/assets/images/faces/female/19.jpg b/dist/demo/faces/female/19.jpg
similarity index 100%
rename from dist/assets/images/faces/female/19.jpg
rename to dist/demo/faces/female/19.jpg
diff --git a/dist/assets/images/faces/female/2.jpg b/dist/demo/faces/female/2.jpg
similarity index 100%
rename from dist/assets/images/faces/female/2.jpg
rename to dist/demo/faces/female/2.jpg
diff --git a/dist/assets/images/faces/female/20.jpg b/dist/demo/faces/female/20.jpg
similarity index 100%
rename from dist/assets/images/faces/female/20.jpg
rename to dist/demo/faces/female/20.jpg
diff --git a/dist/assets/images/faces/female/21.jpg b/dist/demo/faces/female/21.jpg
similarity index 100%
rename from dist/assets/images/faces/female/21.jpg
rename to dist/demo/faces/female/21.jpg
diff --git a/dist/assets/images/faces/female/22.jpg b/dist/demo/faces/female/22.jpg
similarity index 100%
rename from dist/assets/images/faces/female/22.jpg
rename to dist/demo/faces/female/22.jpg
diff --git a/dist/assets/images/faces/female/23.jpg b/dist/demo/faces/female/23.jpg
similarity index 100%
rename from dist/assets/images/faces/female/23.jpg
rename to dist/demo/faces/female/23.jpg
diff --git a/dist/assets/images/faces/female/24.jpg b/dist/demo/faces/female/24.jpg
similarity index 100%
rename from dist/assets/images/faces/female/24.jpg
rename to dist/demo/faces/female/24.jpg
diff --git a/dist/assets/images/faces/female/25.jpg b/dist/demo/faces/female/25.jpg
similarity index 100%
rename from dist/assets/images/faces/female/25.jpg
rename to dist/demo/faces/female/25.jpg
diff --git a/dist/assets/images/faces/female/26.jpg b/dist/demo/faces/female/26.jpg
similarity index 100%
rename from dist/assets/images/faces/female/26.jpg
rename to dist/demo/faces/female/26.jpg
diff --git a/dist/assets/images/faces/female/27.jpg b/dist/demo/faces/female/27.jpg
similarity index 100%
rename from dist/assets/images/faces/female/27.jpg
rename to dist/demo/faces/female/27.jpg
diff --git a/dist/assets/images/faces/female/28.jpg b/dist/demo/faces/female/28.jpg
similarity index 100%
rename from dist/assets/images/faces/female/28.jpg
rename to dist/demo/faces/female/28.jpg
diff --git a/dist/assets/images/faces/female/29.jpg b/dist/demo/faces/female/29.jpg
similarity index 100%
rename from dist/assets/images/faces/female/29.jpg
rename to dist/demo/faces/female/29.jpg
diff --git a/dist/assets/images/faces/female/3.jpg b/dist/demo/faces/female/3.jpg
similarity index 100%
rename from dist/assets/images/faces/female/3.jpg
rename to dist/demo/faces/female/3.jpg
diff --git a/dist/assets/images/faces/female/30.jpg b/dist/demo/faces/female/30.jpg
similarity index 100%
rename from dist/assets/images/faces/female/30.jpg
rename to dist/demo/faces/female/30.jpg
diff --git a/dist/assets/images/faces/female/31.jpg b/dist/demo/faces/female/31.jpg
similarity index 100%
rename from dist/assets/images/faces/female/31.jpg
rename to dist/demo/faces/female/31.jpg
diff --git a/dist/assets/images/faces/female/32.jpg b/dist/demo/faces/female/32.jpg
similarity index 100%
rename from dist/assets/images/faces/female/32.jpg
rename to dist/demo/faces/female/32.jpg
diff --git a/dist/assets/images/faces/female/4.jpg b/dist/demo/faces/female/4.jpg
similarity index 100%
rename from dist/assets/images/faces/female/4.jpg
rename to dist/demo/faces/female/4.jpg
diff --git a/dist/assets/images/faces/female/5.jpg b/dist/demo/faces/female/5.jpg
similarity index 100%
rename from dist/assets/images/faces/female/5.jpg
rename to dist/demo/faces/female/5.jpg
diff --git a/dist/assets/images/faces/female/6.jpg b/dist/demo/faces/female/6.jpg
similarity index 100%
rename from dist/assets/images/faces/female/6.jpg
rename to dist/demo/faces/female/6.jpg
diff --git a/dist/assets/images/faces/female/7.jpg b/dist/demo/faces/female/7.jpg
similarity index 100%
rename from dist/assets/images/faces/female/7.jpg
rename to dist/demo/faces/female/7.jpg
diff --git a/dist/assets/images/faces/female/8.jpg b/dist/demo/faces/female/8.jpg
similarity index 100%
rename from dist/assets/images/faces/female/8.jpg
rename to dist/demo/faces/female/8.jpg
diff --git a/dist/assets/images/faces/female/9.jpg b/dist/demo/faces/female/9.jpg
similarity index 100%
rename from dist/assets/images/faces/female/9.jpg
rename to dist/demo/faces/female/9.jpg
diff --git a/dist/assets/images/faces/male/1.jpg b/dist/demo/faces/male/1.jpg
similarity index 100%
rename from dist/assets/images/faces/male/1.jpg
rename to dist/demo/faces/male/1.jpg
diff --git a/dist/assets/images/faces/male/10.jpg b/dist/demo/faces/male/10.jpg
similarity index 100%
rename from dist/assets/images/faces/male/10.jpg
rename to dist/demo/faces/male/10.jpg
diff --git a/dist/assets/images/faces/male/11.jpg b/dist/demo/faces/male/11.jpg
similarity index 100%
rename from dist/assets/images/faces/male/11.jpg
rename to dist/demo/faces/male/11.jpg
diff --git a/dist/assets/images/faces/male/12.jpg b/dist/demo/faces/male/12.jpg
similarity index 100%
rename from dist/assets/images/faces/male/12.jpg
rename to dist/demo/faces/male/12.jpg
diff --git a/dist/assets/images/faces/male/13.jpg b/dist/demo/faces/male/13.jpg
similarity index 100%
rename from dist/assets/images/faces/male/13.jpg
rename to dist/demo/faces/male/13.jpg
diff --git a/dist/assets/images/faces/male/14.jpg b/dist/demo/faces/male/14.jpg
similarity index 100%
rename from dist/assets/images/faces/male/14.jpg
rename to dist/demo/faces/male/14.jpg
diff --git a/dist/assets/images/faces/male/15.jpg b/dist/demo/faces/male/15.jpg
similarity index 100%
rename from dist/assets/images/faces/male/15.jpg
rename to dist/demo/faces/male/15.jpg
diff --git a/dist/assets/images/faces/male/16.jpg b/dist/demo/faces/male/16.jpg
similarity index 100%
rename from dist/assets/images/faces/male/16.jpg
rename to dist/demo/faces/male/16.jpg
diff --git a/dist/assets/images/faces/male/17.jpg b/dist/demo/faces/male/17.jpg
similarity index 100%
rename from dist/assets/images/faces/male/17.jpg
rename to dist/demo/faces/male/17.jpg
diff --git a/dist/assets/images/faces/male/18.jpg b/dist/demo/faces/male/18.jpg
similarity index 100%
rename from dist/assets/images/faces/male/18.jpg
rename to dist/demo/faces/male/18.jpg
diff --git a/dist/assets/images/faces/male/2.jpg b/dist/demo/faces/male/2.jpg
similarity index 100%
rename from dist/assets/images/faces/male/2.jpg
rename to dist/demo/faces/male/2.jpg
diff --git a/dist/assets/images/faces/male/20.jpg b/dist/demo/faces/male/20.jpg
similarity index 100%
rename from dist/assets/images/faces/male/20.jpg
rename to dist/demo/faces/male/20.jpg
diff --git a/dist/assets/images/faces/male/21.jpg b/dist/demo/faces/male/21.jpg
similarity index 100%
rename from dist/assets/images/faces/male/21.jpg
rename to dist/demo/faces/male/21.jpg
diff --git a/dist/assets/images/faces/male/24.jpg b/dist/demo/faces/male/24.jpg
similarity index 100%
rename from dist/assets/images/faces/male/24.jpg
rename to dist/demo/faces/male/24.jpg
diff --git a/dist/assets/images/faces/male/25.jpg b/dist/demo/faces/male/25.jpg
similarity index 100%
rename from dist/assets/images/faces/male/25.jpg
rename to dist/demo/faces/male/25.jpg
diff --git a/dist/assets/images/faces/male/26.jpg b/dist/demo/faces/male/26.jpg
similarity index 100%
rename from dist/assets/images/faces/male/26.jpg
rename to dist/demo/faces/male/26.jpg
diff --git a/dist/assets/images/faces/male/27.jpg b/dist/demo/faces/male/27.jpg
similarity index 100%
rename from dist/assets/images/faces/male/27.jpg
rename to dist/demo/faces/male/27.jpg
diff --git a/dist/assets/images/faces/male/28.jpg b/dist/demo/faces/male/28.jpg
similarity index 100%
rename from dist/assets/images/faces/male/28.jpg
rename to dist/demo/faces/male/28.jpg
diff --git a/dist/assets/images/faces/male/29.jpg b/dist/demo/faces/male/29.jpg
similarity index 100%
rename from dist/assets/images/faces/male/29.jpg
rename to dist/demo/faces/male/29.jpg
diff --git a/dist/assets/images/faces/male/3.jpg b/dist/demo/faces/male/3.jpg
similarity index 100%
rename from dist/assets/images/faces/male/3.jpg
rename to dist/demo/faces/male/3.jpg
diff --git a/dist/assets/images/faces/male/30.jpg b/dist/demo/faces/male/30.jpg
similarity index 100%
rename from dist/assets/images/faces/male/30.jpg
rename to dist/demo/faces/male/30.jpg
diff --git a/dist/assets/images/faces/male/31.jpg b/dist/demo/faces/male/31.jpg
similarity index 100%
rename from dist/assets/images/faces/male/31.jpg
rename to dist/demo/faces/male/31.jpg
diff --git a/dist/assets/images/faces/male/32.jpg b/dist/demo/faces/male/32.jpg
similarity index 100%
rename from dist/assets/images/faces/male/32.jpg
rename to dist/demo/faces/male/32.jpg
diff --git a/dist/assets/images/faces/male/33.jpg b/dist/demo/faces/male/33.jpg
similarity index 100%
rename from dist/assets/images/faces/male/33.jpg
rename to dist/demo/faces/male/33.jpg
diff --git a/dist/assets/images/faces/male/34.jpg b/dist/demo/faces/male/34.jpg
similarity index 100%
rename from dist/assets/images/faces/male/34.jpg
rename to dist/demo/faces/male/34.jpg
diff --git a/dist/assets/images/faces/male/35.jpg b/dist/demo/faces/male/35.jpg
similarity index 100%
rename from dist/assets/images/faces/male/35.jpg
rename to dist/demo/faces/male/35.jpg
diff --git a/dist/assets/images/faces/male/36.jpg b/dist/demo/faces/male/36.jpg
similarity index 100%
rename from dist/assets/images/faces/male/36.jpg
rename to dist/demo/faces/male/36.jpg
diff --git a/dist/assets/images/faces/male/37.jpg b/dist/demo/faces/male/37.jpg
similarity index 100%
rename from dist/assets/images/faces/male/37.jpg
rename to dist/demo/faces/male/37.jpg
diff --git a/dist/assets/images/faces/male/38.jpg b/dist/demo/faces/male/38.jpg
similarity index 100%
rename from dist/assets/images/faces/male/38.jpg
rename to dist/demo/faces/male/38.jpg
diff --git a/dist/assets/images/faces/male/39.jpg b/dist/demo/faces/male/39.jpg
similarity index 100%
rename from dist/assets/images/faces/male/39.jpg
rename to dist/demo/faces/male/39.jpg
diff --git a/dist/assets/images/faces/male/4.jpg b/dist/demo/faces/male/4.jpg
similarity index 100%
rename from dist/assets/images/faces/male/4.jpg
rename to dist/demo/faces/male/4.jpg
diff --git a/dist/assets/images/faces/male/40.jpg b/dist/demo/faces/male/40.jpg
similarity index 100%
rename from dist/assets/images/faces/male/40.jpg
rename to dist/demo/faces/male/40.jpg
diff --git a/dist/assets/images/faces/male/41.jpg b/dist/demo/faces/male/41.jpg
similarity index 100%
rename from dist/assets/images/faces/male/41.jpg
rename to dist/demo/faces/male/41.jpg
diff --git a/dist/assets/images/faces/male/42.jpg b/dist/demo/faces/male/42.jpg
similarity index 100%
rename from dist/assets/images/faces/male/42.jpg
rename to dist/demo/faces/male/42.jpg
diff --git a/dist/assets/images/faces/male/43.jpg b/dist/demo/faces/male/43.jpg
similarity index 100%
rename from dist/assets/images/faces/male/43.jpg
rename to dist/demo/faces/male/43.jpg
diff --git a/dist/assets/images/faces/male/5.jpg b/dist/demo/faces/male/5.jpg
similarity index 100%
rename from dist/assets/images/faces/male/5.jpg
rename to dist/demo/faces/male/5.jpg
diff --git a/dist/assets/images/faces/male/6.jpg b/dist/demo/faces/male/6.jpg
similarity index 100%
rename from dist/assets/images/faces/male/6.jpg
rename to dist/demo/faces/male/6.jpg
diff --git a/dist/assets/images/faces/male/7.jpg b/dist/demo/faces/male/7.jpg
similarity index 100%
rename from dist/assets/images/faces/male/7.jpg
rename to dist/demo/faces/male/7.jpg
diff --git a/dist/assets/images/faces/male/8.jpg b/dist/demo/faces/male/8.jpg
similarity index 100%
rename from dist/assets/images/faces/male/8.jpg
rename to dist/demo/faces/male/8.jpg
diff --git a/dist/assets/images/faces/male/9.jpg b/dist/demo/faces/male/9.jpg
similarity index 100%
rename from dist/assets/images/faces/male/9.jpg
rename to dist/demo/faces/male/9.jpg
diff --git a/dist/assets/images/logo.svg b/dist/demo/logo.svg
similarity index 100%
rename from dist/assets/images/logo.svg
rename to dist/demo/logo.svg
diff --git a/dist/assets/images/photos/adrian-infernus-281832-1500.jpg b/dist/demo/photos/adrian-infernus-281832-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/adrian-infernus-281832-1500.jpg
rename to dist/demo/photos/adrian-infernus-281832-1500.jpg
diff --git a/dist/assets/images/photos/adrian-infernus-281832-500.jpg b/dist/demo/photos/adrian-infernus-281832-500.jpg
similarity index 100%
rename from dist/assets/images/photos/adrian-infernus-281832-500.jpg
rename to dist/demo/photos/adrian-infernus-281832-500.jpg
diff --git a/dist/assets/images/photos/ales-krivec-107499-1500.jpg b/dist/demo/photos/ales-krivec-107499-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/ales-krivec-107499-1500.jpg
rename to dist/demo/photos/ales-krivec-107499-1500.jpg
diff --git a/dist/assets/images/photos/ales-krivec-107499-500.jpg b/dist/demo/photos/ales-krivec-107499-500.jpg
similarity index 100%
rename from dist/assets/images/photos/ales-krivec-107499-500.jpg
rename to dist/demo/photos/ales-krivec-107499-500.jpg
diff --git a/dist/assets/images/photos/alex-bertha-316137-1500.jpg b/dist/demo/photos/alex-bertha-316137-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/alex-bertha-316137-1500.jpg
rename to dist/demo/photos/alex-bertha-316137-1500.jpg
diff --git a/dist/assets/images/photos/alex-bertha-316137-500.jpg b/dist/demo/photos/alex-bertha-316137-500.jpg
similarity index 100%
rename from dist/assets/images/photos/alex-bertha-316137-500.jpg
rename to dist/demo/photos/alex-bertha-316137-500.jpg
diff --git a/dist/assets/images/photos/anders-jilden-307322-1500.jpg b/dist/demo/photos/anders-jilden-307322-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/anders-jilden-307322-1500.jpg
rename to dist/demo/photos/anders-jilden-307322-1500.jpg
diff --git a/dist/assets/images/photos/anders-jilden-307322-500.jpg b/dist/demo/photos/anders-jilden-307322-500.jpg
similarity index 100%
rename from dist/assets/images/photos/anders-jilden-307322-500.jpg
rename to dist/demo/photos/anders-jilden-307322-500.jpg
diff --git a/dist/assets/images/photos/andrew-neel-141710-1500.jpg b/dist/demo/photos/andrew-neel-141710-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/andrew-neel-141710-1500.jpg
rename to dist/demo/photos/andrew-neel-141710-1500.jpg
diff --git a/dist/assets/images/photos/andrew-neel-141710-500.jpg b/dist/demo/photos/andrew-neel-141710-500.jpg
similarity index 100%
rename from dist/assets/images/photos/andrew-neel-141710-500.jpg
rename to dist/demo/photos/andrew-neel-141710-500.jpg
diff --git a/dist/assets/images/photos/aneta-ivanova-776-1500.jpg b/dist/demo/photos/aneta-ivanova-776-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/aneta-ivanova-776-1500.jpg
rename to dist/demo/photos/aneta-ivanova-776-1500.jpg
diff --git a/dist/assets/images/photos/aneta-ivanova-776-500.jpg b/dist/demo/photos/aneta-ivanova-776-500.jpg
similarity index 100%
rename from dist/assets/images/photos/aneta-ivanova-776-500.jpg
rename to dist/demo/photos/aneta-ivanova-776-500.jpg
diff --git a/dist/assets/images/photos/anthony-intraversato-257182-1500.jpg b/dist/demo/photos/anthony-intraversato-257182-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/anthony-intraversato-257182-1500.jpg
rename to dist/demo/photos/anthony-intraversato-257182-1500.jpg
diff --git a/dist/assets/images/photos/anthony-intraversato-257182-500.jpg b/dist/demo/photos/anthony-intraversato-257182-500.jpg
similarity index 100%
rename from dist/assets/images/photos/anthony-intraversato-257182-500.jpg
rename to dist/demo/photos/anthony-intraversato-257182-500.jpg
diff --git a/dist/assets/images/photos/artem-sapegin-229391-1500.jpg b/dist/demo/photos/artem-sapegin-229391-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/artem-sapegin-229391-1500.jpg
rename to dist/demo/photos/artem-sapegin-229391-1500.jpg
diff --git a/dist/assets/images/photos/artem-sapegin-229391-500.jpg b/dist/demo/photos/artem-sapegin-229391-500.jpg
similarity index 100%
rename from dist/assets/images/photos/artem-sapegin-229391-500.jpg
rename to dist/demo/photos/artem-sapegin-229391-500.jpg
diff --git a/dist/assets/images/photos/bobby-burch-145906-1500.jpg b/dist/demo/photos/bobby-burch-145906-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/bobby-burch-145906-1500.jpg
rename to dist/demo/photos/bobby-burch-145906-1500.jpg
diff --git a/dist/assets/images/photos/bobby-burch-145906-500.jpg b/dist/demo/photos/bobby-burch-145906-500.jpg
similarity index 100%
rename from dist/assets/images/photos/bobby-burch-145906-500.jpg
rename to dist/demo/photos/bobby-burch-145906-500.jpg
diff --git a/dist/assets/images/photos/casey-horner-339165-1500.jpg b/dist/demo/photos/casey-horner-339165-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/casey-horner-339165-1500.jpg
rename to dist/demo/photos/casey-horner-339165-1500.jpg
diff --git a/dist/assets/images/photos/casey-horner-339165-500.jpg b/dist/demo/photos/casey-horner-339165-500.jpg
similarity index 100%
rename from dist/assets/images/photos/casey-horner-339165-500.jpg
rename to dist/demo/photos/casey-horner-339165-500.jpg
diff --git a/dist/assets/images/photos/christian-joudrey-96208-1500.jpg b/dist/demo/photos/christian-joudrey-96208-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/christian-joudrey-96208-1500.jpg
rename to dist/demo/photos/christian-joudrey-96208-1500.jpg
diff --git a/dist/assets/images/photos/christian-joudrey-96208-500.jpg b/dist/demo/photos/christian-joudrey-96208-500.jpg
similarity index 100%
rename from dist/assets/images/photos/christian-joudrey-96208-500.jpg
rename to dist/demo/photos/christian-joudrey-96208-500.jpg
diff --git a/dist/assets/images/photos/christoph-bengtsson-lissalde-80291-1500.jpg b/dist/demo/photos/christoph-bengtsson-lissalde-80291-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/christoph-bengtsson-lissalde-80291-1500.jpg
rename to dist/demo/photos/christoph-bengtsson-lissalde-80291-1500.jpg
diff --git a/dist/assets/images/photos/christoph-bengtsson-lissalde-80291-500.jpg b/dist/demo/photos/christoph-bengtsson-lissalde-80291-500.jpg
similarity index 100%
rename from dist/assets/images/photos/christoph-bengtsson-lissalde-80291-500.jpg
rename to dist/demo/photos/christoph-bengtsson-lissalde-80291-500.jpg
diff --git a/dist/assets/images/photos/clarisse-meyer-122804-1500.jpg b/dist/demo/photos/clarisse-meyer-122804-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/clarisse-meyer-122804-1500.jpg
rename to dist/demo/photos/clarisse-meyer-122804-1500.jpg
diff --git a/dist/assets/images/photos/clarisse-meyer-122804-500.jpg b/dist/demo/photos/clarisse-meyer-122804-500.jpg
similarity index 100%
rename from dist/assets/images/photos/clarisse-meyer-122804-500.jpg
rename to dist/demo/photos/clarisse-meyer-122804-500.jpg
diff --git a/dist/assets/images/photos/cristina-gottardi-259243-1500.jpg b/dist/demo/photos/cristina-gottardi-259243-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/cristina-gottardi-259243-1500.jpg
rename to dist/demo/photos/cristina-gottardi-259243-1500.jpg
diff --git a/dist/assets/images/photos/cristina-gottardi-259243-500.jpg b/dist/demo/photos/cristina-gottardi-259243-500.jpg
similarity index 100%
rename from dist/assets/images/photos/cristina-gottardi-259243-500.jpg
rename to dist/demo/photos/cristina-gottardi-259243-500.jpg
diff --git a/dist/assets/images/photos/david-klaasen-54203-1500.jpg b/dist/demo/photos/david-klaasen-54203-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/david-klaasen-54203-1500.jpg
rename to dist/demo/photos/david-klaasen-54203-1500.jpg
diff --git a/dist/assets/images/photos/david-klaasen-54203-500.jpg b/dist/demo/photos/david-klaasen-54203-500.jpg
similarity index 100%
rename from dist/assets/images/photos/david-klaasen-54203-500.jpg
rename to dist/demo/photos/david-klaasen-54203-500.jpg
diff --git a/dist/assets/images/photos/david-marcu-114194-1500.jpg b/dist/demo/photos/david-marcu-114194-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/david-marcu-114194-1500.jpg
rename to dist/demo/photos/david-marcu-114194-1500.jpg
diff --git a/dist/assets/images/photos/david-marcu-114194-500.jpg b/dist/demo/photos/david-marcu-114194-500.jpg
similarity index 100%
rename from dist/assets/images/photos/david-marcu-114194-500.jpg
rename to dist/demo/photos/david-marcu-114194-500.jpg
diff --git a/dist/assets/images/photos/davide-cantelli-139887-1500.jpg b/dist/demo/photos/davide-cantelli-139887-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/davide-cantelli-139887-1500.jpg
rename to dist/demo/photos/davide-cantelli-139887-1500.jpg
diff --git a/dist/assets/images/photos/davide-cantelli-139887-500.jpg b/dist/demo/photos/davide-cantelli-139887-500.jpg
similarity index 100%
rename from dist/assets/images/photos/davide-cantelli-139887-500.jpg
rename to dist/demo/photos/davide-cantelli-139887-500.jpg
diff --git a/dist/assets/images/photos/dino-reichmuth-84359-1500.jpg b/dist/demo/photos/dino-reichmuth-84359-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/dino-reichmuth-84359-1500.jpg
rename to dist/demo/photos/dino-reichmuth-84359-1500.jpg
diff --git a/dist/assets/images/photos/dino-reichmuth-84359-500.jpg b/dist/demo/photos/dino-reichmuth-84359-500.jpg
similarity index 100%
rename from dist/assets/images/photos/dino-reichmuth-84359-500.jpg
rename to dist/demo/photos/dino-reichmuth-84359-500.jpg
diff --git a/dist/assets/images/photos/eberhard-grossgasteiger-311213-1500.jpg b/dist/demo/photos/eberhard-grossgasteiger-311213-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/eberhard-grossgasteiger-311213-1500.jpg
rename to dist/demo/photos/eberhard-grossgasteiger-311213-1500.jpg
diff --git a/dist/assets/images/photos/eberhard-grossgasteiger-311213-500.jpg b/dist/demo/photos/eberhard-grossgasteiger-311213-500.jpg
similarity index 100%
rename from dist/assets/images/photos/eberhard-grossgasteiger-311213-500.jpg
rename to dist/demo/photos/eberhard-grossgasteiger-311213-500.jpg
diff --git a/dist/assets/images/photos/geran-de-klerk-290418-1500.jpg b/dist/demo/photos/geran-de-klerk-290418-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/geran-de-klerk-290418-1500.jpg
rename to dist/demo/photos/geran-de-klerk-290418-1500.jpg
diff --git a/dist/assets/images/photos/geran-de-klerk-290418-500.jpg b/dist/demo/photos/geran-de-klerk-290418-500.jpg
similarity index 100%
rename from dist/assets/images/photos/geran-de-klerk-290418-500.jpg
rename to dist/demo/photos/geran-de-klerk-290418-500.jpg
diff --git a/dist/assets/images/photos/grant-ritchie-338179-1500.jpg b/dist/demo/photos/grant-ritchie-338179-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/grant-ritchie-338179-1500.jpg
rename to dist/demo/photos/grant-ritchie-338179-1500.jpg
diff --git a/dist/assets/images/photos/grant-ritchie-338179-500.jpg b/dist/demo/photos/grant-ritchie-338179-500.jpg
similarity index 100%
rename from dist/assets/images/photos/grant-ritchie-338179-500.jpg
rename to dist/demo/photos/grant-ritchie-338179-500.jpg
diff --git a/dist/assets/images/photos/ilnur-kalimullin-218996-1500.jpg b/dist/demo/photos/ilnur-kalimullin-218996-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/ilnur-kalimullin-218996-1500.jpg
rename to dist/demo/photos/ilnur-kalimullin-218996-1500.jpg
diff --git a/dist/assets/images/photos/ilnur-kalimullin-218996-500.jpg b/dist/demo/photos/ilnur-kalimullin-218996-500.jpg
similarity index 100%
rename from dist/assets/images/photos/ilnur-kalimullin-218996-500.jpg
rename to dist/demo/photos/ilnur-kalimullin-218996-500.jpg
diff --git a/dist/assets/images/photos/jakob-owens-224352-1500.jpg b/dist/demo/photos/jakob-owens-224352-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/jakob-owens-224352-1500.jpg
rename to dist/demo/photos/jakob-owens-224352-1500.jpg
diff --git a/dist/assets/images/photos/jakob-owens-224352-500.jpg b/dist/demo/photos/jakob-owens-224352-500.jpg
similarity index 100%
rename from dist/assets/images/photos/jakob-owens-224352-500.jpg
rename to dist/demo/photos/jakob-owens-224352-500.jpg
diff --git a/dist/assets/images/photos/jeremy-bishop-330225-1500.jpg b/dist/demo/photos/jeremy-bishop-330225-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/jeremy-bishop-330225-1500.jpg
rename to dist/demo/photos/jeremy-bishop-330225-1500.jpg
diff --git a/dist/assets/images/photos/jeremy-bishop-330225-500.jpg b/dist/demo/photos/jeremy-bishop-330225-500.jpg
similarity index 100%
rename from dist/assets/images/photos/jeremy-bishop-330225-500.jpg
rename to dist/demo/photos/jeremy-bishop-330225-500.jpg
diff --git a/dist/assets/images/photos/jonatan-pie-226191-1500.jpg b/dist/demo/photos/jonatan-pie-226191-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/jonatan-pie-226191-1500.jpg
rename to dist/demo/photos/jonatan-pie-226191-1500.jpg
diff --git a/dist/assets/images/photos/jonatan-pie-226191-500.jpg b/dist/demo/photos/jonatan-pie-226191-500.jpg
similarity index 100%
rename from dist/assets/images/photos/jonatan-pie-226191-500.jpg
rename to dist/demo/photos/jonatan-pie-226191-500.jpg
diff --git a/dist/assets/images/photos/josh-calabrese-66153-1500.jpg b/dist/demo/photos/josh-calabrese-66153-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/josh-calabrese-66153-1500.jpg
rename to dist/demo/photos/josh-calabrese-66153-1500.jpg
diff --git a/dist/assets/images/photos/josh-calabrese-66153-500.jpg b/dist/demo/photos/josh-calabrese-66153-500.jpg
similarity index 100%
rename from dist/assets/images/photos/josh-calabrese-66153-500.jpg
rename to dist/demo/photos/josh-calabrese-66153-500.jpg
diff --git a/dist/assets/images/photos/joshua-earle-157231-1500.jpg b/dist/demo/photos/joshua-earle-157231-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/joshua-earle-157231-1500.jpg
rename to dist/demo/photos/joshua-earle-157231-1500.jpg
diff --git a/dist/assets/images/photos/joshua-earle-157231-500.jpg b/dist/demo/photos/joshua-earle-157231-500.jpg
similarity index 100%
rename from dist/assets/images/photos/joshua-earle-157231-500.jpg
rename to dist/demo/photos/joshua-earle-157231-500.jpg
diff --git a/dist/assets/images/photos/mahkeo-222765-1500.jpg b/dist/demo/photos/mahkeo-222765-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/mahkeo-222765-1500.jpg
rename to dist/demo/photos/mahkeo-222765-1500.jpg
diff --git a/dist/assets/images/photos/mahkeo-222765-500.jpg b/dist/demo/photos/mahkeo-222765-500.jpg
similarity index 100%
rename from dist/assets/images/photos/mahkeo-222765-500.jpg
rename to dist/demo/photos/mahkeo-222765-500.jpg
diff --git a/dist/assets/images/photos/matt-barrett-339981-1500.jpg b/dist/demo/photos/matt-barrett-339981-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/matt-barrett-339981-1500.jpg
rename to dist/demo/photos/matt-barrett-339981-1500.jpg
diff --git a/dist/assets/images/photos/matt-barrett-339981-500.jpg b/dist/demo/photos/matt-barrett-339981-500.jpg
similarity index 100%
rename from dist/assets/images/photos/matt-barrett-339981-500.jpg
rename to dist/demo/photos/matt-barrett-339981-500.jpg
diff --git a/dist/assets/images/photos/nathan-anderson-297460-1500.jpg b/dist/demo/photos/nathan-anderson-297460-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/nathan-anderson-297460-1500.jpg
rename to dist/demo/photos/nathan-anderson-297460-1500.jpg
diff --git a/dist/assets/images/photos/nathan-anderson-297460-500.jpg b/dist/demo/photos/nathan-anderson-297460-500.jpg
similarity index 100%
rename from dist/assets/images/photos/nathan-anderson-297460-500.jpg
rename to dist/demo/photos/nathan-anderson-297460-500.jpg
diff --git a/dist/assets/images/photos/nathan-anderson-316188-1500.jpg b/dist/demo/photos/nathan-anderson-316188-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/nathan-anderson-316188-1500.jpg
rename to dist/demo/photos/nathan-anderson-316188-1500.jpg
diff --git a/dist/assets/images/photos/nathan-anderson-316188-500.jpg b/dist/demo/photos/nathan-anderson-316188-500.jpg
similarity index 100%
rename from dist/assets/images/photos/nathan-anderson-316188-500.jpg
rename to dist/demo/photos/nathan-anderson-316188-500.jpg
diff --git a/dist/assets/images/photos/nathan-dumlao-287713-1500.jpg b/dist/demo/photos/nathan-dumlao-287713-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/nathan-dumlao-287713-1500.jpg
rename to dist/demo/photos/nathan-dumlao-287713-1500.jpg
diff --git a/dist/assets/images/photos/nathan-dumlao-287713-500.jpg b/dist/demo/photos/nathan-dumlao-287713-500.jpg
similarity index 100%
rename from dist/assets/images/photos/nathan-dumlao-287713-500.jpg
rename to dist/demo/photos/nathan-dumlao-287713-500.jpg
diff --git a/dist/assets/images/photos/nicolas-picard-208276-1500.jpg b/dist/demo/photos/nicolas-picard-208276-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/nicolas-picard-208276-1500.jpg
rename to dist/demo/photos/nicolas-picard-208276-1500.jpg
diff --git a/dist/assets/images/photos/nicolas-picard-208276-500.jpg b/dist/demo/photos/nicolas-picard-208276-500.jpg
similarity index 100%
rename from dist/assets/images/photos/nicolas-picard-208276-500.jpg
rename to dist/demo/photos/nicolas-picard-208276-500.jpg
diff --git a/dist/assets/images/photos/oskar-vertetics-53043-1500.jpg b/dist/demo/photos/oskar-vertetics-53043-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/oskar-vertetics-53043-1500.jpg
rename to dist/demo/photos/oskar-vertetics-53043-1500.jpg
diff --git a/dist/assets/images/photos/oskar-vertetics-53043-500.jpg b/dist/demo/photos/oskar-vertetics-53043-500.jpg
similarity index 100%
rename from dist/assets/images/photos/oskar-vertetics-53043-500.jpg
rename to dist/demo/photos/oskar-vertetics-53043-500.jpg
diff --git a/dist/assets/images/photos/priscilla-du-preez-181896-1500.jpg b/dist/demo/photos/priscilla-du-preez-181896-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/priscilla-du-preez-181896-1500.jpg
rename to dist/demo/photos/priscilla-du-preez-181896-1500.jpg
diff --git a/dist/assets/images/photos/priscilla-du-preez-181896-500.jpg b/dist/demo/photos/priscilla-du-preez-181896-500.jpg
similarity index 100%
rename from dist/assets/images/photos/priscilla-du-preez-181896-500.jpg
rename to dist/demo/photos/priscilla-du-preez-181896-500.jpg
diff --git a/dist/assets/images/photos/ricardo-gomez-angel-262359-1500.jpg b/dist/demo/photos/ricardo-gomez-angel-262359-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/ricardo-gomez-angel-262359-1500.jpg
rename to dist/demo/photos/ricardo-gomez-angel-262359-1500.jpg
diff --git a/dist/assets/images/photos/ricardo-gomez-angel-262359-500.jpg b/dist/demo/photos/ricardo-gomez-angel-262359-500.jpg
similarity index 100%
rename from dist/assets/images/photos/ricardo-gomez-angel-262359-500.jpg
rename to dist/demo/photos/ricardo-gomez-angel-262359-500.jpg
diff --git a/dist/assets/images/photos/sam-ferrara-136526-1500.jpg b/dist/demo/photos/sam-ferrara-136526-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/sam-ferrara-136526-1500.jpg
rename to dist/demo/photos/sam-ferrara-136526-1500.jpg
diff --git a/dist/assets/images/photos/sam-ferrara-136526-500.jpg b/dist/demo/photos/sam-ferrara-136526-500.jpg
similarity index 100%
rename from dist/assets/images/photos/sam-ferrara-136526-500.jpg
rename to dist/demo/photos/sam-ferrara-136526-500.jpg
diff --git a/dist/assets/images/photos/sean-afnan-244576-1500.jpg b/dist/demo/photos/sean-afnan-244576-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/sean-afnan-244576-1500.jpg
rename to dist/demo/photos/sean-afnan-244576-1500.jpg
diff --git a/dist/assets/images/photos/sean-afnan-244576-500.jpg b/dist/demo/photos/sean-afnan-244576-500.jpg
similarity index 100%
rename from dist/assets/images/photos/sean-afnan-244576-500.jpg
rename to dist/demo/photos/sean-afnan-244576-500.jpg
diff --git a/dist/assets/images/photos/sophie-higginbottom-133982-1500.jpg b/dist/demo/photos/sophie-higginbottom-133982-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/sophie-higginbottom-133982-1500.jpg
rename to dist/demo/photos/sophie-higginbottom-133982-1500.jpg
diff --git a/dist/assets/images/photos/sophie-higginbottom-133982-500.jpg b/dist/demo/photos/sophie-higginbottom-133982-500.jpg
similarity index 100%
rename from dist/assets/images/photos/sophie-higginbottom-133982-500.jpg
rename to dist/demo/photos/sophie-higginbottom-133982-500.jpg
diff --git a/dist/assets/images/photos/stefan-kunze-26932-1500.jpg b/dist/demo/photos/stefan-kunze-26932-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/stefan-kunze-26932-1500.jpg
rename to dist/demo/photos/stefan-kunze-26932-1500.jpg
diff --git a/dist/assets/images/photos/stefan-kunze-26932-500.jpg b/dist/demo/photos/stefan-kunze-26932-500.jpg
similarity index 100%
rename from dist/assets/images/photos/stefan-kunze-26932-500.jpg
rename to dist/demo/photos/stefan-kunze-26932-500.jpg
diff --git a/dist/assets/images/photos/stefan-stefancik-105376-1500.jpg b/dist/demo/photos/stefan-stefancik-105376-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/stefan-stefancik-105376-1500.jpg
rename to dist/demo/photos/stefan-stefancik-105376-1500.jpg
diff --git a/dist/assets/images/photos/stefan-stefancik-105376-500.jpg b/dist/demo/photos/stefan-stefancik-105376-500.jpg
similarity index 100%
rename from dist/assets/images/photos/stefan-stefancik-105376-500.jpg
rename to dist/demo/photos/stefan-stefancik-105376-500.jpg
diff --git a/dist/assets/images/photos/sweet-ice-cream-photography-143023-1500.jpg b/dist/demo/photos/sweet-ice-cream-photography-143023-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/sweet-ice-cream-photography-143023-1500.jpg
rename to dist/demo/photos/sweet-ice-cream-photography-143023-1500.jpg
diff --git a/dist/assets/images/photos/sweet-ice-cream-photography-143023-500.jpg b/dist/demo/photos/sweet-ice-cream-photography-143023-500.jpg
similarity index 100%
rename from dist/assets/images/photos/sweet-ice-cream-photography-143023-500.jpg
rename to dist/demo/photos/sweet-ice-cream-photography-143023-500.jpg
diff --git a/dist/assets/images/photos/tatyana-dobreva-288463-1500.jpg b/dist/demo/photos/tatyana-dobreva-288463-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/tatyana-dobreva-288463-1500.jpg
rename to dist/demo/photos/tatyana-dobreva-288463-1500.jpg
diff --git a/dist/assets/images/photos/tatyana-dobreva-288463-500.jpg b/dist/demo/photos/tatyana-dobreva-288463-500.jpg
similarity index 100%
rename from dist/assets/images/photos/tatyana-dobreva-288463-500.jpg
rename to dist/demo/photos/tatyana-dobreva-288463-500.jpg
diff --git a/dist/assets/images/photos/teddy-kelley-109202-1500.jpg b/dist/demo/photos/teddy-kelley-109202-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/teddy-kelley-109202-1500.jpg
rename to dist/demo/photos/teddy-kelley-109202-1500.jpg
diff --git a/dist/assets/images/photos/teddy-kelley-109202-500.jpg b/dist/demo/photos/teddy-kelley-109202-500.jpg
similarity index 100%
rename from dist/assets/images/photos/teddy-kelley-109202-500.jpg
rename to dist/demo/photos/teddy-kelley-109202-500.jpg
diff --git a/dist/assets/images/photos/tim-bogdanov-97988-1500.jpg b/dist/demo/photos/tim-bogdanov-97988-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/tim-bogdanov-97988-1500.jpg
rename to dist/demo/photos/tim-bogdanov-97988-1500.jpg
diff --git a/dist/assets/images/photos/tim-bogdanov-97988-500.jpg b/dist/demo/photos/tim-bogdanov-97988-500.jpg
similarity index 100%
rename from dist/assets/images/photos/tim-bogdanov-97988-500.jpg
rename to dist/demo/photos/tim-bogdanov-97988-500.jpg
diff --git a/dist/assets/images/photos/tim-marshall-173957-1500.jpg b/dist/demo/photos/tim-marshall-173957-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/tim-marshall-173957-1500.jpg
rename to dist/demo/photos/tim-marshall-173957-1500.jpg
diff --git a/dist/assets/images/photos/tim-marshall-173957-500.jpg b/dist/demo/photos/tim-marshall-173957-500.jpg
similarity index 100%
rename from dist/assets/images/photos/tim-marshall-173957-500.jpg
rename to dist/demo/photos/tim-marshall-173957-500.jpg
diff --git a/dist/assets/images/photos/tom-barrett-318952-1500.jpg b/dist/demo/photos/tom-barrett-318952-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/tom-barrett-318952-1500.jpg
rename to dist/demo/photos/tom-barrett-318952-1500.jpg
diff --git a/dist/assets/images/photos/tom-barrett-318952-500.jpg b/dist/demo/photos/tom-barrett-318952-500.jpg
similarity index 100%
rename from dist/assets/images/photos/tom-barrett-318952-500.jpg
rename to dist/demo/photos/tom-barrett-318952-500.jpg
diff --git a/dist/assets/images/photos/vladimir-kudinov-12761-1500.jpg b/dist/demo/photos/vladimir-kudinov-12761-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/vladimir-kudinov-12761-1500.jpg
rename to dist/demo/photos/vladimir-kudinov-12761-1500.jpg
diff --git a/dist/assets/images/photos/vladimir-kudinov-12761-500.jpg b/dist/demo/photos/vladimir-kudinov-12761-500.jpg
similarity index 100%
rename from dist/assets/images/photos/vladimir-kudinov-12761-500.jpg
rename to dist/demo/photos/vladimir-kudinov-12761-500.jpg
diff --git a/dist/assets/images/photos/web-agency-29200-1500.jpg b/dist/demo/photos/web-agency-29200-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/web-agency-29200-1500.jpg
rename to dist/demo/photos/web-agency-29200-1500.jpg
diff --git a/dist/assets/images/photos/web-agency-29200-500.jpg b/dist/demo/photos/web-agency-29200-500.jpg
similarity index 100%
rename from dist/assets/images/photos/web-agency-29200-500.jpg
rename to dist/demo/photos/web-agency-29200-500.jpg
diff --git a/dist/assets/images/photos/wil-stewart-18242-1500.jpg b/dist/demo/photos/wil-stewart-18242-1500.jpg
similarity index 100%
rename from dist/assets/images/photos/wil-stewart-18242-1500.jpg
rename to dist/demo/photos/wil-stewart-18242-1500.jpg
diff --git a/dist/assets/images/photos/wil-stewart-18242-500.jpg b/dist/demo/photos/wil-stewart-18242-500.jpg
similarity index 100%
rename from dist/assets/images/photos/wil-stewart-18242-500.jpg
rename to dist/demo/photos/wil-stewart-18242-500.jpg
diff --git a/dist/assets/images/products/apple-iphone7-special.jpg b/dist/demo/products/apple-iphone7-special.jpg
similarity index 100%
rename from dist/assets/images/products/apple-iphone7-special.jpg
rename to dist/demo/products/apple-iphone7-special.jpg
diff --git a/dist/assets/images/products/apple-iphone7.jpg b/dist/demo/products/apple-iphone7.jpg
similarity index 100%
rename from dist/assets/images/products/apple-iphone7.jpg
rename to dist/demo/products/apple-iphone7.jpg
diff --git a/dist/assets/images/products/apple-macbook-pro.jpg b/dist/demo/products/apple-macbook-pro.jpg
similarity index 100%
rename from dist/assets/images/products/apple-macbook-pro.jpg
rename to dist/demo/products/apple-macbook-pro.jpg
diff --git a/dist/assets/images/products/gopro-hero.jpg b/dist/demo/products/gopro-hero.jpg
similarity index 100%
rename from dist/assets/images/products/gopro-hero.jpg
rename to dist/demo/products/gopro-hero.jpg
diff --git a/dist/assets/images/products/huawei-mate.jpg b/dist/demo/products/huawei-mate.jpg
similarity index 100%
rename from dist/assets/images/products/huawei-mate.jpg
rename to dist/demo/products/huawei-mate.jpg
diff --git a/dist/assets/images/products/lenovo-tab.jpg b/dist/demo/products/lenovo-tab.jpg
similarity index 100%
rename from dist/assets/images/products/lenovo-tab.jpg
rename to dist/demo/products/lenovo-tab.jpg
diff --git a/dist/assets/images/products/lg-g6.jpg b/dist/demo/products/lg-g6.jpg
similarity index 100%
rename from dist/assets/images/products/lg-g6.jpg
rename to dist/demo/products/lg-g6.jpg
diff --git a/dist/assets/images/products/msi.jpg b/dist/demo/products/msi.jpg
similarity index 100%
rename from dist/assets/images/products/msi.jpg
rename to dist/demo/products/msi.jpg
diff --git a/dist/assets/images/products/samsung-galaxy.jpg b/dist/demo/products/samsung-galaxy.jpg
similarity index 100%
rename from dist/assets/images/products/samsung-galaxy.jpg
rename to dist/demo/products/samsung-galaxy.jpg
diff --git a/dist/assets/images/products/sony-kd.jpg b/dist/demo/products/sony-kd.jpg
similarity index 100%
rename from dist/assets/images/products/sony-kd.jpg
rename to dist/demo/products/sony-kd.jpg
diff --git a/dist/assets/images/products/xiaomi-mi.jpg b/dist/demo/products/xiaomi-mi.jpg
similarity index 100%
rename from dist/assets/images/products/xiaomi-mi.jpg
rename to dist/demo/products/xiaomi-mi.jpg
diff --git a/dist/assets/images/staticmap.png b/dist/demo/staticmap.png
similarity index 100%
rename from dist/assets/images/staticmap.png
rename to dist/demo/staticmap.png
diff --git a/dist/assets/images/teams/fc-barcelona.png b/dist/demo/teams/fc-barcelona.png
similarity index 100%
rename from dist/assets/images/teams/fc-barcelona.png
rename to dist/demo/teams/fc-barcelona.png
diff --git a/dist/assets/images/teams/real-madrid.png b/dist/demo/teams/real-madrid.png
similarity index 100%
rename from dist/assets/images/teams/real-madrid.png
rename to dist/demo/teams/real-madrid.png
diff --git a/dist/docs/alerts.html b/dist/docs/alerts.html
index e081a217b..f1c21e1d6 100644
--- a/dist/docs/alerts.html
+++ b/dist/docs/alerts.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="../favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>Alerts - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -43,7 +43,7 @@
           <div class="container">
             <div class="navbar p-0">
               <a class="navbar-brand" href="../index.html">
-                <img src="../assets/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
+                <img src="../demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
               <div class="nav order-lg-2">
                 <div class="nav-item">
@@ -70,7 +70,7 @@
                 </div>
                 <div class="dropdown ml-3">
                   <a href="#" class="nav-link" data-toggle="dropdown">
-                    <span class="avatar" style="background-image: url(../assets/images/faces/female/25.jpg)"></span>
+                    <span class="avatar" style="background-image: url(../demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
@@ -302,21 +302,21 @@
                       <h3 id="alert-with-avatar">Alert with avatar</h3>
                       <div class="example">
                         <div class="alert alert-avatar alert-primary alert-dismissible">
-                          <span class="avatar" style="background-image: url(../assets/images/faces/male/4.jpg)"></span>
+                          <span class="avatar" style="background-image: url(../demo/faces/male/4.jpg)"></span>
                           Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                         </div>
                         <div class="alert alert-avatar alert-success alert-dismissible">
-                          <span class="avatar" style="background-image: url(../assets/images/faces/male/35.jpg)"></span>
+                          <span class="avatar" style="background-image: url(../demo/faces/male/35.jpg)"></span>
                           Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                         </div>
                       </div>
                       <div class="highlight">
                         <pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"alert alert-avatar alert-primary alert-dismissible"</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/4.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/male/4.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
   Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
 <span class="nt">&lt;/div&gt;</span>
 <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"alert alert-avatar alert-success alert-dismissible"</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/35.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/male/35.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
   Lorem ipsum dolor sit amet, consectetur adipisicing elit.
 <span class="nt">&lt;/div&gt;</span></code></pre>
                       </div>
diff --git a/dist/docs/avatars.html b/dist/docs/avatars.html
index 07fb5818c..b20f53da4 100644
--- a/dist/docs/avatars.html
+++ b/dist/docs/avatars.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="../favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>Avatars - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -43,7 +43,7 @@
           <div class="container">
             <div class="navbar p-0">
               <a class="navbar-brand" href="../index.html">
-                <img src="../assets/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
+                <img src="../demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
               <div class="nav order-lg-2">
                 <div class="nav-item">
@@ -70,7 +70,7 @@
                 </div>
                 <div class="dropdown ml-3">
                   <a href="#" class="nav-link" data-toggle="dropdown">
-                    <span class="avatar" style="background-image: url(../assets/images/faces/female/25.jpg)"></span>
+                    <span class="avatar" style="background-image: url(../demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
@@ -218,69 +218,69 @@
                       <h3 id="simple-avatar">Simple avatar</h3>
                       <div class="example">
                         <div class="avatar-list">
-                          <span class="avatar" style="background-image: url(../assets/images/faces/male/21.jpg)"></span>
-                          <span class="avatar" style="background-image: url(../assets/images/faces/male/25.jpg)"></span>
-                          <span class="avatar" style="background-image: url(../assets/images/faces/female/5.jpg)"></span>
-                          <span class="avatar" style="background-image: url(../assets/images/faces/female/17.jpg)"></span>
-                          <span class="avatar" style="background-image: url(../assets/images/faces/male/40.jpg)"></span>
+                          <span class="avatar" style="background-image: url(../demo/faces/male/21.jpg)"></span>
+                          <span class="avatar" style="background-image: url(../demo/faces/male/25.jpg)"></span>
+                          <span class="avatar" style="background-image: url(../demo/faces/female/5.jpg)"></span>
+                          <span class="avatar" style="background-image: url(../demo/faces/female/17.jpg)"></span>
+                          <span class="avatar" style="background-image: url(../demo/faces/male/40.jpg)"></span>
                         </div>
                       </div>
                       <div class="highlight">
-                        <pre><code class="language-html" data-lang="html"><span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/21.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
-<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/25.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
-<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/5.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
-<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/17.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
-<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/40.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span></code></pre>
+                        <pre><code class="language-html" data-lang="html"><span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/male/21.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/male/25.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/female/5.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/female/17.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/male/40.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span></code></pre>
                       </div>
                       <h3 id="avatar-size">Avatar size</h3>
                       <div class="example">
                         <div class="avatar-list">
-                          <span class="avatar avatar-sm" style="background-image: url(../assets/images/faces/male/9.jpg)"></span>
-                          <span class="avatar" style="background-image: url(../assets/images/faces/female/8.jpg)"></span>
-                          <span class="avatar avatar-md" style="background-image: url(../assets/images/faces/male/4.jpg)"></span>
-                          <span class="avatar avatar-lg" style="background-image: url(../assets/images/faces/male/35.jpg)"></span>
-                          <span class="avatar avatar-xl" style="background-image: url(../assets/images/faces/female/29.jpg)"></span>
-                          <span class="avatar avatar-xxl" style="background-image: url(../assets/images/faces/male/2.jpg)"></span>
+                          <span class="avatar avatar-sm" style="background-image: url(../demo/faces/male/9.jpg)"></span>
+                          <span class="avatar" style="background-image: url(../demo/faces/female/8.jpg)"></span>
+                          <span class="avatar avatar-md" style="background-image: url(../demo/faces/male/4.jpg)"></span>
+                          <span class="avatar avatar-lg" style="background-image: url(../demo/faces/male/35.jpg)"></span>
+                          <span class="avatar avatar-xl" style="background-image: url(../demo/faces/female/29.jpg)"></span>
+                          <span class="avatar avatar-xxl" style="background-image: url(../demo/faces/male/2.jpg)"></span>
                         </div>
                       </div>
                       <div class="highlight">
-                        <pre><code class="language-html" data-lang="html"><span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar avatar-sm"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/9.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
-<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/8.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
-<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar avatar-md"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/4.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
-<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar avatar-lg"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/35.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
-<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar avatar-xl"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/29.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
-<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar avatar-xxl"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/2.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span></code></pre>
+                        <pre><code class="language-html" data-lang="html"><span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar avatar-sm"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/male/9.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/female/8.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar avatar-md"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/male/4.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar avatar-lg"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/male/35.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar avatar-xl"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/female/29.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar avatar-xxl"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/male/2.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span></code></pre>
                       </div>
                       <h3 id="avatar-status">Avatar status</h3>
                       <div class="example">
                         <div class="avatar-list">
-                          <span class="avatar" style="background-image: url(../assets/images/faces/male/2.jpg)"></span>
-                          <span class="avatar" style="background-image: url(../assets/images/faces/female/25.jpg)">
+                          <span class="avatar" style="background-image: url(../demo/faces/male/2.jpg)"></span>
+                          <span class="avatar" style="background-image: url(../demo/faces/female/25.jpg)">
                             <span class="avatar-status"></span>
                           </span>
-                          <span class="avatar" style="background-image: url(../assets/images/faces/male/9.jpg)">
+                          <span class="avatar" style="background-image: url(../demo/faces/male/9.jpg)">
                             <span class="avatar-status bg-red"></span>
                           </span>
-                          <span class="avatar" style="background-image: url(../assets/images/faces/female/25.jpg)">
+                          <span class="avatar" style="background-image: url(../demo/faces/female/25.jpg)">
                             <span class="avatar-status bg-green"></span>
                           </span>
-                          <span class="avatar" style="background-image: url(../assets/images/faces/female/16.jpg)">
+                          <span class="avatar" style="background-image: url(../demo/faces/female/16.jpg)">
                             <span class="avatar-status bg-yellow"></span>
                           </span>
                         </div>
                       </div>
                       <div class="highlight">
-                        <pre><code class="language-html" data-lang="html"><span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/2.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
-<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/25.jpg)"</span><span class="nt">&gt;</span>
+                        <pre><code class="language-html" data-lang="html"><span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/male/2.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/female/25.jpg)"</span><span class="nt">&gt;</span>
   <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar-status"</span><span class="nt">&gt;&lt;/span&gt;</span>
 <span class="nt">&lt;/span&gt;</span>
-<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/9.jpg)"</span><span class="nt">&gt;</span>
+<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/male/9.jpg)"</span><span class="nt">&gt;</span>
   <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar-status bg-red"</span><span class="nt">&gt;&lt;/span&gt;</span>
 <span class="nt">&lt;/span&gt;</span>
-<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/25.jpg)"</span><span class="nt">&gt;</span>
+<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/female/25.jpg)"</span><span class="nt">&gt;</span>
   <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar-status bg-green"</span><span class="nt">&gt;&lt;/span&gt;</span>
 <span class="nt">&lt;/span&gt;</span>
-<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/16.jpg)"</span><span class="nt">&gt;</span>
+<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/female/16.jpg)"</span><span class="nt">&gt;</span>
   <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar-status bg-yellow"</span><span class="nt">&gt;&lt;/span&gt;</span>
 <span class="nt">&lt;/span&gt;</span></code></pre>
                       </div>
@@ -338,39 +338,39 @@
                       <h3 id="avatars-list">Avatars list</h3>
                       <div class="example">
                         <div class="avatar-list">
-                          <span class="avatar" style="background-image: url(../assets/images/faces/male/21.jpg)"></span>
-                          <span class="avatar" style="background-image: url(../assets/images/faces/male/25.jpg)"></span>
-                          <span class="avatar" style="background-image: url(../assets/images/faces/female/5.jpg)"></span>
-                          <span class="avatar" style="background-image: url(../assets/images/faces/female/17.jpg)"></span>
-                          <span class="avatar" style="background-image: url(../assets/images/faces/male/40.jpg)"></span>
+                          <span class="avatar" style="background-image: url(../demo/faces/male/21.jpg)"></span>
+                          <span class="avatar" style="background-image: url(../demo/faces/male/25.jpg)"></span>
+                          <span class="avatar" style="background-image: url(../demo/faces/female/5.jpg)"></span>
+                          <span class="avatar" style="background-image: url(../demo/faces/female/17.jpg)"></span>
+                          <span class="avatar" style="background-image: url(../demo/faces/male/40.jpg)"></span>
                         </div>
                       </div>
                       <div class="highlight">
                         <pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"avatar-list"</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/21.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/25.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/5.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/17.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/40.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/male/21.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/male/25.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/female/5.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/female/17.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/male/40.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
 <span class="nt">&lt;/div&gt;</span></code></pre>
                       </div>
                       <div class="example">
                         <div class="avatar-list avatar-list-stacked">
-                          <span class="avatar" style="background-image: url(../assets/images/faces/female/12.jpg)"></span>
-                          <span class="avatar" style="background-image: url(../assets/images/faces/female/21.jpg)"></span>
-                          <span class="avatar" style="background-image: url(../assets/images/faces/female/29.jpg)"></span>
-                          <span class="avatar" style="background-image: url(../assets/images/faces/female/2.jpg)"></span>
-                          <span class="avatar" style="background-image: url(../assets/images/faces/male/34.jpg)"></span>
+                          <span class="avatar" style="background-image: url(../demo/faces/female/12.jpg)"></span>
+                          <span class="avatar" style="background-image: url(../demo/faces/female/21.jpg)"></span>
+                          <span class="avatar" style="background-image: url(../demo/faces/female/29.jpg)"></span>
+                          <span class="avatar" style="background-image: url(../demo/faces/female/2.jpg)"></span>
+                          <span class="avatar" style="background-image: url(../demo/faces/male/34.jpg)"></span>
                           <span class="avatar">+8</span>
                         </div>
                       </div>
                       <div class="highlight">
                         <pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"avatar-list avatar-list-stacked"</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/12.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/21.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/29.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/2.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/34.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/female/12.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/female/21.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/female/29.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/female/2.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/male/34.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
   <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"avatar"</span><span class="nt">&gt;</span>+8<span class="nt">&lt;/span&gt;</span>
 <span class="nt">&lt;/div&gt;</span></code></pre>
                       </div>
diff --git a/dist/docs/buttons.html b/dist/docs/buttons.html
index f5f9a7a1a..5a96cff21 100644
--- a/dist/docs/buttons.html
+++ b/dist/docs/buttons.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="../favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>Buttons - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -43,7 +43,7 @@
           <div class="container">
             <div class="navbar p-0">
               <a class="navbar-brand" href="../index.html">
-                <img src="../assets/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
+                <img src="../demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
               <div class="nav order-lg-2">
                 <div class="nav-item">
@@ -70,7 +70,7 @@
                 </div>
                 <div class="dropdown ml-3">
                   <a href="#" class="nav-link" data-toggle="dropdown">
-                    <span class="avatar" style="background-image: url(../assets/images/faces/female/25.jpg)"></span>
+                    <span class="avatar" style="background-image: url(../demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
diff --git a/dist/docs/cards.html b/dist/docs/cards.html
index 100d41cfe..4840144ca 100644
--- a/dist/docs/cards.html
+++ b/dist/docs/cards.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="../favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>Cards - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -43,7 +43,7 @@
           <div class="container">
             <div class="navbar p-0">
               <a class="navbar-brand" href="../index.html">
-                <img src="../assets/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
+                <img src="../demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
               <div class="nav order-lg-2">
                 <div class="nav-item">
@@ -70,7 +70,7 @@
                 </div>
                 <div class="dropdown ml-3">
                   <a href="#" class="nav-link" data-toggle="dropdown">
-                    <span class="avatar" style="background-image: url(../assets/images/faces/female/25.jpg)"></span>
+                    <span class="avatar" style="background-image: url(../demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
@@ -282,12 +282,12 @@
                       <div class="example example-bg">
                         <div class="example-column example-column-1">
                           <div class="card">
-                            <a href="#"><img class="card-img-top" src="../assets/images/photos/david-klaasen-54203-500.jpg" alt="And this isn&#39;t my nose. This is a false one." /></a>
+                            <a href="#"><img class="card-img-top" src="../demo/photos/david-klaasen-54203-500.jpg" alt="And this isn&#39;t my nose. This is a false one." /></a>
                             <div class="card-body d-flex flex-column">
                               <h4><a href="#">And this isn't my nose. This is a false one.</a></h4>
                               <div class="text-muted">Look, my liege! The Knights Who Say Ni demand a sacrifice! …Are you suggesting that coconuts migr...</div>
                               <div class="d-flex align-items-center pt-5 mt-auto">
-                                <div class="avatar avatar-md mr-3" style="background-image: url(../assets/images/faces/female/18.jpg)"></div>
+                                <div class="avatar avatar-md mr-3" style="background-image: url(../demo/faces/female/18.jpg)"></div>
                                 <div>
                                   <a href="../profile.html" class="text-default">Rose Bradley</a>
                                   <small class="d-block text-muted">3 days ago</small>
@@ -302,12 +302,12 @@
                       </div>
                       <div class="highlight">
                         <pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"card"</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">&gt;&lt;img</span> <span class="na">class=</span><span class="s">"card-img-top"</span> <span class="na">src=</span><span class="s">"./assets/images/photos/david-klaasen-54203-500.jpg"</span> <span class="na">alt=</span><span class="s">"And this isn&amp;#39;t my nose. This is a false one."</span><span class="nt">&gt;&lt;/a&gt;</span>
+  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">&gt;&lt;img</span> <span class="na">class=</span><span class="s">"card-img-top"</span> <span class="na">src=</span><span class="s">"./demo/photos/david-klaasen-54203-500.jpg"</span> <span class="na">alt=</span><span class="s">"And this isn&amp;#39;t my nose. This is a false one."</span><span class="nt">&gt;&lt;/a&gt;</span>
   <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"card-body d-flex flex-column"</span><span class="nt">&gt;</span>
     <span class="nt">&lt;h4&gt;&lt;a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">&gt;</span>And this isn't my nose. This is a false one.<span class="nt">&lt;/a&gt;&lt;/h4&gt;</span>
     <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">&gt;</span>Look, my liege! The Knights Who Say Ni demand a sacrifice! …Are you suggesting that coconuts migr...<span class="nt">&lt;/div&gt;</span>
     <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"d-flex align-items-center pt-5 mt-auto"</span><span class="nt">&gt;</span>
-      <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"avatar avatar-md mr-3"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/18.jpg)"</span><span class="nt">&gt;&lt;/div&gt;</span>
+      <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"avatar avatar-md mr-3"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/female/18.jpg)"</span><span class="nt">&gt;&lt;/div&gt;</span>
       <span class="nt">&lt;div&gt;</span>
         <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"./profile.html"</span> <span class="na">class=</span><span class="s">"text-default"</span><span class="nt">&gt;</span>Rose Bradley<span class="nt">&lt;/a&gt;</span>
         <span class="nt">&lt;small</span> <span class="na">class=</span><span class="s">"d-block text-muted"</span><span class="nt">&gt;</span>3 days ago<span class="nt">&lt;/small&gt;</span>
@@ -366,12 +366,12 @@
                       <div class="example example-bg">
                         <div class="example-column example-column-2">
                           <div class="card card-aside">
-                            <a href="#" class="card-aside-column" style="background-image: url(../assets/images/photos/david-klaasen-54203-500.jpg)"></a>
+                            <a href="#" class="card-aside-column" style="background-image: url(../demo/photos/david-klaasen-54203-500.jpg)"></a>
                             <div class="card-body d-flex flex-column">
                               <h4><a href="#">And this isn't my nose. This is a false one.</a></h4>
                               <div class="text-muted">Look, my liege! The Knights Who Say Ni demand a sacrifice! …Are you suggesting that coconuts migr...</div>
                               <div class="d-flex align-items-center pt-5 mt-auto">
-                                <div class="avatar avatar-md mr-3" style="background-image: url(../assets/images/faces/female/18.jpg)"></div>
+                                <div class="avatar avatar-md mr-3" style="background-image: url(../demo/faces/female/18.jpg)"></div>
                                 <div>
                                   <a href="../profile.html" class="text-default">Rose Bradley</a>
                                   <small class="d-block text-muted">3 days ago</small>
@@ -386,12 +386,12 @@
                       </div>
                       <div class="highlight">
                         <pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"card card-aside"</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"card-aside-column"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/photos/david-klaasen-54203-500.jpg)"</span><span class="nt">&gt;&lt;/a&gt;</span>
+  <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"card-aside-column"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/photos/david-klaasen-54203-500.jpg)"</span><span class="nt">&gt;&lt;/a&gt;</span>
   <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"card-body d-flex flex-column"</span><span class="nt">&gt;</span>
     <span class="nt">&lt;h4&gt;&lt;a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">&gt;</span>And this isn't my nose. This is a false one.<span class="nt">&lt;/a&gt;&lt;/h4&gt;</span>
     <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">&gt;</span>Look, my liege! The Knights Who Say Ni demand a sacrifice! …Are you suggesting that coconuts migr...<span class="nt">&lt;/div&gt;</span>
     <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"d-flex align-items-center pt-5 mt-auto"</span><span class="nt">&gt;</span>
-      <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"avatar avatar-md mr-3"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/18.jpg)"</span><span class="nt">&gt;&lt;/div&gt;</span>
+      <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"avatar avatar-md mr-3"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/female/18.jpg)"</span><span class="nt">&gt;&lt;/div&gt;</span>
       <span class="nt">&lt;div&gt;</span>
         <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"./profile.html"</span> <span class="na">class=</span><span class="s">"text-default"</span><span class="nt">&gt;</span>Rose Bradley<span class="nt">&lt;/a&gt;</span>
         <span class="nt">&lt;small</span> <span class="na">class=</span><span class="s">"d-block text-muted"</span><span class="nt">&gt;</span>3 days ago<span class="nt">&lt;/small&gt;</span>
diff --git a/dist/docs/charts.html b/dist/docs/charts.html
index fca403d85..ba87c426e 100644
--- a/dist/docs/charts.html
+++ b/dist/docs/charts.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="../favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>Charts - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -43,7 +43,7 @@
           <div class="container">
             <div class="navbar p-0">
               <a class="navbar-brand" href="../index.html">
-                <img src="../assets/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
+                <img src="../demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
               <div class="nav order-lg-2">
                 <div class="nav-item">
@@ -70,7 +70,7 @@
                 </div>
                 <div class="dropdown ml-3">
                   <a href="#" class="nav-link" data-toggle="dropdown">
-                    <span class="avatar" style="background-image: url(../assets/images/faces/female/25.jpg)"></span>
+                    <span class="avatar" style="background-image: url(../demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
diff --git a/dist/docs/colors.html b/dist/docs/colors.html
index 97fda15f9..a733a0447 100644
--- a/dist/docs/colors.html
+++ b/dist/docs/colors.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="../favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>Colors - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -43,7 +43,7 @@
           <div class="container">
             <div class="navbar p-0">
               <a class="navbar-brand" href="../index.html">
-                <img src="../assets/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
+                <img src="../demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
               <div class="nav order-lg-2">
                 <div class="nav-item">
@@ -70,7 +70,7 @@
                 </div>
                 <div class="dropdown ml-3">
                   <a href="#" class="nav-link" data-toggle="dropdown">
-                    <span class="avatar" style="background-image: url(../assets/images/faces/female/25.jpg)"></span>
+                    <span class="avatar" style="background-image: url(../demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
diff --git a/dist/docs/form-components.html b/dist/docs/form-components.html
index 05de304d7..77ef7c564 100644
--- a/dist/docs/form-components.html
+++ b/dist/docs/form-components.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="../favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>Form components - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -43,7 +43,7 @@
           <div class="container">
             <div class="navbar p-0">
               <a class="navbar-brand" href="../index.html">
-                <img src="../assets/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
+                <img src="../demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
               <div class="nav order-lg-2">
                 <div class="nav-item">
@@ -70,7 +70,7 @@
                 </div>
                 <div class="dropdown ml-3">
                   <a href="#" class="nav-link" data-toggle="dropdown">
-                    <span class="avatar" style="background-image: url(../assets/images/faces/female/25.jpg)"></span>
+                    <span class="avatar" style="background-image: url(../demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
@@ -319,7 +319,7 @@
                               <label class="imagecheck mb-4">
                                 <input name="imagecheck" type="checkbox" value="1" class="imagecheck-input" />
                                 <figure class="imagecheck-figure">
-                                  <img src="../assets/images/photos/nathan-anderson-316188-500.jpg" alt="}" class="imagecheck-image" />
+                                  <img src="../demo/photos/nathan-anderson-316188-500.jpg" alt="}" class="imagecheck-image" />
                                 </figure>
                               </label>
                             </div>
@@ -327,7 +327,7 @@
                               <label class="imagecheck mb-4">
                                 <input name="imagecheck" type="checkbox" value="2" class="imagecheck-input" checked="" />
                                 <figure class="imagecheck-figure">
-                                  <img src="../assets/images/photos/nathan-dumlao-287713-500.jpg" alt="}" class="imagecheck-image" />
+                                  <img src="../demo/photos/nathan-dumlao-287713-500.jpg" alt="}" class="imagecheck-image" />
                                 </figure>
                               </label>
                             </div>
@@ -335,7 +335,7 @@
                               <label class="imagecheck mb-4">
                                 <input name="imagecheck" type="checkbox" value="3" class="imagecheck-input" />
                                 <figure class="imagecheck-figure">
-                                  <img src="../assets/images/photos/nicolas-picard-208276-500.jpg" alt="}" class="imagecheck-image" />
+                                  <img src="../demo/photos/nicolas-picard-208276-500.jpg" alt="}" class="imagecheck-image" />
                                 </figure>
                               </label>
                             </div>
@@ -343,7 +343,7 @@
                               <label class="imagecheck mb-4">
                                 <input name="imagecheck" type="checkbox" value="4" class="imagecheck-input" checked="" />
                                 <figure class="imagecheck-figure">
-                                  <img src="../assets/images/photos/oskar-vertetics-53043-500.jpg" alt="}" class="imagecheck-image" />
+                                  <img src="../demo/photos/oskar-vertetics-53043-500.jpg" alt="}" class="imagecheck-image" />
                                 </figure>
                               </label>
                             </div>
@@ -351,7 +351,7 @@
                               <label class="imagecheck mb-4">
                                 <input name="imagecheck" type="checkbox" value="5" class="imagecheck-input" />
                                 <figure class="imagecheck-figure">
-                                  <img src="../assets/images/photos/priscilla-du-preez-181896-500.jpg" alt="}" class="imagecheck-image" />
+                                  <img src="../demo/photos/priscilla-du-preez-181896-500.jpg" alt="}" class="imagecheck-image" />
                                 </figure>
                               </label>
                             </div>
@@ -359,7 +359,7 @@
                               <label class="imagecheck mb-4">
                                 <input name="imagecheck" type="checkbox" value="6" class="imagecheck-input" />
                                 <figure class="imagecheck-figure">
-                                  <img src="../assets/images/photos/ricardo-gomez-angel-262359-500.jpg" alt="}" class="imagecheck-image" />
+                                  <img src="../demo/photos/ricardo-gomez-angel-262359-500.jpg" alt="}" class="imagecheck-image" />
                                 </figure>
                               </label>
                             </div>
@@ -374,7 +374,7 @@
       <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"imagecheck mb-4"</span><span class="nt">&gt;</span>
         <span class="nt">&lt;input</span> <span class="na">name=</span><span class="s">"imagecheck"</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">value=</span><span class="s">"1"</span> <span class="na">class=</span><span class="s">"imagecheck-input"</span>  <span class="nt">/&gt;</span>
         <span class="nt">&lt;figure</span> <span class="na">class=</span><span class="s">"imagecheck-figure"</span><span class="nt">&gt;</span>
-          <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./assets/images/photos/nathan-anderson-316188-500.jpg"</span> <span class="na">alt=</span><span class="s">"}"</span> <span class="na">class=</span><span class="s">"imagecheck-image"</span><span class="nt">&gt;</span>
+          <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./demo/photos/nathan-anderson-316188-500.jpg"</span> <span class="na">alt=</span><span class="s">"}"</span> <span class="na">class=</span><span class="s">"imagecheck-image"</span><span class="nt">&gt;</span>
         <span class="nt">&lt;/figure&gt;</span>
       <span class="nt">&lt;/label&gt;</span>
     <span class="nt">&lt;/div&gt;</span>
@@ -382,7 +382,7 @@
       <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"imagecheck mb-4"</span><span class="nt">&gt;</span>
         <span class="nt">&lt;input</span> <span class="na">name=</span><span class="s">"imagecheck"</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">value=</span><span class="s">"2"</span> <span class="na">class=</span><span class="s">"imagecheck-input"</span>  <span class="na">checked</span> <span class="nt">/&gt;</span>
         <span class="nt">&lt;figure</span> <span class="na">class=</span><span class="s">"imagecheck-figure"</span><span class="nt">&gt;</span>
-          <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./assets/images/photos/nathan-dumlao-287713-500.jpg"</span> <span class="na">alt=</span><span class="s">"}"</span> <span class="na">class=</span><span class="s">"imagecheck-image"</span><span class="nt">&gt;</span>
+          <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./demo/photos/nathan-dumlao-287713-500.jpg"</span> <span class="na">alt=</span><span class="s">"}"</span> <span class="na">class=</span><span class="s">"imagecheck-image"</span><span class="nt">&gt;</span>
         <span class="nt">&lt;/figure&gt;</span>
       <span class="nt">&lt;/label&gt;</span>
     <span class="nt">&lt;/div&gt;</span>
@@ -390,7 +390,7 @@
       <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"imagecheck mb-4"</span><span class="nt">&gt;</span>
         <span class="nt">&lt;input</span> <span class="na">name=</span><span class="s">"imagecheck"</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">value=</span><span class="s">"3"</span> <span class="na">class=</span><span class="s">"imagecheck-input"</span>  <span class="nt">/&gt;</span>
         <span class="nt">&lt;figure</span> <span class="na">class=</span><span class="s">"imagecheck-figure"</span><span class="nt">&gt;</span>
-          <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./assets/images/photos/nicolas-picard-208276-500.jpg"</span> <span class="na">alt=</span><span class="s">"}"</span> <span class="na">class=</span><span class="s">"imagecheck-image"</span><span class="nt">&gt;</span>
+          <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./demo/photos/nicolas-picard-208276-500.jpg"</span> <span class="na">alt=</span><span class="s">"}"</span> <span class="na">class=</span><span class="s">"imagecheck-image"</span><span class="nt">&gt;</span>
         <span class="nt">&lt;/figure&gt;</span>
       <span class="nt">&lt;/label&gt;</span>
     <span class="nt">&lt;/div&gt;</span>
@@ -398,7 +398,7 @@
       <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"imagecheck mb-4"</span><span class="nt">&gt;</span>
         <span class="nt">&lt;input</span> <span class="na">name=</span><span class="s">"imagecheck"</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">value=</span><span class="s">"4"</span> <span class="na">class=</span><span class="s">"imagecheck-input"</span>  <span class="na">checked</span> <span class="nt">/&gt;</span>
         <span class="nt">&lt;figure</span> <span class="na">class=</span><span class="s">"imagecheck-figure"</span><span class="nt">&gt;</span>
-          <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./assets/images/photos/oskar-vertetics-53043-500.jpg"</span> <span class="na">alt=</span><span class="s">"}"</span> <span class="na">class=</span><span class="s">"imagecheck-image"</span><span class="nt">&gt;</span>
+          <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./demo/photos/oskar-vertetics-53043-500.jpg"</span> <span class="na">alt=</span><span class="s">"}"</span> <span class="na">class=</span><span class="s">"imagecheck-image"</span><span class="nt">&gt;</span>
         <span class="nt">&lt;/figure&gt;</span>
       <span class="nt">&lt;/label&gt;</span>
     <span class="nt">&lt;/div&gt;</span>
@@ -406,7 +406,7 @@
       <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"imagecheck mb-4"</span><span class="nt">&gt;</span>
         <span class="nt">&lt;input</span> <span class="na">name=</span><span class="s">"imagecheck"</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">value=</span><span class="s">"5"</span> <span class="na">class=</span><span class="s">"imagecheck-input"</span>  <span class="nt">/&gt;</span>
         <span class="nt">&lt;figure</span> <span class="na">class=</span><span class="s">"imagecheck-figure"</span><span class="nt">&gt;</span>
-          <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./assets/images/photos/priscilla-du-preez-181896-500.jpg"</span> <span class="na">alt=</span><span class="s">"}"</span> <span class="na">class=</span><span class="s">"imagecheck-image"</span><span class="nt">&gt;</span>
+          <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./demo/photos/priscilla-du-preez-181896-500.jpg"</span> <span class="na">alt=</span><span class="s">"}"</span> <span class="na">class=</span><span class="s">"imagecheck-image"</span><span class="nt">&gt;</span>
         <span class="nt">&lt;/figure&gt;</span>
       <span class="nt">&lt;/label&gt;</span>
     <span class="nt">&lt;/div&gt;</span>
@@ -414,7 +414,7 @@
       <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"imagecheck mb-4"</span><span class="nt">&gt;</span>
         <span class="nt">&lt;input</span> <span class="na">name=</span><span class="s">"imagecheck"</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">value=</span><span class="s">"6"</span> <span class="na">class=</span><span class="s">"imagecheck-input"</span>  <span class="nt">/&gt;</span>
         <span class="nt">&lt;figure</span> <span class="na">class=</span><span class="s">"imagecheck-figure"</span><span class="nt">&gt;</span>
-          <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./assets/images/photos/ricardo-gomez-angel-262359-500.jpg"</span> <span class="na">alt=</span><span class="s">"}"</span> <span class="na">class=</span><span class="s">"imagecheck-image"</span><span class="nt">&gt;</span>
+          <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./demo/photos/ricardo-gomez-angel-262359-500.jpg"</span> <span class="na">alt=</span><span class="s">"}"</span> <span class="na">class=</span><span class="s">"imagecheck-image"</span><span class="nt">&gt;</span>
         <span class="nt">&lt;/figure&gt;</span>
       <span class="nt">&lt;/label&gt;</span>
     <span class="nt">&lt;/div&gt;</span>
diff --git a/dist/docs/grid.html b/dist/docs/grid.html
index d21947e61..bdb0b16c0 100644
--- a/dist/docs/grid.html
+++ b/dist/docs/grid.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="../favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>Grid utilities - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -43,7 +43,7 @@
           <div class="container">
             <div class="navbar p-0">
               <a class="navbar-brand" href="../index.html">
-                <img src="../assets/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
+                <img src="../demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
               <div class="nav order-lg-2">
                 <div class="nav-item">
@@ -70,7 +70,7 @@
                 </div>
                 <div class="dropdown ml-3">
                   <a href="#" class="nav-link" data-toggle="dropdown">
-                    <span class="avatar" style="background-image: url(../assets/images/faces/female/25.jpg)"></span>
+                    <span class="avatar" style="background-image: url(../demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
diff --git a/dist/docs/index.html b/dist/docs/index.html
index 97ba75b7b..f6cc27f35 100644
--- a/dist/docs/index.html
+++ b/dist/docs/index.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="../favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>Introduction - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -43,7 +43,7 @@
           <div class="container">
             <div class="navbar p-0">
               <a class="navbar-brand" href="../index.html">
-                <img src="../assets/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
+                <img src="../demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
               <div class="nav order-lg-2">
                 <div class="nav-item">
@@ -70,7 +70,7 @@
                 </div>
                 <div class="dropdown ml-3">
                   <a href="#" class="nav-link" data-toggle="dropdown">
-                    <span class="avatar" style="background-image: url(../assets/images/faces/female/25.jpg)"></span>
+                    <span class="avatar" style="background-image: url(../demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
diff --git a/dist/docs/tags.html b/dist/docs/tags.html
index e7de9e10e..add66eeb9 100644
--- a/dist/docs/tags.html
+++ b/dist/docs/tags.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="../favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>Tags - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -43,7 +43,7 @@
           <div class="container">
             <div class="navbar p-0">
               <a class="navbar-brand" href="../index.html">
-                <img src="../assets/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
+                <img src="../demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
               <div class="nav order-lg-2">
                 <div class="nav-item">
@@ -70,7 +70,7 @@
                 </div>
                 <div class="dropdown ml-3">
                   <a href="#" class="nav-link" data-toggle="dropdown">
-                    <span class="avatar" style="background-image: url(../assets/images/faces/female/25.jpg)"></span>
+                    <span class="avatar" style="background-image: url(../demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
@@ -294,70 +294,70 @@
                       <div class="example">
                         <div class="tags">
                           <span class="tag">
-                            <span class="tag-avatar avatar" style="background-image: url(../assets/images/faces/female/16.jpg)"></span>
+                            <span class="tag-avatar avatar" style="background-image: url(../demo/faces/female/16.jpg)"></span>
                             Victoria
                           </span>
                           <span class="tag">
-                            <span class="tag-avatar avatar" style="background-image: url(../assets/images/faces/male/41.jpg)"></span>
+                            <span class="tag-avatar avatar" style="background-image: url(../demo/faces/male/41.jpg)"></span>
                             Nathan
                           </span>
                           <span class="tag">
-                            <span class="tag-avatar avatar" style="background-image: url(../assets/images/faces/female/1.jpg)"></span>
+                            <span class="tag-avatar avatar" style="background-image: url(../demo/faces/female/1.jpg)"></span>
                             Alice
                           </span>
                           <span class="tag">
-                            <span class="tag-avatar avatar" style="background-image: url(../assets/images/faces/female/18.jpg)"></span>
+                            <span class="tag-avatar avatar" style="background-image: url(../demo/faces/female/18.jpg)"></span>
                             Rose
                           </span>
                           <span class="tag">
-                            <span class="tag-avatar avatar" style="background-image: url(../assets/images/faces/male/16.jpg)"></span>
+                            <span class="tag-avatar avatar" style="background-image: url(../demo/faces/male/16.jpg)"></span>
                             Peter
                           </span>
                           <span class="tag">
-                            <span class="tag-avatar avatar" style="background-image: url(../assets/images/faces/male/26.jpg)"></span>
+                            <span class="tag-avatar avatar" style="background-image: url(../demo/faces/male/26.jpg)"></span>
                             Wayne
                           </span>
                           <span class="tag">
-                            <span class="tag-avatar avatar" style="background-image: url(../assets/images/faces/female/7.jpg)"></span>
+                            <span class="tag-avatar avatar" style="background-image: url(../demo/faces/female/7.jpg)"></span>
                             Michelle
                           </span>
                           <span class="tag">
-                            <span class="tag-avatar avatar" style="background-image: url(../assets/images/faces/female/17.jpg)"></span>
+                            <span class="tag-avatar avatar" style="background-image: url(../demo/faces/female/17.jpg)"></span>
                             Debra
                           </span>
                         </div>
                       </div>
                       <div class="highlight">
                         <pre><code class="language-html" data-lang="html"><span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"tag-avatar avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/16.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"tag-avatar avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/female/16.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
   Victoria
 <span class="nt">&lt;/span&gt;</span>
 <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"tag-avatar avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/41.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"tag-avatar avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/male/41.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
   Nathan
 <span class="nt">&lt;/span&gt;</span>
 <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"tag-avatar avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/1.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"tag-avatar avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/female/1.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
   Alice
 <span class="nt">&lt;/span&gt;</span>
 <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"tag-avatar avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/18.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"tag-avatar avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/female/18.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
   Rose
 <span class="nt">&lt;/span&gt;</span>
 <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"tag-avatar avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/16.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"tag-avatar avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/male/16.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
   Peter
 <span class="nt">&lt;/span&gt;</span>
 <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"tag-avatar avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/26.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"tag-avatar avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/male/26.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
   Wayne
 <span class="nt">&lt;/span&gt;</span>
 <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"tag-avatar avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/7.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"tag-avatar avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/female/7.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
   Michelle
 <span class="nt">&lt;/span&gt;</span>
 <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"tag-avatar avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/17.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"tag-avatar avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./demo/faces/female/17.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
   Debra
 <span class="nt">&lt;/span&gt;</span></code></pre>
                       </div>
diff --git a/dist/docs/typography.html b/dist/docs/typography.html
index 0f3d8d7db..93d250e94 100644
--- a/dist/docs/typography.html
+++ b/dist/docs/typography.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="../favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>Typography - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -43,7 +43,7 @@
           <div class="container">
             <div class="navbar p-0">
               <a class="navbar-brand" href="../index.html">
-                <img src="../assets/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
+                <img src="../demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
               <div class="nav order-lg-2">
                 <div class="nav-item">
@@ -70,7 +70,7 @@
                 </div>
                 <div class="dropdown ml-3">
                   <a href="#" class="nav-link" data-toggle="dropdown">
-                    <span class="avatar" style="background-image: url(../assets/images/faces/female/25.jpg)"></span>
+                    <span class="avatar" style="background-image: url(../demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
diff --git a/dist/email.html b/dist/email.html
index e08d11e86..9f891ebda 100644
--- a/dist/email.html
+++ b/dist/email.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>Email - tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -43,7 +43,7 @@
           <div class="container">
             <div class="navbar p-0">
               <a class="navbar-brand" href="./index.html">
-                <img src="./assets/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
+                <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
               <div class="nav order-lg-2">
                 <div class="nav-item">
@@ -70,7 +70,7 @@
                 </div>
                 <div class="dropdown ml-3">
                   <a href="#" class="nav-link" data-toggle="dropdown">
-                    <span class="avatar" style="background-image: url(./assets/images/faces/female/25.jpg)"></span>
+                    <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
diff --git a/dist/empty.html b/dist/empty.html
index 233c6ba32..d282da7ae 100644
--- a/dist/empty.html
+++ b/dist/empty.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>Empty page - tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -43,7 +43,7 @@
           <div class="container">
             <div class="navbar p-0">
               <a class="navbar-brand" href="./index.html">
-                <img src="./assets/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
+                <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
               <div class="nav order-lg-2">
                 <div class="nav-item">
@@ -70,7 +70,7 @@
                 </div>
                 <div class="dropdown ml-3">
                   <a href="#" class="nav-link" data-toggle="dropdown">
-                    <span class="avatar" style="background-image: url(./assets/images/faces/female/25.jpg)"></span>
+                    <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
diff --git a/dist/forgot-password.html b/dist/forgot-password.html
index 94a350be2..182e0e3fb 100644
--- a/dist/forgot-password.html
+++ b/dist/forgot-password.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>Forgot password - tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
diff --git a/dist/form-elements.html b/dist/form-elements.html
index 1a01d35c4..b705a62c8 100644
--- a/dist/form-elements.html
+++ b/dist/form-elements.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -43,7 +43,7 @@
           <div class="container">
             <div class="navbar p-0">
               <a class="navbar-brand" href="./index.html">
-                <img src="./assets/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
+                <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
               <div class="nav order-lg-2">
                 <div class="nav-item">
@@ -70,7 +70,7 @@
                 </div>
                 <div class="dropdown ml-3">
                   <a href="#" class="nav-link" data-toggle="dropdown">
-                    <span class="avatar" style="background-image: url(./assets/images/faces/female/25.jpg)"></span>
+                    <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
@@ -216,7 +216,7 @@
                               <label class="imagecheck mb-4">
                                 <input name="imagecheck" type="checkbox" value="1" class="imagecheck-input"  />
                                 <figure class="imagecheck-figure">
-                                  <img src="./assets/images/photos/nathan-anderson-316188-500.jpg" alt="}" class="imagecheck-image">
+                                  <img src="./demo/photos/nathan-anderson-316188-500.jpg" alt="}" class="imagecheck-image">
                                 </figure>
                               </label>
                             </div>
@@ -224,7 +224,7 @@
                               <label class="imagecheck mb-4">
                                 <input name="imagecheck" type="checkbox" value="2" class="imagecheck-input"  checked />
                                 <figure class="imagecheck-figure">
-                                  <img src="./assets/images/photos/nathan-dumlao-287713-500.jpg" alt="}" class="imagecheck-image">
+                                  <img src="./demo/photos/nathan-dumlao-287713-500.jpg" alt="}" class="imagecheck-image">
                                 </figure>
                               </label>
                             </div>
@@ -232,7 +232,7 @@
                               <label class="imagecheck mb-4">
                                 <input name="imagecheck" type="checkbox" value="3" class="imagecheck-input"  />
                                 <figure class="imagecheck-figure">
-                                  <img src="./assets/images/photos/nicolas-picard-208276-500.jpg" alt="}" class="imagecheck-image">
+                                  <img src="./demo/photos/nicolas-picard-208276-500.jpg" alt="}" class="imagecheck-image">
                                 </figure>
                               </label>
                             </div>
@@ -240,7 +240,7 @@
                               <label class="imagecheck mb-4">
                                 <input name="imagecheck" type="checkbox" value="4" class="imagecheck-input"  checked />
                                 <figure class="imagecheck-figure">
-                                  <img src="./assets/images/photos/oskar-vertetics-53043-500.jpg" alt="}" class="imagecheck-image">
+                                  <img src="./demo/photos/oskar-vertetics-53043-500.jpg" alt="}" class="imagecheck-image">
                                 </figure>
                               </label>
                             </div>
@@ -248,7 +248,7 @@
                               <label class="imagecheck mb-4">
                                 <input name="imagecheck" type="checkbox" value="5" class="imagecheck-input"  />
                                 <figure class="imagecheck-figure">
-                                  <img src="./assets/images/photos/priscilla-du-preez-181896-500.jpg" alt="}" class="imagecheck-image">
+                                  <img src="./demo/photos/priscilla-du-preez-181896-500.jpg" alt="}" class="imagecheck-image">
                                 </figure>
                               </label>
                             </div>
@@ -256,7 +256,7 @@
                               <label class="imagecheck mb-4">
                                 <input name="imagecheck" type="checkbox" value="6" class="imagecheck-input"  />
                                 <figure class="imagecheck-figure">
-                                  <img src="./assets/images/photos/ricardo-gomez-angel-262359-500.jpg" alt="}" class="imagecheck-image">
+                                  <img src="./demo/photos/ricardo-gomez-angel-262359-500.jpg" alt="}" class="imagecheck-image">
                                 </figure>
                               </label>
                             </div>
@@ -264,7 +264,7 @@
                               <label class="imagecheck mb-4">
                                 <input name="imagecheck" type="checkbox" value="7" class="imagecheck-input"  checked />
                                 <figure class="imagecheck-figure">
-                                  <img src="./assets/images/photos/sam-ferrara-136526-500.jpg" alt="}" class="imagecheck-image">
+                                  <img src="./demo/photos/sam-ferrara-136526-500.jpg" alt="}" class="imagecheck-image">
                                 </figure>
                               </label>
                             </div>
@@ -272,7 +272,7 @@
                               <label class="imagecheck mb-4">
                                 <input name="imagecheck" type="checkbox" value="8" class="imagecheck-input"  />
                                 <figure class="imagecheck-figure">
-                                  <img src="./assets/images/photos/sean-afnan-244576-500.jpg" alt="}" class="imagecheck-image">
+                                  <img src="./demo/photos/sean-afnan-244576-500.jpg" alt="}" class="imagecheck-image">
                                 </figure>
                               </label>
                             </div>
@@ -280,7 +280,7 @@
                               <label class="imagecheck mb-4">
                                 <input name="imagecheck" type="checkbox" value="9" class="imagecheck-input"  />
                                 <figure class="imagecheck-figure">
-                                  <img src="./assets/images/photos/sophie-higginbottom-133982-500.jpg" alt="}" class="imagecheck-image">
+                                  <img src="./demo/photos/sophie-higginbottom-133982-500.jpg" alt="}" class="imagecheck-image">
                                 </figure>
                               </label>
                             </div>
@@ -910,106 +910,106 @@
                       <div class="form-group">
                         <label class="form-label">Users list</label>
                         <select name="user" id="select-users" class="form-control custom-select">
-                          <option value="1" data-data='{"image": "assets/images/faces/female/16.jpg"}'>Victoria King</option>
-                          <option value="2" data-data='{"image": "assets/images/faces/male/41.jpg"}'>Nathan Guerrero</option>
-                          <option value="3" data-data='{"image": "assets/images/faces/female/1.jpg"}'>Alice Mason</option>
-                          <option value="4" data-data='{"image": "assets/images/faces/female/18.jpg"}'>Rose Bradley</option>
-                          <option value="5" data-data='{"image": "assets/images/faces/male/16.jpg"}'>Peter Richards</option>
-                          <option value="6" data-data='{"image": "assets/images/faces/male/26.jpg"}'>Wayne Holland</option>
-                          <option value="7" data-data='{"image": "assets/images/faces/female/7.jpg"}'>Michelle Ross</option>
-                          <option value="8" data-data='{"image": "assets/images/faces/female/17.jpg"}'>Debra Beck</option>
-                          <option value="9" data-data='{"image": "assets/images/faces/male/30.jpg"}'>Phillip Peters</option>
-                          <option value="10" data-data='{"image": "assets/images/faces/male/32.jpg"}'>Jack Ruiz</option>
-                          <option value="11" data-data='{"image": "assets/images/faces/male/9.jpg"}'>Ronald Bradley</option>
-                          <option value="12" data-data='{"image": "assets/images/faces/female/8.jpg"}'>Kathleen Harper</option>
-                          <option value="13" data-data='{"image": "assets/images/faces/male/4.jpg"}'>Bobby Knight</option>
-                          <option value="14" data-data='{"image": "assets/images/faces/male/35.jpg"}'>Craig Anderson</option>
-                          <option value="15" data-data='{"image": "assets/images/faces/female/29.jpg"}'>Crystal Wallace</option>
-                          <option value="16" data-data='{"image": "assets/images/faces/male/2.jpg"}'>Vincent Valdez</option>
-                          <option value="17" data-data='{"image": "assets/images/faces/female/1.jpg"}'>Beverly Armstrong</option>
-                          <option value="18" data-data='{"image": "assets/images/faces/male/40.jpg"}'>Russell Gibson</option>
-                          <option value="19" data-data='{"image": "assets/images/faces/male/7.jpg"}'>Tyler Munoz</option>
-                          <option value="20" data-data='{"image": "assets/images/faces/female/11.jpg"}'>Sharon Wells</option>
-                          <option value="21" data-data='{"image": "assets/images/faces/male/21.jpg"}'>Juan Hernandez</option>
-                          <option value="22" data-data='{"image": "assets/images/faces/male/25.jpg"}'>Dylan Walters</option>
-                          <option value="23" data-data='{"image": "assets/images/faces/female/5.jpg"}'>Kathryn Cooper</option>
-                          <option value="24" data-data='{"image": "assets/images/faces/female/17.jpg"}'>Cynthia Curtis</option>
-                          <option value="25" data-data='{"image": "assets/images/faces/male/40.jpg"}'>Michael Obrien</option>
-                          <option value="26" data-data='{"image": "assets/images/faces/male/33.jpg"}'>Billy May</option>
-                          <option value="27" data-data='{"image": "assets/images/faces/male/6.jpg"}'>Larry Jensen</option>
-                          <option value="28" data-data='{"image": "assets/images/faces/male/32.jpg"}'>Terry Barnett</option>
-                          <option value="29" data-data='{"image": "assets/images/faces/female/10.jpg"}'>Ruth Arnold</option>
-                          <option value="30" data-data='{"image": "assets/images/faces/female/18.jpg"}'>Julia Reed</option>
-                          <option value="31" data-data='{"image": "assets/images/faces/female/12.jpg"}'>Amanda Hunt</option>
-                          <option value="32" data-data='{"image": "assets/images/faces/female/21.jpg"}'>Laura Weaver</option>
-                          <option value="33" data-data='{"image": "assets/images/faces/female/29.jpg"}'>Margaret Berry</option>
-                          <option value="34" data-data='{"image": "assets/images/faces/female/2.jpg"}'>Nancy Herrera</option>
-                          <option value="35" data-data='{"image": "assets/images/faces/male/34.jpg"}'>Edward Larson</option>
-                          <option value="36" data-data='{"image": "assets/images/faces/female/11.jpg"}'>Joan Hanson</option>
-                          <option value="37" data-data='{"image": "assets/images/faces/female/30.jpg"}'>Janet Reed</option>
-                          <option value="38" data-data='{"image": "assets/images/faces/male/31.jpg"}'>Johnny Barnett</option>
-                          <option value="39" data-data='{"image": "assets/images/faces/male/42.jpg"}'>Ethan Griffin</option>
-                          <option value="40" data-data='{"image": "assets/images/faces/male/2.jpg"}'>Albert Torres</option>
-                          <option value="41" data-data='{"image": "assets/images/faces/female/25.jpg"}'>Jane Pearson</option>
-                          <option value="42" data-data='{"image": "assets/images/faces/male/9.jpg"}'>Jason Porter</option>
-                          <option value="43" data-data='{"image": "assets/images/faces/female/25.jpg"}'>Teresa Wood</option>
-                          <option value="44" data-data='{"image": "assets/images/faces/female/16.jpg"}'>Mary Butler</option>
-                          <option value="45" data-data='{"image": "assets/images/faces/female/27.jpg"}'>Janice Lane</option>
-                          <option value="46" data-data='{"image": "assets/images/faces/male/26.jpg"}'>Anthony Miller</option>
-                          <option value="47" data-data='{"image": "assets/images/faces/female/9.jpg"}'>Denise Elliott</option>
-                          <option value="48" data-data='{"image": "assets/images/faces/female/16.jpg"}'>Rose Cook</option>
-                          <option value="49" data-data='{"image": "assets/images/faces/male/17.jpg"}'>Terry Tucker</option>
-                          <option value="50" data-data='{"image": "assets/images/faces/female/6.jpg"}'>Grace Knight</option>
-                          <option value="51" data-data='{"image": "assets/images/faces/female/26.jpg"}'>Elizabeth Martin</option>
-                          <option value="52" data-data='{"image": "assets/images/faces/female/17.jpg"}'>Michelle Schultz</option>
-                          <option value="53" data-data='{"image": "assets/images/faces/female/21.jpg"}'>Crystal Austin</option>
-                          <option value="54" data-data='{"image": "assets/images/faces/male/32.jpg"}'>Douglas Ray</option>
-                          <option value="55" data-data='{"image": "assets/images/faces/female/12.jpg"}'>Teresa Reyes</option>
-                          <option value="56" data-data='{"image": "assets/images/faces/female/4.jpg"}'>Emma Wade</option>
-                          <option value="57" data-data='{"image": "assets/images/faces/female/27.jpg"}'>Carol Henderson</option>
-                          <option value="58" data-data='{"image": "assets/images/faces/male/20.jpg"}'>Christopher Harvey</option>
-                          <option value="59" data-data='{"image": "assets/images/faces/female/5.jpg"}'>Deborah Alvarado</option>
-                          <option value="60" data-data='{"image": "assets/images/faces/male/10.jpg"}'>Gregory Hunt</option>
-                          <option value="61" data-data='{"image": "assets/images/faces/male/14.jpg"}'>Jesse Carlson</option>
-                          <option value="62" data-data='{"image": "assets/images/faces/female/22.jpg"}'>Joan Wood</option>
-                          <option value="63" data-data='{"image": "assets/images/faces/male/20.jpg"}'>Carl Alvarado</option>
-                          <option value="64" data-data='{"image": "assets/images/faces/male/40.jpg"}'>Frank George</option>
-                          <option value="65" data-data='{"image": "assets/images/faces/female/17.jpg"}'>Kathleen Greene</option>
-                          <option value="66" data-data='{"image": "assets/images/faces/female/6.jpg"}'>Michelle Gray</option>
-                          <option value="67" data-data='{"image": "assets/images/faces/female/5.jpg"}'>Nancy Hawkins</option>
-                          <option value="68" data-data='{"image": "assets/images/faces/male/1.jpg"}'>Tyler Fisher</option>
-                          <option value="69" data-data='{"image": "assets/images/faces/male/5.jpg"}'>Jordan Cunningham</option>
-                          <option value="70" data-data='{"image": "assets/images/faces/male/27.jpg"}'>Wayne Reynolds</option>
-                          <option value="71" data-data='{"image": "assets/images/faces/male/10.jpg"}'>Johnny Carlson</option>
-                          <option value="72" data-data='{"image": "assets/images/faces/male/31.jpg"}'>Tyler Washington</option>
-                          <option value="73" data-data='{"image": "assets/images/faces/female/18.jpg"}'>Debra Alvarado</option>
-                          <option value="74" data-data='{"image": "assets/images/faces/female/21.jpg"}'>Beverly Brewer</option>
-                          <option value="75" data-data='{"image": "assets/images/faces/male/42.jpg"}'>Sean Gilbert</option>
-                          <option value="76" data-data='{"image": "assets/images/faces/female/32.jpg"}'>Diane McCoy</option>
-                          <option value="77" data-data='{"image": "assets/images/faces/male/35.jpg"}'>Robert Newman</option>
-                          <option value="78" data-data='{"image": "assets/images/faces/female/26.jpg"}'>Olivia Newman</option>
-                          <option value="79" data-data='{"image": "assets/images/faces/female/18.jpg"}'>Lori George</option>
-                          <option value="80" data-data='{"image": "assets/images/faces/female/13.jpg"}'>Madison Jimenez</option>
-                          <option value="81" data-data='{"image": "assets/images/faces/female/4.jpg"}'>Joan Rivera</option>
-                          <option value="82" data-data='{"image": "assets/images/faces/female/27.jpg"}'>Helen Aguilar</option>
-                          <option value="83" data-data='{"image": "assets/images/faces/male/40.jpg"}'>Bryan Johnson</option>
-                          <option value="84" data-data='{"image": "assets/images/faces/female/27.jpg"}'>Joan Beck</option>
-                          <option value="85" data-data='{"image": "assets/images/faces/male/33.jpg"}'>Douglas James</option>
-                          <option value="86" data-data='{"image": "assets/images/faces/male/24.jpg"}'>Ethan Bell</option>
-                          <option value="87" data-data='{"image": "assets/images/faces/female/18.jpg"}'>Frances White</option>
-                          <option value="88" data-data='{"image": "assets/images/faces/female/26.jpg"}'>Amanda Lawrence</option>
-                          <option value="89" data-data='{"image": "assets/images/faces/female/7.jpg"}'>Emma Bailey</option>
-                          <option value="90" data-data='{"image": "assets/images/faces/female/16.jpg"}'>Anna Jordan</option>
-                          <option value="91" data-data='{"image": "assets/images/faces/male/12.jpg"}'>Daniel Keller</option>
-                          <option value="92" data-data='{"image": "assets/images/faces/female/23.jpg"}'>Rachel Vargas</option>
-                          <option value="93" data-data='{"image": "assets/images/faces/female/15.jpg"}'>Virginia Kelly</option>
-                          <option value="94" data-data='{"image": "assets/images/faces/male/32.jpg"}'>Joe Sandoval</option>
-                          <option value="95" data-data='{"image": "assets/images/faces/female/9.jpg"}'>Megan Ray</option>
-                          <option value="96" data-data='{"image": "assets/images/faces/male/28.jpg"}'>Joshua Rios</option>
-                          <option value="97" data-data='{"image": "assets/images/faces/male/9.jpg"}'>Aaron Silva</option>
-                          <option value="98" data-data='{"image": "assets/images/faces/female/10.jpg"}'>Kathy Wallace</option>
-                          <option value="99" data-data='{"image": "assets/images/faces/male/14.jpg"}'>Zachary Griffin</option>
-                          <option value="100" data-data='{"image": "assets/images/faces/male/11.jpg"}'>Richard Allen</option>
+                          <option value="1" data-data='{"image": "demo/faces/female/16.jpg"}'>Victoria King</option>
+                          <option value="2" data-data='{"image": "demo/faces/male/41.jpg"}'>Nathan Guerrero</option>
+                          <option value="3" data-data='{"image": "demo/faces/female/1.jpg"}'>Alice Mason</option>
+                          <option value="4" data-data='{"image": "demo/faces/female/18.jpg"}'>Rose Bradley</option>
+                          <option value="5" data-data='{"image": "demo/faces/male/16.jpg"}'>Peter Richards</option>
+                          <option value="6" data-data='{"image": "demo/faces/male/26.jpg"}'>Wayne Holland</option>
+                          <option value="7" data-data='{"image": "demo/faces/female/7.jpg"}'>Michelle Ross</option>
+                          <option value="8" data-data='{"image": "demo/faces/female/17.jpg"}'>Debra Beck</option>
+                          <option value="9" data-data='{"image": "demo/faces/male/30.jpg"}'>Phillip Peters</option>
+                          <option value="10" data-data='{"image": "demo/faces/male/32.jpg"}'>Jack Ruiz</option>
+                          <option value="11" data-data='{"image": "demo/faces/male/9.jpg"}'>Ronald Bradley</option>
+                          <option value="12" data-data='{"image": "demo/faces/female/8.jpg"}'>Kathleen Harper</option>
+                          <option value="13" data-data='{"image": "demo/faces/male/4.jpg"}'>Bobby Knight</option>
+                          <option value="14" data-data='{"image": "demo/faces/male/35.jpg"}'>Craig Anderson</option>
+                          <option value="15" data-data='{"image": "demo/faces/female/29.jpg"}'>Crystal Wallace</option>
+                          <option value="16" data-data='{"image": "demo/faces/male/2.jpg"}'>Vincent Valdez</option>
+                          <option value="17" data-data='{"image": "demo/faces/female/1.jpg"}'>Beverly Armstrong</option>
+                          <option value="18" data-data='{"image": "demo/faces/male/40.jpg"}'>Russell Gibson</option>
+                          <option value="19" data-data='{"image": "demo/faces/male/7.jpg"}'>Tyler Munoz</option>
+                          <option value="20" data-data='{"image": "demo/faces/female/11.jpg"}'>Sharon Wells</option>
+                          <option value="21" data-data='{"image": "demo/faces/male/21.jpg"}'>Juan Hernandez</option>
+                          <option value="22" data-data='{"image": "demo/faces/male/25.jpg"}'>Dylan Walters</option>
+                          <option value="23" data-data='{"image": "demo/faces/female/5.jpg"}'>Kathryn Cooper</option>
+                          <option value="24" data-data='{"image": "demo/faces/female/17.jpg"}'>Cynthia Curtis</option>
+                          <option value="25" data-data='{"image": "demo/faces/male/40.jpg"}'>Michael Obrien</option>
+                          <option value="26" data-data='{"image": "demo/faces/male/33.jpg"}'>Billy May</option>
+                          <option value="27" data-data='{"image": "demo/faces/male/6.jpg"}'>Larry Jensen</option>
+                          <option value="28" data-data='{"image": "demo/faces/male/32.jpg"}'>Terry Barnett</option>
+                          <option value="29" data-data='{"image": "demo/faces/female/10.jpg"}'>Ruth Arnold</option>
+                          <option value="30" data-data='{"image": "demo/faces/female/18.jpg"}'>Julia Reed</option>
+                          <option value="31" data-data='{"image": "demo/faces/female/12.jpg"}'>Amanda Hunt</option>
+                          <option value="32" data-data='{"image": "demo/faces/female/21.jpg"}'>Laura Weaver</option>
+                          <option value="33" data-data='{"image": "demo/faces/female/29.jpg"}'>Margaret Berry</option>
+                          <option value="34" data-data='{"image": "demo/faces/female/2.jpg"}'>Nancy Herrera</option>
+                          <option value="35" data-data='{"image": "demo/faces/male/34.jpg"}'>Edward Larson</option>
+                          <option value="36" data-data='{"image": "demo/faces/female/11.jpg"}'>Joan Hanson</option>
+                          <option value="37" data-data='{"image": "demo/faces/female/30.jpg"}'>Janet Reed</option>
+                          <option value="38" data-data='{"image": "demo/faces/male/31.jpg"}'>Johnny Barnett</option>
+                          <option value="39" data-data='{"image": "demo/faces/male/42.jpg"}'>Ethan Griffin</option>
+                          <option value="40" data-data='{"image": "demo/faces/male/2.jpg"}'>Albert Torres</option>
+                          <option value="41" data-data='{"image": "demo/faces/female/25.jpg"}'>Jane Pearson</option>
+                          <option value="42" data-data='{"image": "demo/faces/male/9.jpg"}'>Jason Porter</option>
+                          <option value="43" data-data='{"image": "demo/faces/female/25.jpg"}'>Teresa Wood</option>
+                          <option value="44" data-data='{"image": "demo/faces/female/16.jpg"}'>Mary Butler</option>
+                          <option value="45" data-data='{"image": "demo/faces/female/27.jpg"}'>Janice Lane</option>
+                          <option value="46" data-data='{"image": "demo/faces/male/26.jpg"}'>Anthony Miller</option>
+                          <option value="47" data-data='{"image": "demo/faces/female/9.jpg"}'>Denise Elliott</option>
+                          <option value="48" data-data='{"image": "demo/faces/female/16.jpg"}'>Rose Cook</option>
+                          <option value="49" data-data='{"image": "demo/faces/male/17.jpg"}'>Terry Tucker</option>
+                          <option value="50" data-data='{"image": "demo/faces/female/6.jpg"}'>Grace Knight</option>
+                          <option value="51" data-data='{"image": "demo/faces/female/26.jpg"}'>Elizabeth Martin</option>
+                          <option value="52" data-data='{"image": "demo/faces/female/17.jpg"}'>Michelle Schultz</option>
+                          <option value="53" data-data='{"image": "demo/faces/female/21.jpg"}'>Crystal Austin</option>
+                          <option value="54" data-data='{"image": "demo/faces/male/32.jpg"}'>Douglas Ray</option>
+                          <option value="55" data-data='{"image": "demo/faces/female/12.jpg"}'>Teresa Reyes</option>
+                          <option value="56" data-data='{"image": "demo/faces/female/4.jpg"}'>Emma Wade</option>
+                          <option value="57" data-data='{"image": "demo/faces/female/27.jpg"}'>Carol Henderson</option>
+                          <option value="58" data-data='{"image": "demo/faces/male/20.jpg"}'>Christopher Harvey</option>
+                          <option value="59" data-data='{"image": "demo/faces/female/5.jpg"}'>Deborah Alvarado</option>
+                          <option value="60" data-data='{"image": "demo/faces/male/10.jpg"}'>Gregory Hunt</option>
+                          <option value="61" data-data='{"image": "demo/faces/male/14.jpg"}'>Jesse Carlson</option>
+                          <option value="62" data-data='{"image": "demo/faces/female/22.jpg"}'>Joan Wood</option>
+                          <option value="63" data-data='{"image": "demo/faces/male/20.jpg"}'>Carl Alvarado</option>
+                          <option value="64" data-data='{"image": "demo/faces/male/40.jpg"}'>Frank George</option>
+                          <option value="65" data-data='{"image": "demo/faces/female/17.jpg"}'>Kathleen Greene</option>
+                          <option value="66" data-data='{"image": "demo/faces/female/6.jpg"}'>Michelle Gray</option>
+                          <option value="67" data-data='{"image": "demo/faces/female/5.jpg"}'>Nancy Hawkins</option>
+                          <option value="68" data-data='{"image": "demo/faces/male/1.jpg"}'>Tyler Fisher</option>
+                          <option value="69" data-data='{"image": "demo/faces/male/5.jpg"}'>Jordan Cunningham</option>
+                          <option value="70" data-data='{"image": "demo/faces/male/27.jpg"}'>Wayne Reynolds</option>
+                          <option value="71" data-data='{"image": "demo/faces/male/10.jpg"}'>Johnny Carlson</option>
+                          <option value="72" data-data='{"image": "demo/faces/male/31.jpg"}'>Tyler Washington</option>
+                          <option value="73" data-data='{"image": "demo/faces/female/18.jpg"}'>Debra Alvarado</option>
+                          <option value="74" data-data='{"image": "demo/faces/female/21.jpg"}'>Beverly Brewer</option>
+                          <option value="75" data-data='{"image": "demo/faces/male/42.jpg"}'>Sean Gilbert</option>
+                          <option value="76" data-data='{"image": "demo/faces/female/32.jpg"}'>Diane McCoy</option>
+                          <option value="77" data-data='{"image": "demo/faces/male/35.jpg"}'>Robert Newman</option>
+                          <option value="78" data-data='{"image": "demo/faces/female/26.jpg"}'>Olivia Newman</option>
+                          <option value="79" data-data='{"image": "demo/faces/female/18.jpg"}'>Lori George</option>
+                          <option value="80" data-data='{"image": "demo/faces/female/13.jpg"}'>Madison Jimenez</option>
+                          <option value="81" data-data='{"image": "demo/faces/female/4.jpg"}'>Joan Rivera</option>
+                          <option value="82" data-data='{"image": "demo/faces/female/27.jpg"}'>Helen Aguilar</option>
+                          <option value="83" data-data='{"image": "demo/faces/male/40.jpg"}'>Bryan Johnson</option>
+                          <option value="84" data-data='{"image": "demo/faces/female/27.jpg"}'>Joan Beck</option>
+                          <option value="85" data-data='{"image": "demo/faces/male/33.jpg"}'>Douglas James</option>
+                          <option value="86" data-data='{"image": "demo/faces/male/24.jpg"}'>Ethan Bell</option>
+                          <option value="87" data-data='{"image": "demo/faces/female/18.jpg"}'>Frances White</option>
+                          <option value="88" data-data='{"image": "demo/faces/female/26.jpg"}'>Amanda Lawrence</option>
+                          <option value="89" data-data='{"image": "demo/faces/female/7.jpg"}'>Emma Bailey</option>
+                          <option value="90" data-data='{"image": "demo/faces/female/16.jpg"}'>Anna Jordan</option>
+                          <option value="91" data-data='{"image": "demo/faces/male/12.jpg"}'>Daniel Keller</option>
+                          <option value="92" data-data='{"image": "demo/faces/female/23.jpg"}'>Rachel Vargas</option>
+                          <option value="93" data-data='{"image": "demo/faces/female/15.jpg"}'>Virginia Kelly</option>
+                          <option value="94" data-data='{"image": "demo/faces/male/32.jpg"}'>Joe Sandoval</option>
+                          <option value="95" data-data='{"image": "demo/faces/female/9.jpg"}'>Megan Ray</option>
+                          <option value="96" data-data='{"image": "demo/faces/male/28.jpg"}'>Joshua Rios</option>
+                          <option value="97" data-data='{"image": "demo/faces/male/9.jpg"}'>Aaron Silva</option>
+                          <option value="98" data-data='{"image": "demo/faces/female/10.jpg"}'>Kathy Wallace</option>
+                          <option value="99" data-data='{"image": "demo/faces/male/14.jpg"}'>Zachary Griffin</option>
+                          <option value="100" data-data='{"image": "demo/faces/male/11.jpg"}'>Richard Allen</option>
                         </select>
                       </div>
                       <div class="form-group">
@@ -1135,7 +1135,7 @@
                   <form>
                     <div class="row">
                       <div class="col-auto">
-                        <span class="avatar avatar-xl" style="background-image: url(assets/images/faces/female/9.jpg)"></span>
+                        <span class="avatar avatar-xl" style="background-image: url(demo/faces/female/9.jpg)"></span>
                       </div>
                       <div class="col">
                         <div class="form-group">
diff --git a/dist/gallery.html b/dist/gallery.html
index ce693e9e9..5630c56f1 100644
--- a/dist/gallery.html
+++ b/dist/gallery.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -43,7 +43,7 @@
           <div class="container">
             <div class="navbar p-0">
               <a class="navbar-brand" href="./index.html">
-                <img src="./assets/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
+                <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
               <div class="nav order-lg-2">
                 <div class="nav-item">
@@ -70,7 +70,7 @@
                 </div>
                 <div class="dropdown ml-3">
                   <a href="#" class="nav-link" data-toggle="dropdown">
-                    <span class="avatar" style="background-image: url(./assets/images/faces/female/25.jpg)"></span>
+                    <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
@@ -202,10 +202,10 @@
               <div class="col-sm-6 col-lg-4">
                 <div class="card p-3">
                   <a href="javascript:void(0)" class="mb-3">
-                    <img src="assets/images/photos/grant-ritchie-338179-500.jpg" alt="Photo by Nathan Guerrero" class="rounded">
+                    <img src="demo/photos/grant-ritchie-338179-500.jpg" alt="Photo by Nathan Guerrero" class="rounded">
                   </a>
                   <div class="d-flex align-items-center px-2">
-                    <div class="avatar avatar-md mr-3" style="background-image: url(assets/images/faces/male/41.jpg)"></div>
+                    <div class="avatar avatar-md mr-3" style="background-image: url(demo/faces/male/41.jpg)"></div>
                     <div>
                       <div>Nathan Guerrero</div>
                       <small class="d-block text-muted">12 days ago</small>
@@ -220,10 +220,10 @@
               <div class="col-sm-6 col-lg-4">
                 <div class="card p-3">
                   <a href="javascript:void(0)" class="mb-3">
-                    <img src="assets/images/photos/ilnur-kalimullin-218996-500.jpg" alt="Photo by Alice Mason" class="rounded">
+                    <img src="demo/photos/ilnur-kalimullin-218996-500.jpg" alt="Photo by Alice Mason" class="rounded">
                   </a>
                   <div class="d-flex align-items-center px-2">
-                    <div class="avatar avatar-md mr-3" style="background-image: url(assets/images/faces/female/1.jpg)"></div>
+                    <div class="avatar avatar-md mr-3" style="background-image: url(demo/faces/female/1.jpg)"></div>
                     <div>
                       <div>Alice Mason</div>
                       <small class="d-block text-muted">12 days ago</small>
@@ -238,10 +238,10 @@
               <div class="col-sm-6 col-lg-4">
                 <div class="card p-3">
                   <a href="javascript:void(0)" class="mb-3">
-                    <img src="assets/images/photos/jakob-owens-224352-500.jpg" alt="Photo by Rose Bradley" class="rounded">
+                    <img src="demo/photos/jakob-owens-224352-500.jpg" alt="Photo by Rose Bradley" class="rounded">
                   </a>
                   <div class="d-flex align-items-center px-2">
-                    <div class="avatar avatar-md mr-3" style="background-image: url(assets/images/faces/female/18.jpg)"></div>
+                    <div class="avatar avatar-md mr-3" style="background-image: url(demo/faces/female/18.jpg)"></div>
                     <div>
                       <div>Rose Bradley</div>
                       <small class="d-block text-muted">4 days ago</small>
@@ -256,10 +256,10 @@
               <div class="col-sm-6 col-lg-4">
                 <div class="card p-3">
                   <a href="javascript:void(0)" class="mb-3">
-                    <img src="assets/images/photos/jeremy-bishop-330225-500.jpg" alt="Photo by Peter Richards" class="rounded">
+                    <img src="demo/photos/jeremy-bishop-330225-500.jpg" alt="Photo by Peter Richards" class="rounded">
                   </a>
                   <div class="d-flex align-items-center px-2">
-                    <div class="avatar avatar-md mr-3" style="background-image: url(assets/images/faces/male/16.jpg)"></div>
+                    <div class="avatar avatar-md mr-3" style="background-image: url(demo/faces/male/16.jpg)"></div>
                     <div>
                       <div>Peter Richards</div>
                       <small class="d-block text-muted">18 days ago</small>
@@ -274,10 +274,10 @@
               <div class="col-sm-6 col-lg-4">
                 <div class="card p-3">
                   <a href="javascript:void(0)" class="mb-3">
-                    <img src="assets/images/photos/jonatan-pie-226191-500.jpg" alt="Photo by Wayne Holland" class="rounded">
+                    <img src="demo/photos/jonatan-pie-226191-500.jpg" alt="Photo by Wayne Holland" class="rounded">
                   </a>
                   <div class="d-flex align-items-center px-2">
-                    <div class="avatar avatar-md mr-3" style="background-image: url(assets/images/faces/male/26.jpg)"></div>
+                    <div class="avatar avatar-md mr-3" style="background-image: url(demo/faces/male/26.jpg)"></div>
                     <div>
                       <div>Wayne Holland</div>
                       <small class="d-block text-muted">16 days ago</small>
@@ -292,10 +292,10 @@
               <div class="col-sm-6 col-lg-4">
                 <div class="card p-3">
                   <a href="javascript:void(0)" class="mb-3">
-                    <img src="assets/images/photos/josh-calabrese-66153-500.jpg" alt="Photo by Michelle Ross" class="rounded">
+                    <img src="demo/photos/josh-calabrese-66153-500.jpg" alt="Photo by Michelle Ross" class="rounded">
                   </a>
                   <div class="d-flex align-items-center px-2">
-                    <div class="avatar avatar-md mr-3" style="background-image: url(assets/images/faces/female/7.jpg)"></div>
+                    <div class="avatar avatar-md mr-3" style="background-image: url(demo/faces/female/7.jpg)"></div>
                     <div>
                       <div>Michelle Ross</div>
                       <small class="d-block text-muted">4 days ago</small>
@@ -310,10 +310,10 @@
               <div class="col-sm-6 col-lg-4">
                 <div class="card p-3">
                   <a href="javascript:void(0)" class="mb-3">
-                    <img src="assets/images/photos/joshua-earle-157231-500.jpg" alt="Photo by Debra Beck" class="rounded">
+                    <img src="demo/photos/joshua-earle-157231-500.jpg" alt="Photo by Debra Beck" class="rounded">
                   </a>
                   <div class="d-flex align-items-center px-2">
-                    <div class="avatar avatar-md mr-3" style="background-image: url(assets/images/faces/female/17.jpg)"></div>
+                    <div class="avatar avatar-md mr-3" style="background-image: url(demo/faces/female/17.jpg)"></div>
                     <div>
                       <div>Debra Beck</div>
                       <small class="d-block text-muted">6 days ago</small>
@@ -328,10 +328,10 @@
               <div class="col-sm-6 col-lg-4">
                 <div class="card p-3">
                   <a href="javascript:void(0)" class="mb-3">
-                    <img src="assets/images/photos/mahkeo-222765-500.jpg" alt="Photo by Phillip Peters" class="rounded">
+                    <img src="demo/photos/mahkeo-222765-500.jpg" alt="Photo by Phillip Peters" class="rounded">
                   </a>
                   <div class="d-flex align-items-center px-2">
-                    <div class="avatar avatar-md mr-3" style="background-image: url(assets/images/faces/male/30.jpg)"></div>
+                    <div class="avatar avatar-md mr-3" style="background-image: url(demo/faces/male/30.jpg)"></div>
                     <div>
                       <div>Phillip Peters</div>
                       <small class="d-block text-muted">17 days ago</small>
@@ -346,10 +346,10 @@
               <div class="col-sm-6 col-lg-4">
                 <div class="card p-3">
                   <a href="javascript:void(0)" class="mb-3">
-                    <img src="assets/images/photos/matt-barrett-339981-500.jpg" alt="Photo by Jack Ruiz" class="rounded">
+                    <img src="demo/photos/matt-barrett-339981-500.jpg" alt="Photo by Jack Ruiz" class="rounded">
                   </a>
                   <div class="d-flex align-items-center px-2">
-                    <div class="avatar avatar-md mr-3" style="background-image: url(assets/images/faces/male/32.jpg)"></div>
+                    <div class="avatar avatar-md mr-3" style="background-image: url(demo/faces/male/32.jpg)"></div>
                     <div>
                       <div>Jack Ruiz</div>
                       <small class="d-block text-muted">15 days ago</small>
@@ -364,10 +364,10 @@
               <div class="col-sm-6 col-lg-4">
                 <div class="card p-3">
                   <a href="javascript:void(0)" class="mb-3">
-                    <img src="assets/images/photos/nathan-anderson-297460-500.jpg" alt="Photo by Ronald Bradley" class="rounded">
+                    <img src="demo/photos/nathan-anderson-297460-500.jpg" alt="Photo by Ronald Bradley" class="rounded">
                   </a>
                   <div class="d-flex align-items-center px-2">
-                    <div class="avatar avatar-md mr-3" style="background-image: url(assets/images/faces/male/9.jpg)"></div>
+                    <div class="avatar avatar-md mr-3" style="background-image: url(demo/faces/male/9.jpg)"></div>
                     <div>
                       <div>Ronald Bradley</div>
                       <small class="d-block text-muted">11 days ago</small>
@@ -382,10 +382,10 @@
               <div class="col-sm-6 col-lg-4">
                 <div class="card p-3">
                   <a href="javascript:void(0)" class="mb-3">
-                    <img src="assets/images/photos/nathan-anderson-316188-500.jpg" alt="Photo by Kathleen Harper" class="rounded">
+                    <img src="demo/photos/nathan-anderson-316188-500.jpg" alt="Photo by Kathleen Harper" class="rounded">
                   </a>
                   <div class="d-flex align-items-center px-2">
-                    <div class="avatar avatar-md mr-3" style="background-image: url(assets/images/faces/female/8.jpg)"></div>
+                    <div class="avatar avatar-md mr-3" style="background-image: url(demo/faces/female/8.jpg)"></div>
                     <div>
                       <div>Kathleen Harper</div>
                       <small class="d-block text-muted">16 days ago</small>
@@ -400,10 +400,10 @@
               <div class="col-sm-6 col-lg-4">
                 <div class="card p-3">
                   <a href="javascript:void(0)" class="mb-3">
-                    <img src="assets/images/photos/nathan-dumlao-287713-500.jpg" alt="Photo by Bobby Knight" class="rounded">
+                    <img src="demo/photos/nathan-dumlao-287713-500.jpg" alt="Photo by Bobby Knight" class="rounded">
                   </a>
                   <div class="d-flex align-items-center px-2">
-                    <div class="avatar avatar-md mr-3" style="background-image: url(assets/images/faces/male/4.jpg)"></div>
+                    <div class="avatar avatar-md mr-3" style="background-image: url(demo/faces/male/4.jpg)"></div>
                     <div>
                       <div>Bobby Knight</div>
                       <small class="d-block text-muted">6 days ago</small>
diff --git a/dist/icons.html b/dist/icons.html
index 772a63782..bb9031ba0 100644
--- a/dist/icons.html
+++ b/dist/icons.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>Icons - tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -43,7 +43,7 @@
           <div class="container">
             <div class="navbar p-0">
               <a class="navbar-brand" href="./index.html">
-                <img src="./assets/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
+                <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
               <div class="nav order-lg-2">
                 <div class="nav-item">
@@ -70,7 +70,7 @@
                 </div>
                 <div class="dropdown ml-3">
                   <a href="#" class="nav-link" data-toggle="dropdown">
-                    <span class="avatar" style="background-image: url(./assets/images/faces/female/25.jpg)"></span>
+                    <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
diff --git a/dist/index.html b/dist/index.html
index d681d83f8..f0625c0db 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>Homepage - tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -43,7 +43,7 @@
           <div class="container">
             <div class="navbar p-0">
               <a class="navbar-brand" href="./index.html">
-                <img src="./assets/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
+                <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
               <div class="nav order-lg-2">
                 <div class="nav-item">
@@ -70,7 +70,7 @@
                 </div>
                 <div class="dropdown ml-3">
                   <a href="#" class="nav-link" data-toggle="dropdown">
-                    <span class="avatar" style="background-image: url(./assets/images/faces/female/25.jpg)"></span>
+                    <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
@@ -275,7 +275,7 @@
                     </thead>
                     <tbody>
                       <tr>
-                        <td class="w-1"><span class="avatar" style="background-image: url(./assets/images/faces/male/9.jpg)"></span></td>
+                        <td class="w-1"><span class="avatar" style="background-image: url(./demo/faces/male/9.jpg)"></span></td>
                         <td>Ronald Bradley</td>
                         <td>Initial commit</td>
                         <td>May 6, 2018</td>
@@ -289,14 +289,14 @@
                         <td><a href="#" class="icon"><i class="fe fe-trash"></i></a></td>
                       </tr>
                       <tr>
-                        <td><span class="avatar" style="background-image: url(./assets/images/faces/female/1.jpg)"></span></td>
+                        <td><span class="avatar" style="background-image: url(./demo/faces/female/1.jpg)"></span></td>
                         <td>Beverly Armstrong</td>
                         <td>Left sidebar adjusments</td>
                         <td>April 15, 2018</td>
                         <td><a href="#" class="icon"><i class="fe fe-trash"></i></a></td>
                       </tr>
                       <tr>
-                        <td><span class="avatar" style="background-image: url(./assets/images/faces/male/4.jpg)"></span></td>
+                        <td><span class="avatar" style="background-image: url(./demo/faces/male/4.jpg)"></span></td>
                         <td>Bobby Knight</td>
                         <td>Topbar dropdown style</td>
                         <td>April 8, 2018</td>
@@ -573,12 +573,12 @@
             <div class="row row-cards row-deck">
               <div class="col-lg-6">
                 <div class="card card-aside">
-                  <a href="#" class="card-aside-column" style="background-image: url(./assets/images/photos/david-klaasen-54203-500.jpg)"></a>
+                  <a href="#" class="card-aside-column" style="background-image: url(./demo/photos/david-klaasen-54203-500.jpg)"></a>
                   <div class="card-body d-flex flex-column">
                     <h4><a href="#">And this isn't my nose. This is a false one.</a></h4>
                     <div class="text-muted">Look, my liege! The Knights Who Say Ni demand a sacrifice! …Are you suggesting that coconuts migr...</div>
                     <div class="d-flex align-items-center pt-5 mt-auto">
-                      <div class="avatar avatar-md mr-3" style="background-image: url(./assets/images/faces/female/18.jpg)"></div>
+                      <div class="avatar avatar-md mr-3" style="background-image: url(./demo/faces/female/18.jpg)"></div>
                       <div>
                         <a href="./profile.html" class="text-default">Rose Bradley</a>
                         <small class="d-block text-muted">3 days ago</small>
@@ -592,12 +592,12 @@
               </div>
               <div class="col-lg-6">
                 <div class="card card-aside">
-                  <a href="#" class="card-aside-column" style="background-image: url(./assets/images/photos/david-marcu-114194-500.jpg)"></a>
+                  <a href="#" class="card-aside-column" style="background-image: url(./demo/photos/david-marcu-114194-500.jpg)"></a>
                   <div class="card-body d-flex flex-column">
                     <h4><a href="#">Well, I didn't vote for you.</a></h4>
                     <div class="text-muted">Well, we did do the nose. Why? Shut up! Will you shut up?! You don't frighten us, English pig-dog...</div>
                     <div class="d-flex align-items-center pt-5 mt-auto">
-                      <div class="avatar avatar-md mr-3" style="background-image: url(./assets/images/faces/male/16.jpg)"></div>
+                      <div class="avatar avatar-md mr-3" style="background-image: url(./demo/faces/male/16.jpg)"></div>
                       <div>
                         <a href="./profile.html" class="text-default">Peter Richards</a>
                         <small class="d-block text-muted">3 days ago</small>
@@ -628,14 +628,14 @@
                     <tbody>
                       <tr>
                         <td class="text-center">
-                          <div class="avatar d-block" style="background-image: url(assets/images/faces/female/26.jpg)">
+                          <div class="avatar d-block" style="background-image: url(demo/faces/female/26.jpg)">
                             <span class="avatar-status bg-green"></span>
                           </div>
                         </td>
                         <td>
                           <div>Elizabeth Martin</div>
                           <div class="small text-muted">
-                            Registered: Feb 21, 2018
+                            Registered: Feb 23, 2018
                           </div>
                         </td>
                         <td>
@@ -678,14 +678,14 @@
                       </tr>
                       <tr>
                         <td class="text-center">
-                          <div class="avatar d-block" style="background-image: url(assets/images/faces/female/17.jpg)">
+                          <div class="avatar d-block" style="background-image: url(demo/faces/female/17.jpg)">
                             <span class="avatar-status bg-green"></span>
                           </div>
                         </td>
                         <td>
                           <div>Michelle Schultz</div>
                           <div class="small text-muted">
-                            Registered: Feb 4, 2018
+                            Registered: Feb 7, 2018
                           </div>
                         </td>
                         <td>
@@ -728,14 +728,14 @@
                       </tr>
                       <tr>
                         <td class="text-center">
-                          <div class="avatar d-block" style="background-image: url(assets/images/faces/female/21.jpg)">
+                          <div class="avatar d-block" style="background-image: url(demo/faces/female/21.jpg)">
                             <span class="avatar-status bg-green"></span>
                           </div>
                         </td>
                         <td>
                           <div>Crystal Austin</div>
                           <div class="small text-muted">
-                            Registered: Mar 12, 2018
+                            Registered: Mar 14, 2018
                           </div>
                         </td>
                         <td>
@@ -778,14 +778,14 @@
                       </tr>
                       <tr>
                         <td class="text-center">
-                          <div class="avatar d-block" style="background-image: url(assets/images/faces/male/32.jpg)">
+                          <div class="avatar d-block" style="background-image: url(demo/faces/male/32.jpg)">
                             <span class="avatar-status bg-green"></span>
                           </div>
                         </td>
                         <td>
                           <div>Douglas Ray</div>
                           <div class="small text-muted">
-                            Registered: Dec 20, 2017
+                            Registered: Dec 23, 2017
                           </div>
                         </td>
                         <td>
@@ -828,14 +828,14 @@
                       </tr>
                       <tr>
                         <td class="text-center">
-                          <div class="avatar d-block" style="background-image: url(assets/images/faces/female/12.jpg)">
+                          <div class="avatar d-block" style="background-image: url(demo/faces/female/12.jpg)">
                             <span class="avatar-status bg-green"></span>
                           </div>
                         </td>
                         <td>
                           <div>Teresa Reyes</div>
                           <div class="small text-muted">
-                            Registered: Feb 6, 2018
+                            Registered: Feb 9, 2018
                           </div>
                         </td>
                         <td>
@@ -878,14 +878,14 @@
                       </tr>
                       <tr>
                         <td class="text-center">
-                          <div class="avatar d-block" style="background-image: url(assets/images/faces/female/4.jpg)">
+                          <div class="avatar d-block" style="background-image: url(demo/faces/female/4.jpg)">
                             <span class="avatar-status bg-green"></span>
                           </div>
                         </td>
                         <td>
                           <div>Emma Wade</div>
                           <div class="small text-muted">
-                            Registered: Feb 22, 2018
+                            Registered: Feb 24, 2018
                           </div>
                         </td>
                         <td>
@@ -928,14 +928,14 @@
                       </tr>
                       <tr>
                         <td class="text-center">
-                          <div class="avatar d-block" style="background-image: url(assets/images/faces/female/27.jpg)">
+                          <div class="avatar d-block" style="background-image: url(demo/faces/female/27.jpg)">
                             <span class="avatar-status bg-green"></span>
                           </div>
                         </td>
                         <td>
                           <div>Carol Henderson</div>
                           <div class="small text-muted">
-                            Registered: Jan 27, 2018
+                            Registered: Jan 29, 2018
                           </div>
                         </td>
                         <td>
@@ -978,14 +978,14 @@
                       </tr>
                       <tr>
                         <td class="text-center">
-                          <div class="avatar d-block" style="background-image: url(assets/images/faces/male/20.jpg)">
+                          <div class="avatar d-block" style="background-image: url(demo/faces/male/20.jpg)">
                             <span class="avatar-status bg-green"></span>
                           </div>
                         </td>
                         <td>
                           <div>Christopher Harvey</div>
                           <div class="small text-muted">
-                            Registered: Dec 27, 2017
+                            Registered: Dec 29, 2017
                           </div>
                         </td>
                         <td>
@@ -1124,7 +1124,7 @@
                       <li class="list-separated-item">
                         <div class="row align-items-center">
                           <div class="col-auto">
-                            <span class="avatar avatar-md d-block" style="background-image: url(assets/images/faces/female/12.jpg)"></span>
+                            <span class="avatar avatar-md d-block" style="background-image: url(demo/faces/female/12.jpg)"></span>
                           </div>
                           <div class="col">
                             <div>
@@ -1149,7 +1149,7 @@
                       <li class="list-separated-item">
                         <div class="row align-items-center">
                           <div class="col-auto">
-                            <span class="avatar avatar-md d-block" style="background-image: url(assets/images/faces/female/21.jpg)"></span>
+                            <span class="avatar avatar-md d-block" style="background-image: url(demo/faces/female/21.jpg)"></span>
                           </div>
                           <div class="col">
                             <div>
@@ -1174,7 +1174,7 @@
                       <li class="list-separated-item">
                         <div class="row align-items-center">
                           <div class="col-auto">
-                            <span class="avatar avatar-md d-block" style="background-image: url(assets/images/faces/female/29.jpg)"></span>
+                            <span class="avatar avatar-md d-block" style="background-image: url(demo/faces/female/29.jpg)"></span>
                           </div>
                           <div class="col">
                             <div>
@@ -1199,7 +1199,7 @@
                       <li class="list-separated-item">
                         <div class="row align-items-center">
                           <div class="col-auto">
-                            <span class="avatar avatar-md d-block" style="background-image: url(assets/images/faces/female/2.jpg)"></span>
+                            <span class="avatar avatar-md d-block" style="background-image: url(demo/faces/female/2.jpg)"></span>
                           </div>
                           <div class="col">
                             <div>
@@ -1224,7 +1224,7 @@
                       <li class="list-separated-item">
                         <div class="row align-items-center">
                           <div class="col-auto">
-                            <span class="avatar avatar-md d-block" style="background-image: url(assets/images/faces/male/34.jpg)"></span>
+                            <span class="avatar avatar-md d-block" style="background-image: url(demo/faces/male/34.jpg)"></span>
                           </div>
                           <div class="col">
                             <div>
@@ -1249,7 +1249,7 @@
                       <li class="list-separated-item">
                         <div class="row align-items-center">
                           <div class="col-auto">
-                            <span class="avatar avatar-md d-block" style="background-image: url(assets/images/faces/female/11.jpg)"></span>
+                            <span class="avatar avatar-md d-block" style="background-image: url(demo/faces/female/11.jpg)"></span>
                           </div>
                           <div class="col">
                             <div>
@@ -1764,28 +1764,6 @@
                     </table>
                   </div>
                 </div>
-                <ul class="pagination ">
-                  <li class="page-item page-prev disabled">
-                    <a class="page-link" href="#" tabindex="-1">
-                      Prev
-                    </a>
-                  </li>
-                  <li class="page-item"><a class="page-link" href="#">1</a></li>
-                  <li class="page-item active"><a class="page-link" href="#">2</a></li>
-                  <li class="page-item"><a class="page-link" href="#">3</a></li>
-                  <li class="page-item"><a class="page-link" href="#">4</a></li>
-                  <li class="page-item"><a class="page-link" href="#">5</a></li>
-                  <li class="page-item page-next">
-                    <a class="page-link" href="#">
-                      Next
-                    </a>
-                  </li>
-                </ul>
-              </div>
-              <div class="col-12">
-                <div class="text-muted mt-4">
-                  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aperiam atque blanditiis commodi consequuntur ea, esse est facere ipsa ipsum maxime necessitatibus nisi numquam officia quidem repellat veritatis voluptates voluptatibus!
-                </div>
               </div>
             </div>
           </div>
diff --git a/dist/invoice.html b/dist/invoice.html
index 98aa051bc..bbcfc7ec0 100644
--- a/dist/invoice.html
+++ b/dist/invoice.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>Invoice - tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -43,7 +43,7 @@
           <div class="container">
             <div class="navbar p-0">
               <a class="navbar-brand" href="./index.html">
-                <img src="./assets/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
+                <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
               <div class="nav order-lg-2">
                 <div class="nav-item">
@@ -70,7 +70,7 @@
                 </div>
                 <div class="dropdown ml-3">
                   <a href="#" class="nav-link" data-toggle="dropdown">
-                    <span class="avatar" style="background-image: url(./assets/images/faces/female/25.jpg)"></span>
+                    <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
diff --git a/dist/login.html b/dist/login.html
index 3be0e124f..2506a4602 100644
--- a/dist/login.html
+++ b/dist/login.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>Login - tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
diff --git a/dist/lookup.html b/dist/lookup.html
index 36ab7a018..ac11148e6 100644
--- a/dist/lookup.html
+++ b/dist/lookup.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>Lookup company - tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -43,7 +43,7 @@
           <div class="container">
             <div class="navbar p-0">
               <a class="navbar-brand" href="./index.html">
-                <img src="./assets/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
+                <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
               <div class="nav order-lg-2">
                 <div class="nav-item">
@@ -70,7 +70,7 @@
                 </div>
                 <div class="dropdown ml-3">
                   <a href="#" class="nav-link" data-toggle="dropdown">
-                    <span class="avatar" style="background-image: url(./assets/images/faces/female/25.jpg)"></span>
+                    <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
diff --git a/dist/maps.html b/dist/maps.html
index eebc70954..254b0dcaf 100644
--- a/dist/maps.html
+++ b/dist/maps.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>Maps - tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -43,7 +43,7 @@
           <div class="container">
             <div class="navbar p-0">
               <a class="navbar-brand" href="./index.html">
-                <img src="./assets/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
+                <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
               <div class="nav order-lg-2">
                 <div class="nav-item">
@@ -70,7 +70,7 @@
                 </div>
                 <div class="dropdown ml-3">
                   <a href="#" class="nav-link" data-toggle="dropdown">
-                    <span class="avatar" style="background-image: url(./assets/images/faces/female/25.jpg)"></span>
+                    <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
@@ -230,7 +230,7 @@
                       </div>
                     </div>
                   </div>
-                  <div class="card-map card-map-placeholder"></div>
+                  <div class="card-map card-map-placeholder" style="background-image: url(./demo/staticmap.png)"></div>
                   <div class="card-body">
                     <div class="media mb-5">
                       <img class="d-flex mr-5 rounded" src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2264%22%20height%3D%2264%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_15ec911398e%20text%20%7B%20fill%3Argba(255%2C255%2C255%2C.75)%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A10pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_15ec911398e%22%3E%3Crect%20width%3D%2264%22%20height%3D%2264%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2213.84375%22%20y%3D%2236.65%22%3E64x64%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E" alt="Generic placeholder image">
diff --git a/dist/pagination.html b/dist/pagination.html
index 795a02f72..f261f0d08 100644
--- a/dist/pagination.html
+++ b/dist/pagination.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>Pagination - tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -43,7 +43,7 @@
           <div class="container">
             <div class="navbar p-0">
               <a class="navbar-brand" href="./index.html">
-                <img src="./assets/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
+                <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
               <div class="nav order-lg-2">
                 <div class="nav-item">
@@ -70,7 +70,7 @@
                 </div>
                 <div class="dropdown ml-3">
                   <a href="#" class="nav-link" data-toggle="dropdown">
-                    <span class="avatar" style="background-image: url(./assets/images/faces/female/25.jpg)"></span>
+                    <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
diff --git a/dist/pricing-cards.html b/dist/pricing-cards.html
index 0891edc36..ec4764056 100644
--- a/dist/pricing-cards.html
+++ b/dist/pricing-cards.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>Pricing cards - tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -43,7 +43,7 @@
           <div class="container">
             <div class="navbar p-0">
               <a class="navbar-brand" href="./index.html">
-                <img src="./assets/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
+                <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
               <div class="nav order-lg-2">
                 <div class="nav-item">
@@ -70,7 +70,7 @@
                 </div>
                 <div class="dropdown ml-3">
                   <a href="#" class="nav-link" data-toggle="dropdown">
-                    <span class="avatar" style="background-image: url(./assets/images/faces/female/25.jpg)"></span>
+                    <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
diff --git a/dist/profile.html b/dist/profile.html
index 498d61e71..db9cbf39e 100644
--- a/dist/profile.html
+++ b/dist/profile.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>Profile - tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -43,7 +43,7 @@
           <div class="container">
             <div class="navbar p-0">
               <a class="navbar-brand" href="./index.html">
-                <img src="./assets/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
+                <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
               <div class="nav order-lg-2">
                 <div class="nav-item">
@@ -70,7 +70,7 @@
                 </div>
                 <div class="dropdown ml-3">
                   <a href="#" class="nav-link" data-toggle="dropdown">
-                    <span class="avatar" style="background-image: url(./assets/images/faces/female/25.jpg)"></span>
+                    <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
@@ -183,9 +183,9 @@
             <div class="row">
               <div class="col-lg-4">
                 <div class="card card-profile">
-                  <div class="card-header" style="background-image: url(assets/images/photos/eberhard-grossgasteiger-311213-500.jpg);"></div>
+                  <div class="card-header" style="background-image: url(demo/photos/eberhard-grossgasteiger-311213-500.jpg);"></div>
                   <div class="card-body text-center">
-                    <img class="card-profile-img" src="assets/images/faces/male/16.jpg">
+                    <img class="card-profile-img" src="demo/faces/male/16.jpg">
                     <h3 class="mb-3">Peter Richards</h3>
                     <p class="mb-4">
                       Big belly rude boy, million dollar hustler. Unemployed.
@@ -198,7 +198,7 @@
                 <div class="card">
                   <div class="card-body">
                     <div class="media">
-                      <span class="avatar avatar-xxl mr-5" style="background-image: url(assets/images/faces/male/21.jpg)"></span>
+                      <span class="avatar avatar-xxl mr-5" style="background-image: url(demo/faces/male/21.jpg)"></span>
                       <div class="media-body">
                         <h4 class="m-0">Juan Hernandez</h4>
                         <p class="text-muted mb-0">Webdeveloper</p>
@@ -228,7 +228,7 @@
                     <form>
                       <div class="row">
                         <div class="col-auto">
-                          <span class="avatar avatar-xl" style="background-image: url(assets/images/faces/female/9.jpg)"></span>
+                          <span class="avatar avatar-xl" style="background-image: url(demo/faces/female/9.jpg)"></span>
                         </div>
                         <div class="col">
                           <div class="form-group">
@@ -271,7 +271,7 @@
                   <ul class="list-group card-list-group">
                     <li class="list-group-item py-5">
                       <div class="media">
-                        <div class="media-object avatar avatar-md mr-4" style="background-image: url(assets/images/faces/male/16.jpg)"></div>
+                        <div class="media-object avatar avatar-md mr-4" style="background-image: url(demo/faces/male/16.jpg)"></div>
                         <div class="media-body">
                           <div class="media-heading">
                             <small class="float-right text-muted">4 min</small>
@@ -284,7 +284,7 @@
                           </div>
                           <ul class="media-list">
                             <li class="media mt-4">
-                              <div class="media-object avatar mr-4" style="background-image: url(assets/images/faces/female/17.jpg)"></div>
+                              <div class="media-object avatar mr-4" style="background-image: url(demo/faces/female/17.jpg)"></div>
                               <div class="media-body">
                                 <strong>Debra Beck: </strong>
                                 Donec id elit non mi porta gravida at eget metus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec ullamcorper nulla non metus
@@ -292,7 +292,7 @@
                               </div>
                             </li>
                             <li class="media mt-4">
-                              <div class="media-object avatar mr-4" style="background-image: url(assets/images/faces/male/32.jpg)"></div>
+                              <div class="media-object avatar mr-4" style="background-image: url(demo/faces/male/32.jpg)"></div>
                               <div class="media-body">
                                 <strong>Jack Ruiz: </strong>
                                 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit
@@ -305,7 +305,7 @@
                     </li>
                     <li class="list-group-item py-5">
                       <div class="media">
-                        <div class="media-object avatar avatar-md mr-4" style="background-image: url(assets/images/faces/male/16.jpg)"></div>
+                        <div class="media-object avatar avatar-md mr-4" style="background-image: url(demo/faces/male/16.jpg)"></div>
                         <div class="media-body">
                           <div class="media-heading">
                             <small class="float-right text-muted">12 min</small>
@@ -320,7 +320,7 @@
                     </li>
                     <li class="list-group-item py-5">
                       <div class="media">
-                        <div class="media-object avatar avatar-md mr-4" style="background-image: url(assets/images/faces/male/16.jpg)"></div>
+                        <div class="media-object avatar avatar-md mr-4" style="background-image: url(demo/faces/male/16.jpg)"></div>
                         <div class="media-body">
                           <div class="media-heading">
                             <small class="float-right text-muted">34 min</small>
@@ -332,7 +332,7 @@
                           </div>
                           <ul class="media-list">
                             <li class="media mt-4">
-                              <div class="media-object avatar mr-4" style="background-image: url(assets/images/faces/male/26.jpg)"></div>
+                              <div class="media-object avatar mr-4" style="background-image: url(demo/faces/male/26.jpg)"></div>
                               <div class="media-body">
                                 <strong>Wayne Holland: </strong>
                                 Donec id elit non mi porta gravida at eget metus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec ullamcorper nulla non metus
diff --git a/dist/register.html b/dist/register.html
index 1e4b96a4f..1d48fe5c4 100644
--- a/dist/register.html
+++ b/dist/register.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>Register - tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
diff --git a/dist/sample-cards.html b/dist/sample-cards.html
index 1da01dce6..8d828f11d 100644
--- a/dist/sample-cards.html
+++ b/dist/sample-cards.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>Homepage - tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -43,7 +43,7 @@
           <div class="container">
             <div class="navbar p-0">
               <a class="navbar-brand" href="./index.html">
-                <img src="./assets/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
+                <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
               <div class="nav order-lg-2">
                 <div class="nav-item">
@@ -70,7 +70,7 @@
                 </div>
                 <div class="dropdown ml-3">
                   <a href="#" class="nav-link" data-toggle="dropdown">
-                    <span class="avatar" style="background-image: url(./assets/images/faces/female/25.jpg)"></span>
+                    <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
@@ -207,7 +207,7 @@
                   <div class="card-body">
                     <article class="media">
                       <div class="mr-3">
-                        <div class="avatar avatar-xl" style="background-image: url(assets/images/faces/female/17.jpg)"></div>
+                        <div class="avatar avatar-xl" style="background-image: url(demo/faces/female/17.jpg)"></div>
                       </div>
                       <div class="media-body">
                         <div class="content">
@@ -240,7 +240,7 @@
                   <div class="card-body">
                     <article class="media">
                       <div class="mr-3">
-                        <div class="avatar avatar-xl" style="background-image: url(assets/images/faces/female/17.jpg)"></div>
+                        <div class="avatar avatar-xl" style="background-image: url(demo/faces/female/17.jpg)"></div>
                       </div>
                       <div class="media-body">
                         <div class="content">
@@ -275,7 +275,7 @@
                   <div class="card-body">
                     <article class="media">
                       <div class="mr-3">
-                        <div class="avatar avatar-xl" style="background-image: url(assets/images/faces/female/17.jpg)"></div>
+                        <div class="avatar avatar-xl" style="background-image: url(demo/faces/female/17.jpg)"></div>
                       </div>
                       <div class="media-body">
                         <div class="content">
@@ -286,7 +286,7 @@
                             Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur sit amet massa fringilla egestas. Nullam condimentum luctus turpis.
                           </p>
                           <figure>
-                            <img src="assets/images/photos/casey-horner-339165-500.jpg" alt="" class="rounded">
+                            <img src="demo/photos/casey-horner-339165-500.jpg" alt="" class="rounded">
                           </figure>
                         </div>
                         <nav class="d-flex text-muted">
@@ -1351,34 +1351,34 @@
                     <div>
                       <div class="chips">
                         <a href="javascript:void(0)" class="chip">
-                          <span class="avatar" style="background-image: url(assets/images/faces/female/16.jpg)"></span> Victoria
+                          <span class="avatar" style="background-image: url(demo/faces/female/16.jpg)"></span> Victoria
                         </a>
                         <a href="javascript:void(0)" class="chip">
-                          <span class="avatar" style="background-image: url(assets/images/faces/male/41.jpg)"></span> Nathan
+                          <span class="avatar" style="background-image: url(demo/faces/male/41.jpg)"></span> Nathan
                         </a>
                         <a href="javascript:void(0)" class="chip">
-                          <span class="avatar" style="background-image: url(assets/images/faces/female/1.jpg)"></span> Alice
+                          <span class="avatar" style="background-image: url(demo/faces/female/1.jpg)"></span> Alice
                         </a>
                         <a href="javascript:void(0)" class="chip">
-                          <span class="avatar" style="background-image: url(assets/images/faces/female/18.jpg)"></span> Rose
+                          <span class="avatar" style="background-image: url(demo/faces/female/18.jpg)"></span> Rose
                         </a>
                         <a href="javascript:void(0)" class="chip">
-                          <span class="avatar" style="background-image: url(assets/images/faces/male/16.jpg)"></span> Peter
+                          <span class="avatar" style="background-image: url(demo/faces/male/16.jpg)"></span> Peter
                         </a>
                         <a href="javascript:void(0)" class="chip">
-                          <span class="avatar" style="background-image: url(assets/images/faces/male/26.jpg)"></span> Wayne
+                          <span class="avatar" style="background-image: url(demo/faces/male/26.jpg)"></span> Wayne
                         </a>
                         <a href="javascript:void(0)" class="chip">
-                          <span class="avatar" style="background-image: url(assets/images/faces/female/7.jpg)"></span> Michelle
+                          <span class="avatar" style="background-image: url(demo/faces/female/7.jpg)"></span> Michelle
                         </a>
                         <a href="javascript:void(0)" class="chip">
-                          <span class="avatar" style="background-image: url(assets/images/faces/female/17.jpg)"></span> Debra
+                          <span class="avatar" style="background-image: url(demo/faces/female/17.jpg)"></span> Debra
                         </a>
                         <a href="javascript:void(0)" class="chip">
-                          <span class="avatar" style="background-image: url(assets/images/faces/male/30.jpg)"></span> Phillip
+                          <span class="avatar" style="background-image: url(demo/faces/male/30.jpg)"></span> Phillip
                         </a>
                         <a href="javascript:void(0)" class="chip">
-                          <span class="avatar" style="background-image: url(assets/images/faces/male/32.jpg)"></span> Jack
+                          <span class="avatar" style="background-image: url(demo/faces/male/32.jpg)"></span> Jack
                         </a>
                       </div>
                     </div>
@@ -1443,7 +1443,7 @@
                   </div>
                 </div>
                 <div class="card">
-                  <img src="assets/images/photos/ales-krivec-107499-500.jpg" class="card-img-top" alt="">
+                  <img src="demo/photos/ales-krivec-107499-500.jpg" class="card-img-top" alt="">
                   <div class="card-body">
                     <h4 class="mb-4">Girl & Lake</h4>
                     <div class="row mb-4">
@@ -1494,22 +1494,22 @@
                       <div class="col-7">
                         <ul class="avatar-list avatar-list-stacked">
                           <li class="avatar-list-item">
-                            <span class="avatar avatar-sm" style="background-image: url(assets/images/faces/male/41.jpg)"></span>
+                            <span class="avatar avatar-sm" style="background-image: url(demo/faces/male/41.jpg)"></span>
                           </li>
                           <li class="avatar-list-item">
-                            <span class="avatar avatar-sm" style="background-image: url(assets/images/faces/female/1.jpg)"></span>
+                            <span class="avatar avatar-sm" style="background-image: url(demo/faces/female/1.jpg)"></span>
                           </li>
                           <li class="avatar-list-item">
-                            <span class="avatar avatar-sm" style="background-image: url(assets/images/faces/female/18.jpg)"></span>
+                            <span class="avatar avatar-sm" style="background-image: url(demo/faces/female/18.jpg)"></span>
                           </li>
                           <li class="avatar-list-item">
-                            <span class="avatar avatar-sm" style="background-image: url(assets/images/faces/male/16.jpg)"></span>
+                            <span class="avatar avatar-sm" style="background-image: url(demo/faces/male/16.jpg)"></span>
                           </li>
                           <li class="avatar-list-item">
-                            <span class="avatar avatar-sm" style="background-image: url(assets/images/faces/male/26.jpg)"></span>
+                            <span class="avatar avatar-sm" style="background-image: url(demo/faces/male/26.jpg)"></span>
                           </li>
                           <li class="avatar-list-item">
-                            <span class="avatar avatar-sm" style="background-image: url(assets/images/faces/female/7.jpg)"></span>
+                            <span class="avatar avatar-sm" style="background-image: url(demo/faces/female/7.jpg)"></span>
                           </li>
                         </ul>
                       </div>
@@ -1725,7 +1725,7 @@
                     <form>
                       <div class="row">
                         <div class="col-auto">
-                          <span class="avatar avatar-xl" style="background-image: url(assets/images/faces/female/9.jpg)"></span>
+                          <span class="avatar avatar-xl" style="background-image: url(demo/faces/female/9.jpg)"></span>
                         </div>
                         <div class="col">
                           <div class="form-group">
@@ -1896,47 +1896,47 @@
                     <div class="card-text">
                       <ul class="avatar-list">
                         <li class="avatar-list-item">
-                          <a href="javascript:void(0)" class="avatar avatar-lg" style="background-image: url(assets/images/faces/female/1.jpg)">
+                          <a href="javascript:void(0)" class="avatar avatar-lg" style="background-image: url(demo/faces/female/1.jpg)">
                           </a>
                         </li>
                         <li class="avatar-list-item">
-                          <a href="javascript:void(0)" class="avatar avatar-lg" style="background-image: url(assets/images/faces/male/40.jpg)">
+                          <a href="javascript:void(0)" class="avatar avatar-lg" style="background-image: url(demo/faces/male/40.jpg)">
                           </a>
                         </li>
                         <li class="avatar-list-item">
-                          <a href="javascript:void(0)" class="avatar avatar-lg" style="background-image: url(assets/images/faces/male/7.jpg)">
+                          <a href="javascript:void(0)" class="avatar avatar-lg" style="background-image: url(demo/faces/male/7.jpg)">
                           </a>
                         </li>
                         <li class="avatar-list-item">
-                          <a href="javascript:void(0)" class="avatar avatar-lg" style="background-image: url(assets/images/faces/female/11.jpg)">
+                          <a href="javascript:void(0)" class="avatar avatar-lg" style="background-image: url(demo/faces/female/11.jpg)">
                             <span class="avatar-status bg-green"></span>
                           </a>
                         </li>
                         <li class="avatar-list-item">
-                          <a href="javascript:void(0)" class="avatar avatar-lg" style="background-image: url(assets/images/faces/male/21.jpg)">
+                          <a href="javascript:void(0)" class="avatar avatar-lg" style="background-image: url(demo/faces/male/21.jpg)">
                             <span class="avatar-status bg-green"></span>
                           </a>
                         </li>
                         <li class="avatar-list-item">
-                          <a href="javascript:void(0)" class="avatar avatar-lg" style="background-image: url(assets/images/faces/male/25.jpg)">
+                          <a href="javascript:void(0)" class="avatar avatar-lg" style="background-image: url(demo/faces/male/25.jpg)">
                             <span class="avatar-status bg-green"></span>
                           </a>
                         </li>
                         <li class="avatar-list-item">
-                          <a href="javascript:void(0)" class="avatar avatar-lg" style="background-image: url(assets/images/faces/female/5.jpg)">
+                          <a href="javascript:void(0)" class="avatar avatar-lg" style="background-image: url(demo/faces/female/5.jpg)">
                           </a>
                         </li>
                         <li class="avatar-list-item">
-                          <a href="javascript:void(0)" class="avatar avatar-lg" style="background-image: url(assets/images/faces/female/17.jpg)">
+                          <a href="javascript:void(0)" class="avatar avatar-lg" style="background-image: url(demo/faces/female/17.jpg)">
                           </a>
                         </li>
                         <li class="avatar-list-item">
-                          <a href="javascript:void(0)" class="avatar avatar-lg" style="background-image: url(assets/images/faces/male/40.jpg)">
+                          <a href="javascript:void(0)" class="avatar avatar-lg" style="background-image: url(demo/faces/male/40.jpg)">
                             <span class="avatar-status bg-green"></span>
                           </a>
                         </li>
                         <li class="avatar-list-item">
-                          <a href="javascript:void(0)" class="avatar avatar-lg" style="background-image: url(assets/images/faces/male/33.jpg)">
+                          <a href="javascript:void(0)" class="avatar avatar-lg" style="background-image: url(demo/faces/male/33.jpg)">
                           </a>
                         </li>
                       </ul>
@@ -1971,7 +1971,7 @@
                       <div class="row img-gallery">
                         <div class="col-6">
                           <a href="javascript:void(0)" class="d-block link-overlay">
-                            <img class="d-block img-fluid rounded" src="assets/images/photos/nathan-anderson-316188-500.jpg" alt="">
+                            <img class="d-block img-fluid rounded" src="demo/photos/nathan-anderson-316188-500.jpg" alt="">
                             <span class="link-overlay-bg rounded">
                               <i class="fa fa-search"></i>
                             </span>
@@ -1979,7 +1979,7 @@
                         </div>
                         <div class="col-6">
                           <a href="javascript:void(0)" class="d-block link-overlay">
-                            <img class="d-block img-fluid rounded" src="assets/images/photos/nathan-dumlao-287713-500.jpg" alt="">
+                            <img class="d-block img-fluid rounded" src="demo/photos/nathan-dumlao-287713-500.jpg" alt="">
                             <span class="link-overlay-bg rounded">
                               <i class="fa fa-search"></i>
                             </span>
@@ -1987,7 +1987,7 @@
                         </div>
                         <div class="col-6">
                           <a href="javascript:void(0)" class="d-block link-overlay">
-                            <img class="d-block img-fluid rounded" src="assets/images/photos/nicolas-picard-208276-500.jpg" alt="">
+                            <img class="d-block img-fluid rounded" src="demo/photos/nicolas-picard-208276-500.jpg" alt="">
                             <span class="link-overlay-bg rounded">
                               <i class="fa fa-search"></i>
                             </span>
@@ -1995,7 +1995,7 @@
                         </div>
                         <div class="col-6">
                           <a href="javascript:void(0)" class="d-block link-overlay">
-                            <img class="d-block img-fluid rounded" src="assets/images/photos/oskar-vertetics-53043-500.jpg" alt="">
+                            <img class="d-block img-fluid rounded" src="demo/photos/oskar-vertetics-53043-500.jpg" alt="">
                             <span class="link-overlay-bg rounded">
                               <i class="fa fa-search"></i>
                             </span>
@@ -2013,7 +2013,7 @@
                   </div>
                 </div>
                 <div class="card card-aside">
-                  <div class="card-aside-column" style="background-image: url(assets/images/photos/wil-stewart-18242-500.jpg)"></div>
+                  <div class="card-aside-column" style="background-image: url(demo/photos/wil-stewart-18242-500.jpg)"></div>
                   <div class="card-body">
                     <h4 class="card-title">Card with aside</h4>
                     <p>
@@ -2065,7 +2065,7 @@
                   <table class="table card-table">
                     <tr>
                       <td class="align-middle" width="1">
-                        <span class="avatar avatar-md" style="background-image: url(assets/images/faces/male/42.jpg)"></span>
+                        <span class="avatar avatar-md" style="background-image: url(demo/faces/male/42.jpg)"></span>
                       </td>
                       <td>
                         <strong>Jacob Thornton</strong>
@@ -2079,7 +2079,7 @@
                     </tr>
                     <tr>
                       <td class="align-middle" width="1">
-                        <span class="avatar avatar-md" style="background-image: url(assets/images/faces/male/2.jpg)"></span>
+                        <span class="avatar avatar-md" style="background-image: url(demo/faces/male/2.jpg)"></span>
                       </td>
                       <td>
                         <strong>Dave Gamache</strong>
@@ -2093,7 +2093,7 @@
                     </tr>
                     <tr>
                       <td class="align-middle" width="1">
-                        <span class="avatar avatar-md" style="background-image: url(assets/images/faces/female/25.jpg)"></span>
+                        <span class="avatar avatar-md" style="background-image: url(demo/faces/female/25.jpg)"></span>
                       </td>
                       <td>
                         <strong>Mark Otto</strong>
@@ -2108,9 +2108,9 @@
                   </table>
                 </div>
                 <div class="card card-profile">
-                  <div class="card-header" style="background-image: url(assets/images/photos/eberhard-grossgasteiger-311213-500.jpg);"></div>
+                  <div class="card-header" style="background-image: url(demo/photos/eberhard-grossgasteiger-311213-500.jpg);"></div>
                   <div class="card-body text-center">
-                    <img class="card-profile-img" src="assets/images/faces/male/16.jpg">
+                    <img class="card-profile-img" src="demo/faces/male/16.jpg">
                     <h3 class="mb-3">Peter Richards</h3>
                     <p class="mb-4">
                       Big belly rude boy, million dollar hustler. Unemployed.
@@ -2345,7 +2345,7 @@
                     <div class="card">
                       <div class="card-body">
                         <div class="media">
-                          <span class="avatar avatar-xxl mr-5" style="background-image: url(assets/images/faces/male/21.jpg)"></span>
+                          <span class="avatar avatar-xxl mr-5" style="background-image: url(demo/faces/male/21.jpg)"></span>
                           <div class="media-body">
                             <h4 class="m-0">Juan Hernandez</h4>
                             <p class="text-muted mb-0">Webdeveloper</p>
@@ -2391,7 +2391,7 @@
                           </div>
                         </div>
                       </div>
-                      <div class="card-map card-map-placeholder"></div>
+                      <div class="card-map card-map-placeholder" style="background-image: url(./demo/staticmap.png)"></div>
                       <div class="card-body">
                         <div class="media mb-5">
                           <img class="d-flex mr-5 rounded" src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2264%22%20height%3D%2264%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_15ec911398e%20text%20%7B%20fill%3Argba(255%2C255%2C255%2C.75)%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A10pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_15ec911398e%22%3E%3Crect%20width%3D%2264%22%20height%3D%2264%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2213.84375%22%20y%3D%2236.65%22%3E64x64%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E" alt="Generic placeholder image">
@@ -2616,7 +2616,7 @@
                       </div>
                     </div>
                     <div class="card">
-                      <img class="card-img-top" src="assets/images/photos/dino-reichmuth-84359-500.jpg" alt="Card image cap">
+                      <img class="card-img-top" src="demo/photos/dino-reichmuth-84359-500.jpg" alt="Card image cap">
                       <div class="card-body">
                         <h4 class="card-title">Card title</h4>
                         <div class="card-subtitle">Lorem ipsum dolor sit amet.</div>
@@ -2726,7 +2726,7 @@
                       </table>
                     </div>
                     <div class="card">
-                      <img class="card-img-top" src="assets/images/photos/aneta-ivanova-776-500.jpg" alt="Card image cap">
+                      <img class="card-img-top" src="demo/photos/aneta-ivanova-776-500.jpg" alt="Card image cap">
                       <div class="card-body">
                         <h4 class="card-title">Card title</h4>
                         <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
@@ -3052,7 +3052,7 @@
                       </div>
                     </div>
                     <div class="card bg-dark text-white">
-                      <img class="card-img" src="assets/images/photos/teddy-kelley-109202-500.jpg" alt="Card image">
+                      <img class="card-img" src="demo/photos/teddy-kelley-109202-500.jpg" alt="Card image">
                       <div class="card-img-overlay justify-content-end">
                         <h4 class="card-title">Card title</h4>
                         <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
@@ -3137,35 +3137,35 @@
                       </header>
                       <div class="card-body">
                         <div class="media mb-3">
-                          <div class="media-object mr-4"><span class="avatar avatar-md" style="background-image: url(assets/images/faces/male/16.jpg)"></span></div>
+                          <div class="media-object mr-4"><span class="avatar avatar-md" style="background-image: url(demo/faces/male/16.jpg)"></span></div>
                           <div class="media-body">
                             <h5 class="mb-0"><a href="javascript:void(0)" class="text-color">Some of the fantastic things people have had to say about Ooooh</a></h5>
                             <small class="text-muted">2 days ago</small>
                           </div>
                         </div>
                         <div class="media mb-3">
-                          <div class="media-object mr-4"><span class="avatar avatar-md" style="background-image: url(assets/images/faces/male/26.jpg)"></span></div>
+                          <div class="media-object mr-4"><span class="avatar avatar-md" style="background-image: url(demo/faces/male/26.jpg)"></span></div>
                           <div class="media-body">
                             <h5 class="mb-0"><a href="javascript:void(0)" class="text-color">Here are just some of the magazine reviews we have had</a></h5>
                             <small class="text-muted">1 day ago</small>
                           </div>
                         </div>
                         <div class="media mb-3">
-                          <div class="media-object mr-4"><span class="avatar avatar-md" style="background-image: url(assets/images/faces/female/7.jpg)"></span></div>
+                          <div class="media-object mr-4"><span class="avatar avatar-md" style="background-image: url(demo/faces/female/7.jpg)"></span></div>
                           <div class="media-body">
                             <h5 class="mb-0"><a href="javascript:void(0)" class="text-color">Lorem ipsum dolor amet, consectetur adipisicing elit.</a></h5>
                             <small class="text-muted">2 days ago</small>
                           </div>
                         </div>
                         <div class="media mb-3">
-                          <div class="media-object mr-4"><span class="avatar avatar-md" style="background-image: url(assets/images/faces/female/17.jpg)"></span></div>
+                          <div class="media-object mr-4"><span class="avatar avatar-md" style="background-image: url(demo/faces/female/17.jpg)"></span></div>
                           <div class="media-body">
                             <h5 class="mb-0"><a href="javascript:void(0)" class="text-color">“It’s just brilliant. I will recommend it to everyone!”</a></h5>
                             <small class="text-muted">2 mins ago</small>
                           </div>
                         </div>
                         <div class="media">
-                          <div class="media-object mr-4"><span class="avatar avatar-md" style="background-image: url(assets/images/faces/male/30.jpg)"></span></div>
+                          <div class="media-object mr-4"><span class="avatar avatar-md" style="background-image: url(demo/faces/male/30.jpg)"></span></div>
                           <div class="media-body">
                             <h5 class="mb-0"><a href="javascript:void(0)" class="text-color">John has just started working on the project</a></h5>
                             <small class="text-muted">right now</small>
@@ -3174,7 +3174,7 @@
                       </div>
                     </div>
                     <div class="card">
-                      <img class="card-img-top" src="assets/images/photos/artem-sapegin-229391-500.jpg" alt="Card image cap">
+                      <img class="card-img-top" src="demo/photos/artem-sapegin-229391-500.jpg" alt="Card image cap">
                       <ul class="list-group card-list-group">
                         <li class="list-group-item">Cras justo odio</li>
                         <li class="list-group-item">Dapibus ac facilisis in</li>
diff --git a/dist/store.html b/dist/store.html
index 371761f9a..507bf33e8 100644
--- a/dist/store.html
+++ b/dist/store.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>Store components - tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -43,7 +43,7 @@
           <div class="container">
             <div class="navbar p-0">
               <a class="navbar-brand" href="./index.html">
-                <img src="./assets/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
+                <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
               <div class="nav order-lg-2">
                 <div class="nav-item">
@@ -70,7 +70,7 @@
                 </div>
                 <div class="dropdown ml-3">
                   <a href="#" class="nav-link" data-toggle="dropdown">
-                    <span class="avatar" style="background-image: url(./assets/images/faces/female/25.jpg)"></span>
+                    <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
diff --git a/dist/users-list.html b/dist/users-list.html
index a0aaabe2f..645d26360 100644
--- a/dist/users-list.html
+++ b/dist/users-list.html
@@ -14,7 +14,7 @@
     <meta name="MobileOptimized" content="320">
     <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
-    <!-- Generated: 2018-03-21 10:23:11 +0100 -->
+    <!-- Generated: 2018-03-23 13:46:25 +0100 -->
     <title>tabler.github.io - a responsive, flat and full featured admin template</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -43,7 +43,7 @@
           <div class="container">
             <div class="navbar p-0">
               <a class="navbar-brand" href="./index.html">
-                <img src="./assets/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
+                <img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
               </a>
               <div class="nav order-lg-2">
                 <div class="nav-item">
@@ -70,7 +70,7 @@
                 </div>
                 <div class="dropdown ml-3">
                   <a href="#" class="nav-link" data-toggle="dropdown">
-                    <span class="avatar" style="background-image: url(./assets/images/faces/female/25.jpg)"></span>
+                    <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block">
                       <span class="text-default">Jane Pearson</span>
                       <small class="text-muted d-block mt-1">Administrator</small>
@@ -254,7 +254,7 @@
                           <div class="custom-control-label"></div>
                         </label>
                       </th>
-                      <td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/female/25.jpg)"></span></td>
+                      <td><span class="avatar d-block rounded" style="background-image: url(demo/faces/female/25.jpg)"></span></td>
                       <td>Jane Pearson</td>
                       <td class="d-none d-sm-table-cell">February 10, 1994</td>
                       <td class="d-none d-md-table-cell">$1616.70</td>
@@ -266,7 +266,7 @@
                           <div class="custom-control-label"></div>
                         </label>
                       </th>
-                      <td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/male/9.jpg)"></span></td>
+                      <td><span class="avatar d-block rounded" style="background-image: url(demo/faces/male/9.jpg)"></span></td>
                       <td>Jason Porter</td>
                       <td class="d-none d-sm-table-cell">November 14, 1983</td>
                       <td class="d-none d-md-table-cell">$1397.56</td>
@@ -278,7 +278,7 @@
                           <div class="custom-control-label"></div>
                         </label>
                       </th>
-                      <td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/female/25.jpg)"></span></td>
+                      <td><span class="avatar d-block rounded" style="background-image: url(demo/faces/female/25.jpg)"></span></td>
                       <td>Teresa Wood</td>
                       <td class="d-none d-sm-table-cell">February 02, 1988</td>
                       <td class="d-none d-md-table-cell">$675.89</td>
@@ -290,7 +290,7 @@
                           <div class="custom-control-label"></div>
                         </label>
                       </th>
-                      <td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/female/16.jpg)"></span></td>
+                      <td><span class="avatar d-block rounded" style="background-image: url(demo/faces/female/16.jpg)"></span></td>
                       <td>Mary Butler</td>
                       <td class="d-none d-sm-table-cell">November 12, 1982</td>
                       <td class="d-none d-md-table-cell">$600.25</td>
@@ -302,7 +302,7 @@
                           <div class="custom-control-label"></div>
                         </label>
                       </th>
-                      <td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/female/27.jpg)"></span></td>
+                      <td><span class="avatar d-block rounded" style="background-image: url(demo/faces/female/27.jpg)"></span></td>
                       <td>Janice Lane</td>
                       <td class="d-none d-sm-table-cell">December 07, 1983</td>
                       <td class="d-none d-md-table-cell">$1142.12</td>
@@ -314,7 +314,7 @@
                           <div class="custom-control-label"></div>
                         </label>
                       </th>
-                      <td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/male/26.jpg)"></span></td>
+                      <td><span class="avatar d-block rounded" style="background-image: url(demo/faces/male/26.jpg)"></span></td>
                       <td>Anthony Miller</td>
                       <td class="d-none d-sm-table-cell">December 17, 1994</td>
                       <td class="d-none d-md-table-cell">$1476.28</td>
@@ -326,7 +326,7 @@
                           <div class="custom-control-label"></div>
                         </label>
                       </th>
-                      <td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/female/9.jpg)"></span></td>
+                      <td><span class="avatar d-block rounded" style="background-image: url(demo/faces/female/9.jpg)"></span></td>
                       <td>Denise Elliott</td>
                       <td class="d-none d-sm-table-cell">March 01, 1994</td>
                       <td class="d-none d-md-table-cell">$867.54</td>
@@ -338,7 +338,7 @@
                           <div class="custom-control-label"></div>
                         </label>
                       </th>
-                      <td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/female/16.jpg)"></span></td>
+                      <td><span class="avatar d-block rounded" style="background-image: url(demo/faces/female/16.jpg)"></span></td>
                       <td>Rose Cook</td>
                       <td class="d-none d-sm-table-cell">February 10, 1983</td>
                       <td class="d-none d-md-table-cell">$656.43</td>
@@ -350,7 +350,7 @@
                           <div class="custom-control-label"></div>
                         </label>
                       </th>
-                      <td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/male/17.jpg)"></span></td>
+                      <td><span class="avatar d-block rounded" style="background-image: url(demo/faces/male/17.jpg)"></span></td>
                       <td>Terry Tucker</td>
                       <td class="d-none d-sm-table-cell">February 06, 1993</td>
                       <td class="d-none d-md-table-cell">$1556.50</td>
@@ -362,7 +362,7 @@
                           <div class="custom-control-label"></div>
                         </label>
                       </th>
-                      <td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/female/6.jpg)"></span></td>
+                      <td><span class="avatar d-block rounded" style="background-image: url(demo/faces/female/6.jpg)"></span></td>
                       <td>Grace Knight</td>
                       <td class="d-none d-sm-table-cell">August 26, 1989</td>
                       <td class="d-none d-md-table-cell">$768.76</td>
@@ -374,7 +374,7 @@
                           <div class="custom-control-label"></div>
                         </label>
                       </th>
-                      <td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/female/26.jpg)"></span></td>
+                      <td><span class="avatar d-block rounded" style="background-image: url(demo/faces/female/26.jpg)"></span></td>
                       <td>Elizabeth Martin</td>
                       <td class="d-none d-sm-table-cell">October 16, 1992</td>
                       <td class="d-none d-md-table-cell">$787.89</td>
@@ -386,7 +386,7 @@
                           <div class="custom-control-label"></div>
                         </label>
                       </th>
-                      <td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/female/17.jpg)"></span></td>
+                      <td><span class="avatar d-block rounded" style="background-image: url(demo/faces/female/17.jpg)"></span></td>
                       <td>Michelle Schultz</td>
                       <td class="d-none d-sm-table-cell">March 19, 1995</td>
                       <td class="d-none d-md-table-cell">$1123.95</td>
@@ -398,7 +398,7 @@
                           <div class="custom-control-label"></div>
                         </label>
                       </th>
-                      <td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/female/21.jpg)"></span></td>
+                      <td><span class="avatar d-block rounded" style="background-image: url(demo/faces/female/21.jpg)"></span></td>
                       <td>Crystal Austin</td>
                       <td class="d-none d-sm-table-cell">February 01, 1985</td>
                       <td class="d-none d-md-table-cell">$846.57</td>
@@ -410,7 +410,7 @@
                           <div class="custom-control-label"></div>
                         </label>
                       </th>
-                      <td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/male/32.jpg)"></span></td>
+                      <td><span class="avatar d-block rounded" style="background-image: url(demo/faces/male/32.jpg)"></span></td>
                       <td>Douglas Ray</td>
                       <td class="d-none d-sm-table-cell">July 11, 1983</td>
                       <td class="d-none d-md-table-cell">$1548.11</td>
@@ -422,7 +422,7 @@
                           <div class="custom-control-label"></div>
                         </label>
                       </th>
-                      <td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/female/12.jpg)"></span></td>
+                      <td><span class="avatar d-block rounded" style="background-image: url(demo/faces/female/12.jpg)"></span></td>
                       <td>Teresa Reyes</td>
                       <td class="d-none d-sm-table-cell">May 28, 1995</td>
                       <td class="d-none d-md-table-cell">$1323.14</td>
@@ -434,7 +434,7 @@
                           <div class="custom-control-label"></div>
                         </label>
                       </th>
-                      <td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/female/4.jpg)"></span></td>
+                      <td><span class="avatar d-block rounded" style="background-image: url(demo/faces/female/4.jpg)"></span></td>
                       <td>Emma Wade</td>
                       <td class="d-none d-sm-table-cell">November 03, 1988</td>
                       <td class="d-none d-md-table-cell">$1398.82</td>
@@ -446,7 +446,7 @@
                           <div class="custom-control-label"></div>
                         </label>
                       </th>
-                      <td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/female/27.jpg)"></span></td>
+                      <td><span class="avatar d-block rounded" style="background-image: url(demo/faces/female/27.jpg)"></span></td>
                       <td>Carol Henderson</td>
                       <td class="d-none d-sm-table-cell">March 02, 1994</td>
                       <td class="d-none d-md-table-cell">$737.54</td>
@@ -458,7 +458,7 @@
                           <div class="custom-control-label"></div>
                         </label>
                       </th>
-                      <td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/male/20.jpg)"></span></td>
+                      <td><span class="avatar d-block rounded" style="background-image: url(demo/faces/male/20.jpg)"></span></td>
                       <td>Christopher Harvey</td>
                       <td class="d-none d-sm-table-cell">December 09, 1984</td>
                       <td class="d-none d-md-table-cell">$1699.24</td>
@@ -470,7 +470,7 @@
                           <div class="custom-control-label"></div>
                         </label>
                       </th>
-                      <td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/female/5.jpg)"></span></td>
+                      <td><span class="avatar d-block rounded" style="background-image: url(demo/faces/female/5.jpg)"></span></td>
                       <td>Deborah Alvarado</td>
                       <td class="d-none d-sm-table-cell">April 02, 1993</td>
                       <td class="d-none d-md-table-cell">$1936.02</td>
@@ -482,7 +482,7 @@
                           <div class="custom-control-label"></div>
                         </label>
                       </th>
-                      <td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/male/10.jpg)"></span></td>
+                      <td><span class="avatar d-block rounded" style="background-image: url(demo/faces/male/10.jpg)"></span></td>
                       <td>Gregory Hunt</td>
                       <td class="d-none d-sm-table-cell">June 30, 1991</td>
                       <td class="d-none d-md-table-cell">$689.86</td>