diff --git a/_home.php b/_home.php
index a2abf5c..fe82d23 100644
--- a/_home.php
+++ b/_home.php
@@ -21,8 +21,8 @@ include("_navbar.php");
       <div class="qwq">
         <!-- Heading -->
         <div style="height:250px">
-        <h1 class="display-3 font-weight-bold text-white" id="welcomeHeadingSource">
-          <span style="color:#f7a325"
+        <h1 class="display-3 font-weight-bold or" id="welcomeHeadingSource">
+          <span
             data-typed='{"strings": ["Impactful", "Innovative","Inspiring"]}'></span></h1>
             <p class="text-white">
               Montessori Education is based on a holistic approach that begins at birth and builds over the years over four distinct planes of development. If implemented well, it has the advantage of positively impacting a wide range of children. It is an entire system that has been tested over the past 100 years and can be implemented in whole or in part.
@@ -32,7 +32,7 @@ include("_navbar.php");
         <!-- Form -->
         <form>
           <div class="input-group">
-          <a style="background-color: #f7a325;" class="new1 btn btn-sm btn-primary right" href="curriculum">
+          <a class="new1 btn btn-sm right bt" href="curriculum">
             Montessori Approach +
           </a>
           </div>
@@ -117,7 +117,7 @@ include("_navbar.php");
   <div class="fluid-container">
     <div class="row">
       <div class="col-12">
-        <h1 style="text-align: center;margin-top: 20px;">Montessori in our<span style="color:#00b1c1"> DNA</span></h1>
+        <h1 class="text-center mt-3">Montessori in our<span class="sblue"> DNA</span></h1>
         <hr>
 
         <!-- Text -->
@@ -141,7 +141,7 @@ include("_navbar.php");
 
             <!-- Heading -->
             <h4 class="font-weight-bold">
-              <SPAN STYLE="COLOR:#f7a325;">I</SPAN>nspire
+              <SPAN class="or">I</SPAN>nspire
             </h4>
 
             <!-- Text -->
@@ -166,7 +166,7 @@ include("_navbar.php");
 
             <!-- Heading -->
             <h4 class="font-weight-bold">
-              <SPAN style="color: #0585c7;">I</SPAN>mpact
+              <SPAN class="dblue">I</SPAN>mpact
             </h4>
 
             <!-- Text -->
@@ -191,7 +191,7 @@ include("_navbar.php");
 
             <!-- Heading -->
             <h4 class="font-weight-bold">
-              <span style="color: #2dadb8;">M</span>otivate
+              <span class="sblue">M</span>otivate
             </h4>
 
             <!-- Text -->
@@ -216,7 +216,7 @@ include("_navbar.php");
 
             <!-- Heading -->
             <h4 class="font-weight-bold">
-              <span style="color: #0585c7;">T</span>echnology
+              <span class="dblue">T</span>echnology
             </h4>
 
             <!-- Text -->
@@ -243,7 +243,7 @@ include("_navbar.php");
 
             <!-- Heading -->
             <h4 class="font-weight-bold">
-              <span style="color: #f7a325;">T</span>rust
+              <span class="or">T</span>rust
             </h4>
 
             <!-- Text -->
@@ -265,7 +265,7 @@ include("_navbar.php");
         <blockquote class="blockquote text-center">
 
           <!-- Text -->
-          <p style="color: #0189c8;" class="h4 mb-5 mb-md-7">
+          <p class="h4 mb-5 mb-md-7 dblue">
             “She is the main connecting link between the material … and the child.”
           </p>
 
@@ -318,7 +318,7 @@ include("_navbar.php");
               <div class="card-body">
 
                 <!-- Heading -->
-                <h2 style="color:#0189c8;">
+                <h2 class="dblue">
                   What is Montessori?
                 </h2>
 
@@ -362,7 +362,7 @@ include("_navbar.php");
               <div class="card-body">
 
                 <!-- Heading -->
-                <h2 style="color:#0189c8;">
+                <h2  class="dblue">
                   How is a Montessori Teacher different?
                 </h2>
 
@@ -399,7 +399,7 @@ include("_navbar.php");
               <div class="card-body">
     
                 <!-- Heading -->
-                <h3 style="text-align: center;color:#0189c8;">
+                <h3 class="text-center or">
                   IIMTT Teacher Education
                 </h3>
     
@@ -410,12 +410,7 @@ include("_navbar.php");
                   training opportunities, including internationally recognised UK qualifications, to start your journey in
                   Montessori
                   education.<br><br>
-                  <!--
-                  <a style="background-color: #f7a325;" class="navbar-btn text-center btn btn-sm btn-primary lift ml-auto"
-                    href="#">
-                    Find Out More >>
-                  </a>
-                  -->
+                
                 </p>
             </div>
           </div> <!-- / .row -->
@@ -442,7 +437,7 @@ include("_navbar.php");
   
             <!-- Body -->
             <div class="card-body position-relative">
-              <h3 style="color:#0189c8;">
+              <h3 class="dblue">
                 Montessori School Set Up Services
               </h3>
   
@@ -475,11 +470,6 @@ include("_navbar.php");
               </script>
              
               <!-- Link -->
-              <!--
-              <a style="background-color: #f7a325;" class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="#">
-                Find Out More >>
-              </a>
-              -->
             </div>
           </div>
         </div>
@@ -501,7 +491,7 @@ include("_navbar.php");
             <!-- Body -->
             <div class="card-body position-relative">
               <!-- Heading -->
-              <h3 style="color:#0189c8;">
+              <h3 class="dblue">
                 Montessori Home School Curriculum
               </h3>
   
@@ -511,12 +501,6 @@ include("_navbar.php");
                 for implementation at home as a homeschooling curriculum for 3-6 year old’s.
               </p>
   
-              <!-- Link -->
-              <!--
-              <a style="background-color: #f7a325;" class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="#">
-                Find Out More >>
-               </a>
-              -->
             </div>
           </div>
         </div>
@@ -538,7 +522,7 @@ include("_navbar.php");
             <!-- Body -->
             <div class="card-body position-relative">
               <!-- Heading -->
-              <h3 style="color:#0189c8;">
+              <h3 class="dblue">
                 Accreditation Services
               </h3>
   
@@ -548,12 +532,6 @@ include("_navbar.php");
                 meets and can sustain the rigorous standard of excellence recognized by Montessori educators worldwide.
               </p>
   
-              <!-- Link -->
-              <!--
-              <a style="background-color: #f7a325;" class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="#">
-                Find Out More >>
-              </a>
-              -->
             </div>
           </div>
         </div>
@@ -570,7 +548,7 @@ include("_navbar.php");
         <blockquote class="blockquote text-center">
 
           <!-- Text -->
-          <p style="color: #0189c8;" class="h4 mb-5 mb-md-7">
+          <p class="h4 mb-5 mb-md-7 dblue">
             “Adults admire the environment:
             they can remember it and things about it; but the child absorbs it. The things he sees
             are not just remembered; they form part of his soul. He incarnates in himself the world about him.”
@@ -596,19 +574,19 @@ include("_navbar.php");
 <section class="pt-8 pt-md-11">
 
   <div class="container">
-      <h2 style="text-align: center;color:#f7a325;">What makes Montessori Teachers successful?</h2>
+      <h2 class="text-center or">What makes Montessori Teachers successful?</h2>
 
     <div class="row align-items-center justify-content-between">
       <div class="col-12 col-md-6">
         <div class="col-auto">
         </div>
         <!-- Heading -->
-        <h3 style="color:#fdc167">
+        <h3 class="or">
           Be the connection between the children and the materials
         </h3>
 
         <!-- Text -->
-        <p style="color: white;font-size: medium;" class=" mb-6 mb-md-0">
+        <p style="font-size: medium;" class="text-white mb-6 mb-md-0">
           The kids won’t know how to use them, if you don’t! Getting out of practice is easy especially if specific
           materials have
           not been used for long. Research and study, and constantly evolve as a Montessori teacher.
@@ -658,12 +636,12 @@ include("_navbar.php");
           <div class="col col-md-12 ml-md-0">
 
             <!-- Heading -->
-            <h3 style="color:#fdc167">
+            <h3 class="or">
               Trust the method
             </h3>
 
             <!-- Text -->
-            <p style="color: white;font-size: medium;" class=" mb-6 mb-md-0">
+            <p style="font-size: medium;" class="text-white mb-6 mb-md-0">
               This is not a 100m race. We must give time to ourselves, and to the children. The kids need time to
               acquaint themselves
               to a Montessori classroom and materials that are different from everything else they see in the world
@@ -679,12 +657,12 @@ include("_navbar.php");
           <div class="col col-md-12 ml-md-0">
 
             <!-- Heading -->
-            <h3 style="color:#fdc167">
+            <h3 class="or">
               Make children independent
             </h3>
 
             <!-- Text -->
-            <p style="color: white;font-size: medium;" class=" mb-6 mb-md-0">
+            <p style="font-size: medium;" class="text-white mb-6 mb-md-0">
               It can be quite a pain really, being the only adult in the room. As a teacher what are you supposed to be
               doing in a
               traditional setting – supervise right? The teacher is at the front of the room, and the classroom center.
@@ -701,12 +679,12 @@ include("_navbar.php");
           <div class="col col-md-12 ml-md-0">
 
             <!-- Heading -->
-            <h3 style="color:#fdc167">
+            <h3 class="or">
               The power of observation
             </h3>
 
             <!-- Text -->
-            <p style="color: white;font-size: medium;" class=" mb-0">
+            <p style="font-size: medium;" class="text-white mb-0">
               For any Montessori teacher, this is a great asset because observation of the child is central to what
               Maria Montessori
               did to develop her method in the first place. Observation will help the Montessori teacher figure out many
@@ -733,7 +711,7 @@ include("_navbar.php");
         <!-- Heading -->
         <h2>
           IIMTT Montessori <br>
-          <span style="color:#00b1c1;">Teacher Training Programs</span>.
+          <span class="sblue">Teacher Training Programs</span>.
         </h2>
 
         <!-- Text -->
@@ -744,10 +722,10 @@ include("_navbar.php");
       childhood (3-6yrs).
         </p>
         <div class="a6">
-        <a style="background-color: #f7a325; margin: 10px;" class=" navbar-btn btn btn-sm btn-primary lift ml-auto" href="curriculum">
+        <a class=" navbar-btn btn btn-sm lift ml-auto bt" href="curriculum">
           Infant and Toddler >>
         </a>
-        <a style="background-color: #f7a325;" class="navbar-btn btn btn-sm btn-primary lift ml-auto"
+        <a class="navbar-btn btn btn-sm lift ml-auto bt"
           href="curriculum">
           Early Childhood >>
         </a>
@@ -758,7 +736,7 @@ include("_navbar.php");
 
         <!-- Image -->
         <div class=" order-md-1">
-        <img class="a6" src="/assets/img/Montessori-Teacher-Training-program .jpeg" alt="teacher training" class=>
+        <img class="a6" src="/assets/img/Montessori-Teacher-Training-program .jpeg" alt="teacher training">
 
         </div>
       </div>
@@ -776,7 +754,7 @@ include("_navbar.php");
         <blockquote class="blockquote text-center">
 
           <!-- Text -->
-          <p style="color: #0189c8;" class="h4 mb-5 mb-md-7">
+          <p class="h4 mb-5 mb-md-7 dblue">
           “The instructions of a teacher consist merely of a hint, a touch – enough to give a start to the child.”
           </p>
 
@@ -802,7 +780,7 @@ include("_navbar.php");
       <div style="height: 100px;" class="col-12 col-md-1- col-lg-8 text-center">
 
         <!-- Heading -->
-        <h1 style="color: #00b1c1;">
+        <h1 class="sblue">
           Find an IIMTT training centre near you
         </h1>
 
@@ -813,7 +791,7 @@ include("_navbar.php");
         </p>
 
         <!-- Button -->
-        <a style="background-color: #f7a325;" href="center" class="btn btn-pill btn-primary lift">
+        <a href="center" class="btn btn-pill lift bt">
           Search Here <i class="fe fe-arrow-right ml-2"></i>
         </a>
 
@@ -828,7 +806,7 @@ include("_navbar.php");
             <div class="col-12 col-md">
 
                 <!-- Heading -->
-                <h3 style="color: #0189c8;" class="mb-1 font-weight-bold">
+                <h3 class="mb-1 font-weight-bold dblue">
                     Get our stories delivered
                 </h3>
 
@@ -852,7 +830,7 @@ include("_navbar.php");
                         <div class="col-auto ml-n5">
 
                             <!-- Button -->
-                            <button style="background-color: #f7a325;" class="btn btn-primary" type="submit">
+                            <button class="btn bt" type="submit">
                                 Subscribe
                             </button>
 
diff --git a/assets/css/my.css b/assets/css/my.css
index 0eea43a..e8d3849 100644
--- a/assets/css/my.css
+++ b/assets/css/my.css
@@ -1,7 +1,10 @@
 /*--------------------------------------------------------------
 # Back to top button
 --------------------------------------------------------------*/
-
+.bt {
+  background-color: #f7a325 !important;
+  color:white !important;
+}
 
 /*--------------------------------------------------*/
 .card_first .col-lg-2 {
@@ -265,6 +268,15 @@ text-align:center;
 .e1{
   width:150px !important;
 }
+.or{
+  color:#f7a325 !important;
+}
+.sblue{
+  color: #00b1c1 !important;
+}
+.dblue{
+  color: #0585c7 !important;
+}
 .back-to-top {
   background-color: #f7a325;
   color:white;
diff --git a/centers.php b/centers.php
index 9a0ca95..b155e59 100644
--- a/centers.php
+++ b/centers.php
@@ -18,7 +18,7 @@ include("_navbar.php");
             <div class="row">
                 <div class="col-12 col-md-12 col-lg-12 k1">
                         <!-- Heading -->
-                        <div style="">
+                        <div>
                             <h1 style="color:#f7a325;text-align: center;" class="display-3 font-weight-bold">
                             IIMTT Centers
                             </h1>
@@ -78,7 +78,7 @@ include("_navbar.php");
     <!-- Text -->
     <p class="mb-0 text-muted text-center">
     Eldama Ravine Cl, Nairobi, Kenya<br>
-      <a style="background-color: #f7a325" class="navbar-btn btn btn-sm ml-auto mt-6" href="montessori-teacher-training-nairobi">
+      <a class="navbar-btn btn btn-sm ml-auto mt-6 bt" href="montessori-teacher-training-nairobi">
       View More
 </a>
     </p>
@@ -111,7 +111,7 @@ include("_navbar.php");
                 <!-- Text -->
                 <p class="mb-0 text-muted text-center">
                 Cổ Nhuế 1, Từ Liêm, Hanoi, Vietnam<br><br>
-                  <a style="background-color: #f7a325" class="navbar-btn btn btn-sm ml-auto" href="montessori-teacher-training-hanoi">
+                  <a class="navbar-btn btn btn-sm ml-auto bt" href="montessori-teacher-training-hanoi">
                   View More
           </a>
                 </p>
@@ -146,7 +146,7 @@ include("_navbar.php");
                 <!-- Text -->
                 <p class="mb-0 text-muted text-center">
                 575, Cross, 10th Main Rd, near State Bank of India ATM, Mico Layout, Stage 2, Bengaluru, Karnataka 560076
-                  <a style="background-color: #f7a325" class="navbar-btn btn btn-sm ml-auto" href="montessori-teacher-training-micolayout">
+                  <a class="navbar-btn btn btn-sm ml-auto bt" href="montessori-teacher-training-micolayout">
             View More
           </a>
                 </p>
@@ -154,33 +154,33 @@ include("_navbar.php");
 </div>
 
 </div>
-<!--
+
           <div class="col-12 col-md-6 col-lg-4 d-flex mb-4">
-            <!-- Card --
+            <!-- Card -->
             <div class="card mb-6 mb-lg-0 shadow-light-lg lift lift-lg">
 
-              <!-- Image --
+              <!-- Image -->
               <div class="card-img-top">
-                <img src="/assets/img/boy-using-abacus.jpg" alt="iimtt" class="img-fluid">
+                <img src="/assets/img/TamilNadu.png" alt="iimtt" class="img-fluid">
               </div>
 
-              <!-- Shape --
+              <!-- Shape -->
               <div class="position-relative">
                 <div class="shape shape-fluid-x shape-bottom svg-shim text-white">
                   <svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 48h2880V0h-720C1442.5 52 720 0 720 0H0v48z" fill="currentColor"/></svg>                </div>
               </div>
 
-              <!-- Body --
+              <!-- Body -->
               <div class="card-body">
 
-                <!-- Heading --
+                <!-- Heading -->
                 <h3 class="text-center">
-                  IIMTT BTM Layout
+                  IIMTT Imphal
                 </h3>
-                <!-- Text --
+                <!-- Text -->
                 <p class="mb-0 text-muted text-center">
-                1166, 8th Cross Rd, Keb Layout, Narayan Gowda Layout, 1st Stage, BTM Layout 1, Bengaluru, Karnataka 560029
-                  <a style="background-color: #f7a325" class="navbar-btn btn btn-sm ml-auto" href="montessori-teacher-training-btm-layout">
+                Junction CCPur Parking, Above MK Hotel, Keishampat, Imphal, Manipur 795001<br><br>
+                  <a class="navbar-btn btn btn-sm ml-auto bt" href="montessori-teacher-training-Imphal">
                   View More
           </a>
                 </p>
@@ -188,7 +188,6 @@ include("_navbar.php");
             </div>
 
           </div>
-         -->
    
         <div class="col-12 col-md-6 col-lg-4 d-flex mb-4">
 
@@ -216,7 +215,7 @@ include("_navbar.php");
 <!-- Text -->
 <p class="mb-0 text-muted text-center">
 Skylark Arcadia, Phase 2, Kodigehalli Main Rd, Sadaramangala, Bengaluru, Karnataka 560067
-  <a style="background-color: #f7a325" class="navbar-btn btn btn-sm ml-auto" href="montessori-teacher-training-dimapur">
+  <a class="navbar-btn btn btn-sm ml-auto bt" href="montessori-teacher-training-dimapur">
   View More
 </a>
 </p>
@@ -250,7 +249,7 @@ Skylark Arcadia, Phase 2, Kodigehalli Main Rd, Sadaramangala, Bengaluru, Karnata
                 <!-- Text -->
                 <p class="mb-0 text-muted text-center">
                 Police station, J-13, Baishnabhghata Patuli Township Ward no. 101 Near Patuli, Garia, West Bengal 700094<br>
-                  <a style="background-color: #f7a325" class="navbar-btn btn btn-sm ml-auto" href="montessori-teacher-training-patuli">
+                  <a class="navbar-btn btn btn-sm ml-auto bt" href="montessori-teacher-training-patuli">
                   View More
           </a>
                 </p>
@@ -284,7 +283,7 @@ Skylark Arcadia, Phase 2, Kodigehalli Main Rd, Sadaramangala, Bengaluru, Karnata
                 <!-- Text -->
                 <p class="mb-0 text-muted text-center">
                 DE-2/B, Raghunathpur, Baguiati, Kolkata, West Bengal 700059<br><br>
-                  <a style="background-color: #f7a325" class="navbar-btn btn btn-sm ml-auto" href="montessori-teacher-training-program-kolkata">
+                  <a class="navbar-btn btn btn-sm ml-auto bt" href="montessori-teacher-training-program-kolkata">
                   View More
           </a>
                 </p>
@@ -318,7 +317,7 @@ Skylark Arcadia, Phase 2, Kodigehalli Main Rd, Sadaramangala, Bengaluru, Karnata
                 <!-- Text -->
                 <p class="mb-0 text-muted text-center">
                 Panchantra Housing Complex,132 Masidhati Road Raja Rammohan Pally, Taki Rd, near Cityzen Fotum, Barasat, West Bengal 700124
-                  <a style="background-color: #f7a325" class="navbar-btn btn btn-sm ml-auto" href="montessori-teacher-training-takiroad">
+                  <a class="navbar-btn btn btn-sm ml-auto bt" href="montessori-teacher-training-takiroad">
                   View More
           </a>
                 </p>
@@ -352,7 +351,7 @@ Skylark Arcadia, Phase 2, Kodigehalli Main Rd, Sadaramangala, Bengaluru, Karnata
                 <!-- Text -->
                 <p class="mb-0 text-muted text-center">
                 101, G.T. Road (South Sandhya Bazar, Maidan, Howrah, West Bengal 711101<br>
-                  <a style="background-color: #f7a325" class="navbar-btn btn btn-sm ml-auto mt-6" href="montessori-teacher-training-howrahmaidan">
+                  <a class="navbar-btn btn btn-sm ml-auto mt-6 bt" href="montessori-teacher-training-howrahmaidan">
                   View More
           </a>
                 </p>
@@ -386,7 +385,7 @@ Skylark Arcadia, Phase 2, Kodigehalli Main Rd, Sadaramangala, Bengaluru, Karnata
                 <!-- Text -->
                 <p class="mb-0 text-muted text-center">
                 A/143, Central Rd, H B Town, Sodepur, Barrackpore, West Bengal 700114<br>
-                  <a style="background-color: #f7a325" class="navbar-btn btn btn-sm ml-auto mt-6" href="montessori-teacher-training-sodepur">
+                  <a class="navbar-btn btn btn-sm ml-auto mt-6 bt" href="montessori-teacher-training-sodepur">
                   View More
           </a>
                 </p>
@@ -421,7 +420,7 @@ Skylark Arcadia, Phase 2, Kodigehalli Main Rd, Sadaramangala, Bengaluru, Karnata
                 <!-- Text -->
                 <p class="mb-0 text-muted text-center">
                 Police station, J-13, Baishnabhghata Patuli Township Ward no. 101 Near Patuli, Garia, West Bengal 700094
-                  <a style="background-color: #f7a325" class="navbar-btn btn btn-sm ml-auto" href="montessori-teacher-training-nabagram">
+                  <a  class="navbar-btn btn btn-sm ml-auto bt" href="montessori-teacher-training-nabagram">
                   View More
           </a>
                 </p>
@@ -455,7 +454,7 @@ Skylark Arcadia, Phase 2, Kodigehalli Main Rd, Sadaramangala, Bengaluru, Karnata
                 <!-- Text -->
                 <p class="mb-0 text-muted text-center">
                 B-91, near third bus stop, Cheran ma Nagar, Villankurichi, Tamil Nadu 641035
-                  <a style="background-color: #f7a325" class="navbar-btn btn btn-sm ml-auto mt-5" href="montessori-teacher-training-cheranmanagar">
+                  <a class="navbar-btn btn btn-sm ml-auto mt-5 bt" href="montessori-teacher-training-cheranmanagar">
                   View More
           </a>
                 </p>
@@ -489,7 +488,7 @@ Skylark Arcadia, Phase 2, Kodigehalli Main Rd, Sadaramangala, Bengaluru, Karnata
                 <!-- Text -->
                 <p class="mb-0 text-muted text-center">
                 B-91, near third bus stop, Cheran ma Nagar, Villankurichi, Tamil Nadu 641035
-                  <a style="background-color: #f7a325" class="navbar-btn btn btn-sm ml-auto mt-4" href="montessori-teacher-training-chitlapakkam">
+                  <a class="navbar-btn btn btn-sm ml-auto mt-4 bt" href="montessori-teacher-training-chitlapakkam">
                   View More
           </a>
                 </p>
diff --git a/docs/alerts.html b/docs/alerts.html
deleted file mode 100644
index f96857b..0000000
--- a/docs/alerts.html
+++ /dev/null
@@ -1,1227 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Alerts
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <h1 class="mb-1" id="alerts">Alerts</h1>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.
-            </p>
-
-            <!-- Bootstrap/Plugin Link -->
-            <p>
-              <a class="text-decoration-none" href="http://getbootstrap.com/docs/4.1/components/alerts/" target="_blank">
-                <i class="fe fe-external-link pr-1"></i>
-                Bootstrap documentation
-              </a>
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <div class="alert alert-primary" role="alert">
-                  A simple primary alert—check it out!
-                </div>
-                <div class="alert alert-secondary" role="alert">
-                  A simple secondary alert—check it out!
-                </div>
-                <div class="alert alert-success" role="alert">
-                  <h4 class="alert-heading">Well done!</h4>
-                  <p>Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.</p>
-                  <hr>
-                  <p class="mb-0">Whenever you need to, be sure to use margin utilities to keep things nice and tidy.</p>
-                </div>
-                <div class="alert alert-danger alert-dismissible fade show" role="alert">
-                  <strong>Danger Will Robinson!</strong> This is a dismissable alert!
-                  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-                </div>
-                <div class="alert alert-warning alert-dismissible fade show" role="alert">
-                  <strong>Holy guacamole!</strong> Notice how the text/UI have high contrast?
-                  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-                </div>
-                <div class="alert alert-info" role="alert">
-                  A simple info alert—check it out!
-                </div>
-                <div class="alert alert-light" role="alert">
-                  A simple light alert—check it out!
-                </div>
-                <div class="alert alert-dark" role="alert">
-                  A simple dark alert—check it out!
-                </div>
-
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right"></div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-
-  </body>
-</html>
diff --git a/docs/aos.html b/docs/aos.html
deleted file mode 100644
index afceb63..0000000
--- a/docs/aos.html
+++ /dev/null
@@ -1,1211 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-    
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-            
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  AOS
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-            
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-            
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h1 class="mb-1 mr-3">AOS</h1>
-              <span class="badge rounded-pill bg-primary-soft mt-1">
-                <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-              </span>
-            </div>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Animate on scroll library.
-            </p>
-
-            <!-- Bootstrap/Plugin Link -->
-            <p>
-              <a class="text-decoration-none" href="https://michalsnik.github.io/aos/" target="_blank">
-                <i class="fe fe-external-link pr-1"></i>
-                Plugin documentation
-              </a>
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <a href="#!" class="btn btn-primary mb-1" data-aos="fade-in">
-                  Primary action
-                </a>
-
-                <a href="#!" class="btn btn-primary mb-1" data-aos="fade-in" data-aos-delay="150">
-                  Primary action
-                </a>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;a&nbsp;href=&quot;#!&quot;&nbsp;class=&quot;btn&nbsp;btn-primary&quot;&nbsp;data-aos=&quot;fade-in&quot;&gt;<br/>&nbsp;&nbsp;Primary&nbsp;action<br/>&lt;/a&gt;<br/><br/>&lt;a&nbsp;href=&quot;#!&quot;&nbsp;class=&quot;btn&nbsp;btn-primary&quot;&nbsp;data-aos=&quot;fade-in&quot;&nbsp;data-aos-delay=&quot;150&quot;&gt;<br/>&nbsp;&nbsp;Primary&nbsp;action<br/>&lt;/a&gt;
-                </code>
-              </div>
-            </div>
-            
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right"></div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-      
-  </body>
-</html>
\ No newline at end of file
diff --git a/docs/avatars.html b/docs/avatars.html
deleted file mode 100644
index 0dda332..0000000
--- a/docs/avatars.html
+++ /dev/null
@@ -1,1506 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-    
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-            
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Avatars
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-            
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-            
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h1 class="mb-1 mr-3">Avatars</h1>
-              <span class="badge rounded-pill bg-primary-soft mt-1">
-                <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-              </span>
-            </div>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Create and group avatars of different sizes and shapes with a single component.
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="sizing">Sizing</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Using Bootstrap’s typical naming structure, you can create a standard avatar, or scale it up to different sizes based on what’s needed.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <div class="avatar avatar-xxl">
-                  <img src="../assets/img/avatars/avatar-1.jpg" alt="..." class="avatar-img rounded-circle">
-                </div>
-
-                <div class="avatar avatar-xl">
-                  <img src="../assets/img/avatars/avatar-1.jpg" alt="..." class="avatar-img rounded-circle">
-                </div>
-
-                <div class="avatar avatar-lg">
-                  <img src="../assets/img/avatars/avatar-1.jpg" alt="..." class="avatar-img rounded-circle">
-                </div>
-
-                <div class="avatar">
-                  <img src="../assets/img/avatars/avatar-1.jpg" alt="..." class="avatar-img rounded-circle">
-                </div>
-
-                <div class="avatar avatar-sm">
-                  <img src="../assets/img/avatars/avatar-1.jpg" alt="..." class="avatar-img rounded-circle">
-                </div>
-
-                <div class="avatar avatar-xs">
-                  <img src="../assets/img/avatars/avatar-1.jpg" alt="..." class="avatar-img rounded-circle">
-                </div>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;avatar&nbsp;avatar-xxl&quot;&gt;<br/>&nbsp;&nbsp;&lt;img&nbsp;src=&quot;../assets/img/avatars/avatar-1.jpg&quot;&nbsp;alt=&quot;...&quot;&nbsp;class=&quot;avatar-img&nbsp;rounded-circle&quot;&gt;<br/>&lt;/div&gt;<br/><br/>&lt;div&nbsp;class=&quot;avatar&nbsp;avatar-xl&quot;&gt;<br/>&nbsp;&nbsp;&lt;img&nbsp;src=&quot;../assets/img/avatars/avatar-1.jpg&quot;&nbsp;alt=&quot;...&quot;&nbsp;class=&quot;avatar-img&nbsp;rounded-circle&quot;&gt;<br/>&lt;/div&gt;<br/><br/>&lt;div&nbsp;class=&quot;avatar&nbsp;avatar-lg&quot;&gt;<br/>&nbsp;&nbsp;&lt;img&nbsp;src=&quot;../assets/img/avatars/avatar-1.jpg&quot;&nbsp;alt=&quot;...&quot;&nbsp;class=&quot;avatar-img&nbsp;rounded-circle&quot;&gt;<br/>&lt;/div&gt;<br/><br/>&lt;div&nbsp;class=&quot;avatar&quot;&gt;<br/>&nbsp;&nbsp;&lt;img&nbsp;src=&quot;../assets/img/avatars/avatar-1.jpg&quot;&nbsp;alt=&quot;...&quot;&nbsp;class=&quot;avatar-img&nbsp;rounded-circle&quot;&gt;<br/>&lt;/div&gt;<br/><br/>&lt;div&nbsp;class=&quot;avatar&nbsp;avatar-sm&quot;&gt;<br/>&nbsp;&nbsp;&lt;img&nbsp;src=&quot;../assets/img/avatars/avatar-1.jpg&quot;&nbsp;alt=&quot;...&quot;&nbsp;class=&quot;avatar-img&nbsp;rounded-circle&quot;&gt;<br/>&lt;/div&gt;<br/><br/>&lt;div&nbsp;class=&quot;avatar&nbsp;avatar-xs&quot;&gt;<br/>&nbsp;&nbsp;&lt;img&nbsp;src=&quot;../assets/img/avatars/avatar-1.jpg&quot;&nbsp;alt=&quot;...&quot;&nbsp;class=&quot;avatar-img&nbsp;rounded-circle&quot;&gt;<br/>&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="statusIndicator">Status Indicator</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Add an online or offline status indicator to show user's availability.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-                
-                <div class="avatar avatar-xxl avatar-offline">
-                  <img src="../assets/img/avatars/avatar-1.jpg" alt="..." class="avatar-img rounded-circle">
-                </div>
-
-                <div class="avatar avatar-xl avatar-online">
-                  <img src="../assets/img/avatars/avatar-1.jpg" alt="..." class="avatar-img rounded-circle">
-                </div>
-
-                <div class="avatar avatar-lg avatar-offline">
-                  <img src="../assets/img/avatars/avatar-1.jpg" alt="..." class="avatar-img rounded-circle">
-                </div>
-
-                <div class="avatar avatar-online">
-                  <img src="../assets/img/avatars/avatar-1.jpg" alt="..." class="avatar-img rounded-circle">
-                </div>
-
-                <div class="avatar avatar-sm avatar-offline">
-                  <img src="../assets/img/avatars/avatar-1.jpg" alt="..." class="avatar-img rounded-circle">
-                </div>
-
-                <div class="avatar avatar-xs avatar-online">
-                  <img src="../assets/img/avatars/avatar-1.jpg" alt="..." class="avatar-img rounded-circle">
-                </div>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;avatar&nbsp;avatar-online&quot;&gt;<br/>&nbsp;&nbsp;&lt;img&nbsp;src=&quot;../assets/img/avatars/avatar-1.jpg&quot;&nbsp;alt=&quot;...&quot;&nbsp;class=&quot;avatar-img&nbsp;rounded-circle&quot;&gt;<br/>&lt;/div&gt;<br/><br/>&lt;div&nbsp;class=&quot;avatar&nbsp;avatar-offline&quot;&gt;<br/>&nbsp;&nbsp;&lt;img&nbsp;src=&quot;../assets/img/avatars/avatar-1.jpg&quot;&nbsp;alt=&quot;...&quot;&nbsp;class=&quot;avatar-img&nbsp;rounded-circle&quot;&gt;<br/>&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="shape">Shape</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Change the shape of an avatar with the default Bootstrap image classes.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-                
-                <div class="avatar avatar-xxl">
-                  <img src="../assets/img/avatars/avatar-1.jpg" alt="..." class="avatar-img rounded">
-                </div>
-
-                <div class="avatar avatar-xxl">
-                  <img src="../assets/img/avatars/avatar-1.jpg" alt="..." class="avatar-img rounded-circle">
-                </div>
-
-                <div class="avatar avatar-lg">
-                  <img src="../assets/img/avatars/avatar-1.jpg" alt="..." class="avatar-img rounded">
-                </div>
-
-                <div class="avatar avatar-lg">
-                  <img src="../assets/img/avatars/avatar-1.jpg" alt="..." class="avatar-img rounded-circle">
-                </div>
-
-                <div class="avatar">
-                  <img src="../assets/img/avatars/avatar-1.jpg" alt="..." class="avatar-img rounded">
-                </div>
-
-                <div class="avatar">
-                  <img src="../assets/img/avatars/avatar-1.jpg" alt="..." class="avatar-img rounded-circle">
-                </div>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;avatar&quot;&gt;<br/>&nbsp;&nbsp;&lt;img&nbsp;src=&quot;../assets/img/avatars/avatar-1.jpg&quot;&nbsp;alt=&quot;...&quot;&nbsp;class=&quot;avatar-img&nbsp;rounded&quot;&gt;<br/>&lt;/div&gt;<br/><br/>&lt;div&nbsp;class=&quot;avatar&quot;&gt;<br/>&nbsp;&nbsp;&lt;img&nbsp;src=&quot;../assets/img/avatars/avatar-1.jpg&quot;&nbsp;alt=&quot;...&quot;&nbsp;class=&quot;avatar-img&nbsp;rounded-circle&quot;&gt;<br/>&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="ratio">Ratio</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Change the proportional relationship between the width and height of an avatar to 4 by 3 with an <code>.avatar-4by3</code> modifier.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-                
-                <div class="avatar avatar-xxl avatar-4by3">
-                  <img src="../assets/img/photos/photo-1.jpg" alt="..." class="avatar-img rounded">
-                </div>
-
-                <div class="avatar avatar-xl avatar-4by3">
-                  <img src="../assets/img/photos/photo-1.jpg" alt="..." class="avatar-img rounded">
-                </div>
-
-                <div class="avatar avatar-lg avatar-4by3">
-                  <img src="../assets/img/photos/photo-1.jpg" alt="..." class="avatar-img rounded">
-                </div>
-
-                <div class="avatar avatar-4by3">
-                  <img src="../assets/img/photos/photo-1.jpg" alt="..." class="avatar-img rounded">
-                </div>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;avatar&nbsp;avatar-lg&nbsp;avatar-4by3&quot;&gt;<br/>&nbsp;&nbsp;&lt;img&nbsp;src=&quot;../assets/img/photos/photo-1.jpg&quot;&nbsp;alt=&quot;...&quot;&nbsp;class=&quot;avatar-img&nbsp;rounded&quot;&gt;<br/>&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="initials">Initials</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              You won't always have an image for every user, so easily use initials instead.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-                
-                <div class="avatar avatar-xxl">
-                  <span class="avatar-title rounded-circle">CF</span>
-                </div>
-
-                <div class="avatar avatar-xl">
-                  <span class="avatar-title rounded-circle">CF</span>
-                </div>
-
-                <div class="avatar avatar-lg">
-                  <span class="avatar-title rounded-circle">CF</span>
-                </div>
-
-                <div class="avatar">
-                  <span class="avatar-title rounded-circle">CF</span>
-                </div>
-
-                <div class="avatar avatar-sm">
-                  <span class="avatar-title rounded-circle">CF</span>
-                </div>
-
-                <div class="avatar avatar-xs">
-                  <span class="avatar-title rounded-circle">CF</span>
-                </div>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;avatar&nbsp;avatar-xxl&quot;&gt;<br/>&nbsp;&nbsp;&lt;span&nbsp;class=&quot;avatar-title&nbsp;rounded-circle&quot;&gt;CF&lt;/span&gt;<br/>&lt;/div&gt;<br/><br/>&lt;div&nbsp;class=&quot;avatar&nbsp;avatar-xl&quot;&gt;<br/>&nbsp;&nbsp;&lt;span&nbsp;class=&quot;avatar-title&nbsp;rounded-circle&quot;&gt;CF&lt;/span&gt;<br/>&lt;/div&gt;<br/><br/>&lt;div&nbsp;class=&quot;avatar&nbsp;avatar-lg&quot;&gt;<br/>&nbsp;&nbsp;&lt;span&nbsp;class=&quot;avatar-title&nbsp;rounded-circle&quot;&gt;CF&lt;/span&gt;<br/>&lt;/div&gt;<br/><br/>&lt;div&nbsp;class=&quot;avatar&quot;&gt;<br/>&nbsp;&nbsp;&lt;span&nbsp;class=&quot;avatar-title&nbsp;rounded-circle&quot;&gt;CF&lt;/span&gt;<br/>&lt;/div&gt;<br/><br/>&lt;div&nbsp;class=&quot;avatar&nbsp;avatar-sm&quot;&gt;<br/>&nbsp;&nbsp;&lt;span&nbsp;class=&quot;avatar-title&nbsp;rounded-circle&quot;&gt;CF&lt;/span&gt;<br/>&lt;/div&gt;<br/><br/>&lt;div&nbsp;class=&quot;avatar&nbsp;avatar-xs&quot;&gt;<br/>&nbsp;&nbsp;&lt;span&nbsp;class=&quot;avatar-title&nbsp;rounded-circle&quot;&gt;CF&lt;/span&gt;<br/>&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="groups">Groups</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Easily group avatars of any size, shape and content with a single component. Each avatar can also use an <a> to link to the corresponding profile.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-                
-                <div class="avatar-group">
-                  <div class="avatar avatar-lg">
-                    <img src="../assets/img/avatars/avatar-1.jpg" alt="..." class="avatar-img rounded-circle">
-                  </div>
-                  <div class="avatar avatar-lg">
-                    <img src="../assets/img/avatars/avatar-1.jpg" alt="..." class="avatar-img rounded-circle">
-                  </div>
-                  <div class="avatar avatar-lg">
-                    <img src="../assets/img/avatars/avatar-1.jpg" alt="..." class="avatar-img rounded-circle">
-                  </div>
-                  <div class="avatar avatar-lg">
-                    <span class="avatar-title rounded-circle">CF</span>
-                  </div>
-                </div>
-
-                <div class="avatar-group">
-                  <div class="avatar">
-                    <img src="../assets/img/avatars/avatar-1.jpg" alt="..." class="avatar-img rounded-circle">
-                  </div>
-                  <div class="avatar">
-                    <img src="../assets/img/avatars/avatar-1.jpg" alt="..." class="avatar-img rounded-circle">
-                  </div>
-                  <div class="avatar">
-                    <img src="../assets/img/avatars/avatar-1.jpg" alt="..." class="avatar-img rounded-circle">
-                  </div>
-                  <div class="avatar">
-                    <span class="avatar-title rounded-circle">CF</span>
-                  </div>
-                </div>
-
-                <div class="avatar-group">
-                  <div class="avatar avatar-xs">
-                    <img src="../assets/img/avatars/avatar-1.jpg" alt="..." class="avatar-img rounded-circle">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img src="../assets/img/avatars/avatar-1.jpg" alt="..." class="avatar-img rounded-circle">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <img src="../assets/img/avatars/avatar-1.jpg" alt="..." class="avatar-img rounded-circle">
-                  </div>
-                  <div class="avatar avatar-xs">
-                    <span class="avatar-title rounded-circle">CF</span>
-                  </div>
-                </div>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;avatar-group&quot;&gt;<br/>&nbsp;&nbsp;&lt;div&nbsp;class=&quot;avatar&quot;&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;src=&quot;../assets/img/avatars/avatar-1.jpg&quot;&nbsp;alt=&quot;...&quot;&nbsp;class=&quot;avatar-img&nbsp;rounded-circle&quot;&gt;<br/>&nbsp;&nbsp;&lt;/div&gt;<br/>&nbsp;&nbsp;&lt;div&nbsp;class=&quot;avatar&quot;&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;src=&quot;../assets/img/avatars/avatar-1.jpg&quot;&nbsp;alt=&quot;...&quot;&nbsp;class=&quot;avatar-img&nbsp;rounded-circle&quot;&gt;<br/>&nbsp;&nbsp;&lt;/div&gt;<br/>&nbsp;&nbsp;&lt;div&nbsp;class=&quot;avatar&quot;&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;src=&quot;../assets/img/avatars/avatar-1.jpg&quot;&nbsp;alt=&quot;...&quot;&nbsp;class=&quot;avatar-img&nbsp;rounded-circle&quot;&gt;<br/>&nbsp;&nbsp;&lt;/div&gt;<br/>&nbsp;&nbsp;&lt;div&nbsp;class=&quot;avatar&quot;&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&lt;span&nbsp;class=&quot;avatar-title&nbsp;rounded-circle&quot;&gt;CF&lt;/span&gt;<br/>&nbsp;&nbsp;&lt;/div&gt;<br/>&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-            
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right">
-            <div class="my-7 my-lg-9 px-lg-7 border-left-lg border-gray-300">
-
-              <!-- Heading -->
-              <h6 class="text-uppercase font-weight-bold">
-                Jump to
-              </h6>
-
-              <!-- Links -->
-              <ul class="list mb-0">
-                <li class="list-item">
-                  <a class="list-link" href="#sizing" data-scroll>Sizing</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#statusIndicator" data-scroll>Status Indicator</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#shape" data-scroll>Shape</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#ratio" data-scroll>Ratio</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#initials" data-scroll>Initials</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#groups" data-scroll>Groups</a>
-                </li>
-              </ul>
-            
-            </div>
-          </div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-      
-  </body>
-</html>
\ No newline at end of file
diff --git a/docs/background.html b/docs/background.html
deleted file mode 100644
index 6688187..0000000
--- a/docs/background.html
+++ /dev/null
@@ -1,1300 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-    
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-            
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Background
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-            
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-            
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h1 class="mb-1 mr-3">Background</h1>
-              <span class="badge rounded-pill bg-primary-soft mt-1">
-                <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-              </span>
-            </div>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Background utilities to easily change background sizing, position, and color properties.
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="colors">Colors</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Additonal background color utilities.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body d-flex flex-wrap">
-                
-                <div class="mr-3 mb-3 bg-black" style="width: 5rem; height: 5rem;"></div>
-                <div class="mr-3 mb-3 bg-gray-800" style="width: 5rem; height: 5rem;"></div>
-                <div class="mr-3 mb-3 bg-gray-300" style="width: 5rem; height: 5rem;"></div>
-                <div class="mr-3 mb-3 bg-gray-200" style="width: 5rem; height: 5rem;"></div>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;bg-black&quot;&gt;&lt;/div&gt;<br/>&lt;div&nbsp;class=&quot;bg-gray-800&quot;&gt;&lt;/div&gt;<br/>&lt;div&nbsp;class=&quot;bg-gray-300&quot;&gt;&lt;/div&gt;<br/>&lt;div&nbsp;class=&quot;bg-gray-200&quot;&gt;&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="gradient">Gradient</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Adds a background gradient image that goes from <code>$light</code> to <code>$white</code>.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-                
-                <div class="bg-gradient-light" style="width: 5rem; height: 5rem;"></div>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;bg-gradient-light&quot;&gt;&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="cover">Cover</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Sets the <code>background-image</code> property to <code>cover</code>.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body bg-cover rounded-top" style="background-image: url(../assets/img/covers/cover-8.jpg); height: 250px;"></div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;bg-cover&quot;&nbsp;style=&quot;background-image:&nbsp;url(assets/img/covers/cover-8.jpg);&quot;&gt;&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="between">Between</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Positions two background images with a space between them.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body bg-between rounded-top" style="background-image: url(../assets/img/illustrations/illustration-6-cropped.png), url(../assets/img/illustrations/illustration-4-cropped.png); height: 250px;"></div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;bg-between&quot;&nbsp;style=&quot;background-image:&nbsp;url(assets/img/illustrations/illustration-6-cropped.png),&nbsp;url(assets/img/illustrations/illustration-4-cropped.png);&quot;&gt;&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-            
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right">
-            <div class="my-7 my-lg-9 px-lg-7 border-left-lg border-gray-300">
-
-              <!-- Heading -->
-              <h6 class="text-uppercase font-weight-bold">
-                Jump to
-              </h6>
-
-              <!-- Links -->
-              <ul class="list mb-0">
-                <li class="list-item">
-                  <a class="list-link" href="#colors" data-scroll>Colors</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#gradient" data-scroll>Gradient</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#cover" data-scroll>Cover</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#between" data-scroll>Between</a>
-                </li>
-              </ul>
-            
-            </div>
-          </div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-      
-  </body>
-</html>
\ No newline at end of file
diff --git a/docs/badges.html b/docs/badges.html
deleted file mode 100644
index ca930c4..0000000
--- a/docs/badges.html
+++ /dev/null
@@ -1,1424 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Badges
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <h1 class="mb-1">Badges</h1>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              A small count and labeling component.
-            </p>
-
-            <!-- Bootstrap/Plugin Link -->
-            <p>
-              <a class="text-decoration-none" href="https://getbootstrap.com/docs/4.0/components/badge/" target="_blank">
-                <i class="fe fe-external-link pr-1"></i>
-                Bootstrap documentation
-              </a>
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Card -->
-            <div class="card mb-5">
-              <div class="card-body">
-
-                <span class="badge bg-primary">Primary</span>
-                <span class="badge bg-secondary">Secondary</span>
-                <span class="badge bg-success">Success</span>
-                <span class="badge bg-danger">Danger</span>
-                <span class="badge bg-warning">Warning</span>
-                <span class="badge bg-info">Info</span>
-                <span class="badge bg-light">Light</span>
-                <span class="badge bg-dark">Dark</span>
-                <span class="badge rounded-pill bg-primary">Primary</span>
-                <span class="badge rounded-pill bg-secondary">Secondary</span>
-                <span class="badge rounded-pill bg-success">Success</span>
-                <span class="badge rounded-pill bg-danger">Danger</span>
-                <span class="badge rounded-pill bg-warning">Warning</span>
-                <span class="badge rounded-pill bg-info">Info</span>
-                <span class="badge rounded-pill bg-light">Light</span>
-                <span class="badge rounded-pill bg-dark">Dark</span>
-
-              </div>
-            </div>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <button type="button" class="btn btn-primary">
-                  Notifications <span class="badge bg-light rounded-pill ml-2">4</span>
-                </button>
-
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h3 class="font-weight-bold mr-3" id="soft">Soft</h3>
-              <span class="badge rounded-pill bg-primary-soft mb-2">
-                <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-              </span>
-            </div>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Creates a soft variant of a corresponding contextual badge variation. These can be used exactly like Bootstrap's core badges, including modifying classes like <code>.rounded-pill</code>, as an <code>&lt;a&gt;</code> itself, or inside of <code>&lt;button&gt;</code> or <code>&lt;a&gt;</code> elements.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <span class="badge bg-primary-soft">Primary</span>
-                <span class="badge bg-secondary-soft">Secondary</span>
-                <span class="badge bg-success-soft">Success</span>
-                <span class="badge bg-info-soft">Info</span>
-                <span class="badge bg-warning-soft">Warning</span>
-                <span class="badge bg-danger-soft">Danger</span>
-                <span class="badge bg-light-soft">Light</span>
-                <span class="badge bg-dark-soft">Dark</span>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;span&nbsp;class=&quot;badge&nbsp;bg-primary-soft&quot;&gt;Primary&lt;/span&gt;<br />&lt;span&nbsp;class=&quot;badge&nbsp;bg-secondary-soft&quot;&gt;Secondary&lt;/span&gt;<br />&lt;span&nbsp;class=&quot;badge&nbsp;bg-success-soft&quot;&gt;Success&lt;/span&gt;<br />&lt;span&nbsp;class=&quot;badge&nbsp;bg-info-soft&quot;&gt;Info&lt;/span&gt;<br />&lt;span&nbsp;class=&quot;badge&nbsp;bg-warning-soft&quot;&gt;Warning&lt;/span&gt;<br />&lt;span&nbsp;class=&quot;badge&nbsp;bg-danger-soft&quot;&gt;Danger&lt;/span&gt;<br />&lt;span&nbsp;class=&quot;badge&nbsp;bg-light-soft&quot;&gt;Light&lt;/span&gt;<br />&lt;span&nbsp;class=&quot;badge&nbsp;bg-dark-soft&quot;&gt;Dark&lt;/span&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h3 class="font-weight-bold mr-3" id="sizing">Sizing</h1>
-                <span class="badge rounded-pill bg-primary-soft mb-2">
-                  <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-                </span>
-            </div>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Create badges of a bigger size with a <code>.badge-lg</code> modifier.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <span class="badge badge-lg bg-primary">
-                  <span class="h6 text-uppercase font-weight-bold">Large</span>
-                </span>
-
-                <span class="badge bg-secondary-soft">
-                  <span class="h6 text-uppercase font-weight-bold">Standard</span>
-                </span>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;span&nbsp;class=&quot;badge&nbsp;badge-lg&nbsp;bg-primary&quot;&gt;<br />&nbsp;&nbsp;&lt;span&nbsp;class=&quot;h6&nbsp;text-uppercase&nbsp;font-weight-bold&quot;&gt;Large&lt;/span&gt;<br />&lt;/span&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h3 class="font-weight-bold mr-3" id="circle">Circle</h1>
-                <span class="badge rounded-pill bg-primary-soft mb-2">
-                  <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-                </span>
-            </div>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Turn any badge into a circle with a <code>.badge-rounded-cirle</code> modifier.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <span class="badge badge-lg badge-rounded-circle bg-primary">
-                  <i class="fe fe-check"></i>
-                </span>
-
-                <span class="badge badge-rounded-circle bg-secondary-soft">
-                  <i class="fe fe-check"></i>
-                </span>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;span&nbsp;class=&quot;badge&nbsp;badge-lg&nbsp;badge-rounded-circle&nbsp;bg-primary&quot;&gt;<br />&nbsp;&nbsp;&lt;i&nbsp;class=&quot;fe&nbsp;fe-check&quot;&gt;&lt;/i&gt;<br />&lt;/span&gt;<br /><br />&lt;span&nbsp;class=&quot;badge&nbsp;badge-rounded-circle&nbsp;bg-secondary-soft&quot;&gt;<br />&nbsp;&nbsp;&lt;i&nbsp;class=&quot;fe&nbsp;fe-check&quot;&gt;&lt;/i&gt;<br />&lt;/span&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h3 class="font-weight-bold mr-3" id="float">Float</h1>
-                <span class="badge rounded-pill bg-primary-soft mb-2">
-                  <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-                </span>
-            </div>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Position any badge absolutely inside or outside an element with <code>.badge-float-inside</code> and <code>.badge-float-outside</code> modifiers.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-                <div class="row">
-                  <div class="col-12 col-md-6">
-
-                    <!-- Card -->
-                    <div class="card border mb-3 mb-md-0">
-                      <div class="card-body">
-
-                        <!-- Badge -->
-                        <span class="badge bg-primary rounded-pill badge-float badge-float-inside">
-                          Inside
-                        </span>
-
-                        <!-- Text -->
-                        <p class="mb-0">
-                          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo, sed modi officiis asperiores ex sapiente beatae earum, iusto labore! Fugiat officia iure mollitia, aut, error provident dolorum voluptates deleniti consectetur?
-                        </p>
-
-                      </div>
-                    </div>
-
-                  </div>
-                  <div class="col-12 col-md-6">
-
-                    <!-- Card -->
-                    <div class="card border">
-                      <div class="card-body">
-
-                        <!-- Badge -->
-                        <span class="badge bg-primary rounded-pill badge-float badge-float-outside">
-                          Outside
-                        </span>
-
-                        <!-- Text -->
-                        <p class="mb-0">
-                          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo, sed modi officiis asperiores ex sapiente beatae earum, iusto labore! Fugiat officia iure mollitia, aut, error provident dolorum voluptates deleniti consectetur?
-                        </p>
-
-                      </div>
-                    </div>
-
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;!--&nbsp;Card&nbsp;--&gt;<br />&lt;div&nbsp;class=&quot;card&quot;&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;card-body&quot;&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Badge&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;span&nbsp;class=&quot;badge&nbsp;bg-primary&nbsp;rounded-pill&nbsp;badge-float&nbsp;badge-float-inside&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Inside<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/span&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Text&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&nbsp;class=&quot;mb-0&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Lorem&nbsp;ipsum&nbsp;dolor&nbsp;sit&nbsp;amet,&nbsp;consectetur&nbsp;adipisicing&nbsp;elit.&nbsp;Illo,&nbsp;sed&nbsp;modi&nbsp;officiis&nbsp;asperiores&nbsp;ex&nbsp;sapiente&nbsp;beatae&nbsp;earum,&nbsp;iusto&nbsp;labore!&nbsp;Fugiat&nbsp;officia&nbsp;iure&nbsp;mollitia,&nbsp;aut,&nbsp;error&nbsp;provident&nbsp;dolorum&nbsp;voluptates&nbsp;deleniti&nbsp;consectetur?<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/p&gt;<br /><br />&nbsp;&nbsp;&lt;/div&gt;<br />&lt;/div&gt;<br /><br />&lt;!--&nbsp;Card&nbsp;--&gt;<br />&lt;div&nbsp;class=&quot;card&quot;&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;card-body&quot;&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Badge&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;span&nbsp;class=&quot;badge&nbsp;bg-primary&nbsp;rounded-pill&nbsp;badge-float&nbsp;badge-float-outside&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Outside<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/span&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Text&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&nbsp;class=&quot;mb-0&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Lorem&nbsp;ipsum&nbsp;dolor&nbsp;sit&nbsp;amet,&nbsp;consectetur&nbsp;adipisicing&nbsp;elit.&nbsp;Illo,&nbsp;sed&nbsp;modi&nbsp;officiis&nbsp;asperiores&nbsp;ex&nbsp;sapiente&nbsp;beatae&nbsp;earum,&nbsp;iusto&nbsp;labore!&nbsp;Fugiat&nbsp;officia&nbsp;iure&nbsp;mollitia,&nbsp;aut,&nbsp;error&nbsp;provident&nbsp;dolorum&nbsp;voluptates&nbsp;deleniti&nbsp;consectetur?<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/p&gt;<br /><br />&nbsp;&nbsp;&lt;/div&gt;<br />&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right">
-            <div class="my-7 my-lg-9 px-lg-7 border-left-lg border-gray-300">
-
-              <!-- Heading -->
-              <h6 class="text-uppercase font-weight-bold">
-                Jump to
-              </h6>
-
-              <!-- Links -->
-              <ul class="list mb-0">
-                <li class="list-item">
-                  <a class="list-link" href="#soft" data-scroll>Soft</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#sizing" data-scroll>Sizing</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#circle" data-scroll>Circle</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#float" data-scroll>Float</a>
-                </li>
-              </ul>
-
-            </div>
-          </div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-
-  </body>
-</html>
diff --git a/docs/bigpicture.html b/docs/bigpicture.html
deleted file mode 100644
index 9d233ce..0000000
--- a/docs/bigpicture.html
+++ /dev/null
@@ -1,1220 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  BigPicture.js
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h1 class="mb-1 mr-3">BigPicture.js</h1>
-              <span class="badge rounded-pill bg-primary-soft mt-1">
-                <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-              </span>
-            </div>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Vanilla JavaScript image / video viewer. Doesn't sit on the DOM when inactive.
-            </p>
-
-            <!-- Bootstrap/Plugin Link -->
-            <p>
-              <a class="text-decoration-none" href="https://github.com/henrygd/bigpicture" target="_blank">
-                <i class="fe fe-external-link pr-1"></i>
-                Plugin documentation
-              </a>
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-                <div class="row">
-                  <div class="col-12 col-md-6">
-
-                    <!-- Image -->
-                    <a class="d-block mb-3 mb-md-0" data-bigpicture='{"imgSrc": "../assets/img/covers/cover-8.jpg"}' href="#">
-                      <img src="../assets/img/covers/cover-8.jpg" class="img-fluid" alt="...">
-                    </a>
-
-                  </div>
-                  <div class="col-12 col-md-6">
-
-                    <!-- Youtube video -->
-                    <a data-bigpicture='{"ytSrc": "9I-Y6VQ6tyI"}' href="#">
-                      <img src="https://img.youtube.com/vi/9I-Y6VQ6tyI/maxresdefault.jpg" class="img-fluid" alt="...">
-                    </a>
-
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;!--&nbsp;Image&nbsp;--&gt;<br />&lt;a&nbsp;data-bigpicture='{&quot;imgSrc&quot;:&nbsp;&quot;../assets/img/covers/cover-8.jpg&quot;}'&nbsp;href=&quot;#&quot;&gt;<br />&nbsp;&nbsp;&lt;img&nbsp;src=&quot;../assets/img/covers/cover-8.jpg&quot;&nbsp;class=&quot;img-fluid&quot;&nbsp;alt=&quot;...&quot;&gt;<br />&lt;/a&gt;<br /><br />&lt;!--&nbsp;Youtube&nbsp;video&nbsp;--&gt;<br />&lt;a&nbsp;data-bigpicture='{&quot;ytSrc&quot;:&nbsp;&quot;9I-Y6VQ6tyI&quot;}'&nbsp;href=&quot;#&quot;&gt;<br />&nbsp;&nbsp;&lt;img&nbsp;src=&quot;https://img.youtube.com/vi/9I-Y6VQ6tyI/maxresdefault.jpg&quot;&nbsp;class=&quot;img-fluid&quot;&nbsp;alt=&quot;...&quot;&gt;<br />&lt;/a&gt;
-                </code>
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right"></div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-
-  </body>
-</html>
diff --git a/docs/borders.html b/docs/borders.html
deleted file mode 100644
index 8cd5f30..0000000
--- a/docs/borders.html
+++ /dev/null
@@ -1,1249 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Borders
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h1 class="mb-1 mr-3">Borders</h1>
-              <span class="badge rounded-pill bg-primary-soft mt-1">
-                <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-              </span>
-            </div>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Use border utilities to quickly style the border and border-radius of an element. Great for images, buttons, or any other element.
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="colors">Colors</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Additonal border color utilities. Additonal modifier at the end of the utility name means the opacity level.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body d-flex flex-wrap">
-
-                <div class="mr-3 mb-3 border border-white-10" style="width: 5rem; height: 5rem;"></div>
-                <div class="mr-3 mb-3 border border-white-20" style="width: 5rem; height: 5rem;"></div>
-                <div class="mr-3 mb-3 border border-gray-300" style="width: 5rem; height: 5rem;"></div>
-                <div class="mr-3 mb-3 border border-gray-800" style="width: 5rem; height: 5rem;"></div>
-                <div class="mr-3 mb-3 border border-gray-800-50" style="width: 5rem; height: 5rem;"></div>
-                <div class="mr-3 mb-3 border border-gray-900-50" style="width: 5rem; height: 5rem;"></div>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;mr-3&nbsp;mb-3&nbsp;border&nbsp;border-white-10&quot;&nbsp;style=&quot;width:&nbsp;5rem;&nbsp;height:&nbsp;5rem;&quot;&gt;&lt;/div&gt;<br />&lt;div&nbsp;class=&quot;mr-3&nbsp;mb-3&nbsp;border&nbsp;border-white-20&quot;&nbsp;style=&quot;width:&nbsp;5rem;&nbsp;height:&nbsp;5rem;&quot;&gt;&lt;/div&gt;<br />&lt;div&nbsp;class=&quot;mr-3&nbsp;mb-3&nbsp;border&nbsp;border-gray-300&quot;&nbsp;style=&quot;width:&nbsp;5rem;&nbsp;height:&nbsp;5rem;&quot;&gt;&lt;/div&gt;<br />&lt;div&nbsp;class=&quot;mr-3&nbsp;mb-3&nbsp;border&nbsp;border-gray-800&quot;&nbsp;style=&quot;width:&nbsp;5rem;&nbsp;height:&nbsp;5rem;&quot;&gt;&lt;/div&gt;<br />&lt;div&nbsp;class=&quot;mr-3&nbsp;mb-3&nbsp;border&nbsp;border-gray-800-50&quot;&nbsp;style=&quot;width:&nbsp;5rem;&nbsp;height:&nbsp;5rem;&quot;&gt;&lt;/div&gt;<br />&lt;div&nbsp;class=&quot;mr-3&nbsp;mb-3&nbsp;border&nbsp;border-gray-900-50&quot;&nbsp;style=&quot;width:&nbsp;5rem;&nbsp;height:&nbsp;5rem;&quot;&gt;&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="responsive">Responsive</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Responsive border utilities to add or remove borders only when you need it.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-footer rounded bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;border-sm&quot;&gt;&lt;/div&gt;<br />&lt;div&nbsp;class=&quot;border-md&quot;&gt;&lt;/div&gt;<br />&lt;div&nbsp;class=&quot;border-lg&quot;&gt;&lt;/div&gt;<br />&lt;div&nbsp;class=&quot;border-xl&quot;&gt;&lt;/div&gt;<br /><br />&lt;div&nbsp;class=&quot;border-top-sm&quot;&gt;&lt;/div&gt;<br />&lt;div&nbsp;class=&quot;border-top-md&quot;&gt;&lt;/div&gt;<br />&lt;div&nbsp;class=&quot;border-top-lg&quot;&gt;&lt;/div&gt;<br />&lt;div&nbsp;class=&quot;border-top-xl&quot;&gt;&lt;/div&gt;<br /><br />&lt;div&nbsp;class=&quot;border-right-sm&quot;&gt;&lt;/div&gt;<br />&lt;div&nbsp;class=&quot;border-right-md&quot;&gt;&lt;/div&gt;<br />&lt;div&nbsp;class=&quot;border-right-lg&quot;&gt;&lt;/div&gt;<br />&lt;div&nbsp;class=&quot;border-right-xl&quot;&gt;&lt;/div&gt;<br /><br />&lt;div&nbsp;class=&quot;border-bottom-sm&quot;&gt;&lt;/div&gt;<br />&lt;div&nbsp;class=&quot;border-bottom-md&quot;&gt;&lt;/div&gt;<br />&lt;div&nbsp;class=&quot;border-bottom-lg&quot;&gt;&lt;/div&gt;<br />&lt;div&nbsp;class=&quot;border-bottom-xl&quot;&gt;&lt;/div&gt;<br /><br />&lt;div&nbsp;class=&quot;border-left-sm&quot;&gt;&lt;/div&gt;<br />&lt;div&nbsp;class=&quot;border-left-md&quot;&gt;&lt;/div&gt;<br />&lt;div&nbsp;class=&quot;border-left-lg&quot;&gt;&lt;/div&gt;<br />&lt;div&nbsp;class=&quot;border-left-xl&quot;&gt;&lt;/div&gt;<br /><br />&lt;div&nbsp;class=&quot;border-sm-0&quot;&gt;&lt;/div&gt;<br />&lt;div&nbsp;class=&quot;border-md-0&quot;&gt;&lt;/div&gt;<br />&lt;div&nbsp;class=&quot;border-lg-0&quot;&gt;&lt;/div&gt;<br />&lt;div&nbsp;class=&quot;border-xl-0&quot;&gt;&lt;/div&gt;<br /><br />&lt;div&nbsp;class=&quot;border-top-sm-0&quot;&gt;&lt;/div&gt;<br />&lt;div&nbsp;class=&quot;border-top-md-0&quot;&gt;&lt;/div&gt;<br />&lt;div&nbsp;class=&quot;border-top-lg-0&quot;&gt;&lt;/div&gt;<br />&lt;div&nbsp;class=&quot;border-top-xl-0&quot;&gt;&lt;/div&gt;<br /><br />&lt;div&nbsp;class=&quot;border-right-sm-0&quot;&gt;&lt;/div&gt;<br />&lt;div&nbsp;class=&quot;border-right-md-0&quot;&gt;&lt;/div&gt;<br />&lt;div&nbsp;class=&quot;border-right-lg-0&quot;&gt;&lt;/div&gt;<br />&lt;div&nbsp;class=&quot;border-right-xl-0&quot;&gt;&lt;/div&gt;<br /><br />&lt;div&nbsp;class=&quot;border-bottom-sm-0&quot;&gt;&lt;/div&gt;<br />&lt;div&nbsp;class=&quot;border-bottom-md-0&quot;&gt;&lt;/div&gt;<br />&lt;div&nbsp;class=&quot;border-bottom-lg-0&quot;&gt;&lt;/div&gt;<br />&lt;div&nbsp;class=&quot;border-bottom-xl-0&quot;&gt;&lt;/div&gt;<br /><br />&lt;div&nbsp;class=&quot;border-left-sm-0&quot;&gt;&lt;/div&gt;<br />&lt;div&nbsp;class=&quot;border-left-md-0&quot;&gt;&lt;/div&gt;<br />&lt;div&nbsp;class=&quot;border-left-lg-0&quot;&gt;&lt;/div&gt;<br />&lt;div&nbsp;class=&quot;border-left-xl-0&quot;&gt;&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right">
-            <div class="my-7 my-lg-9 px-lg-7 border-left-lg border-gray-300">
-
-              <!-- Heading -->
-              <h6 class="text-uppercase font-weight-bold">
-                Jump to
-              </h6>
-
-              <!-- Links -->
-              <ul class="list mb-0">
-                <li class="list-item">
-                  <a class="list-link" href="#colors" data-scroll>Colors</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#responsive" data-scroll>Responsive</a>
-                </li>
-              </ul>
-
-            </div>
-          </div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-
-  </body>
-</html>
diff --git a/docs/breadcrumb.html b/docs/breadcrumb.html
deleted file mode 100644
index 0034c03..0000000
--- a/docs/breadcrumb.html
+++ /dev/null
@@ -1,1315 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-    
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-            
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Breadcrumb
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-            
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-            
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <h1 class="mb-1">
-              Breadcrumb
-            </h1>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Indicate the current page’s location within a navigational hierarchy that automatically adds separators via CSS.
-            </p>
-
-            <!-- Bootstrap/Plugin Link -->
-            <p>
-              <a class="text-decoration-none" href="https://getbootstrap.com/docs/4.0/components/breadcrumb/" target="_blank">
-                <i class="fe fe-external-link pr-1"></i>
-                Bootstrap documentation
-              </a>
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-                        
-                <nav class="mb-3" aria-label="breadcrumb">
-                  <div class="container-fluid">
-                    <div class="row">
-                      <div class="col-12">
-
-                        <ol class="breadcrumb">
-                          <li class="breadcrumb-item">
-                            <a class="text-gray-700" href="#">
-                              Help Center
-                            </a>
-                          </li>
-                          <li class="breadcrumb-item active" aria-current="page">
-                            Account
-                          </li>
-                        </ol>
-
-                      </div>
-                    </div>
-                  </div>
-                </nav>
-
-                <nav class="mb-3 bg-gray-200" aria-label="breadcrumb">
-                  <div class="container-fluid">
-                    <div class="row">
-                      <div class="col-12">
-
-                        <ol class="breadcrumb">
-                          <li class="breadcrumb-item">
-                            <a class="text-gray-700" href="#">
-                              Help Center
-                            </a>
-                          </li>
-                          <li class="breadcrumb-item active" aria-current="page">
-                            Account
-                          </li>
-                        </ol>
-
-                      </div>
-                    </div>
-                  </div>
-                </nav>
-
-                <nav class="bg-dark" aria-label="breadcrumb">
-                  <div class="container-fluid">
-                    <div class="row">
-                      <div class="col-12">
-
-                        <ol class="breadcrumb">
-                          <li class="breadcrumb-item">
-                            <a class="text-white" href="#">
-                              Help Center
-                            </a>
-                          </li>
-                          <li class="breadcrumb-item active" aria-current="page">
-                            <span class="text-white">Account</span>
-                          </li>
-                        </ol>
-
-                      </div>
-                    </div>
-                  </div>
-                </nav>
-
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h3 class="font-weight-bold mr-3" id="scrollable">Scrollable</h1>
-              <span class="badge rounded-pill bg-primary-soft mb-2">
-                <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-              </span>
-            </div>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Prevent a breadcrumb from wrapping on the next line and make it scrollable horizontally with a <code>.breadcrumb-scroll</code> modifier.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <nav aria-label="breadcrumb">
-                  <ol class="breadcrumb breadcrumb-scroll">
-                    <li class="breadcrumb-item">
-                      <a class="text-gray-700" href="#">
-                        Help Center
-                      </a>
-                    </li>
-                    <li class="breadcrumb-item active" aria-current="page">
-                      Account
-                    </li>
-                  </ol>
-                </nav>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;nav&nbsp;aria-label=&quot;breadcrumb&quot;&gt;<br/>&nbsp;&nbsp;&lt;ol&nbsp;class=&quot;breadcrumb&nbsp;breadcrumb-scroll&quot;&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&nbsp;class=&quot;breadcrumb-item&quot;&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;a&nbsp;class=&quot;text-gray-700&quot;&nbsp;href=&quot;#&quot;&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Help&nbsp;Center<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/a&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&lt;/li&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&nbsp;class=&quot;breadcrumb-item&nbsp;active&quot;&nbsp;aria-current=&quot;page&quot;&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Account<br/>&nbsp;&nbsp;&nbsp;&nbsp;&lt;/li&gt;<br/>&nbsp;&nbsp;&lt;/ol&gt;<br/>&lt;/nav&gt;
-                </code>
-              </div>
-            </div>
-            
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right">
-            <div class="my-7 my-lg-9 px-lg-7 border-left-lg border-gray-300">
-
-              <!-- Heading -->
-              <h6 class="text-uppercase font-weight-bold">
-                Jump to
-              </h6>
-
-              <!-- Links -->
-              <ul class="list mb-0">
-                <li class="list-item">
-                  <a class="list-link" href="#scrollable" data-scroll>Scrollable</a>
-                </li>
-              </ul>
-            
-            </div>
-          </div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-      
-  </body>
-</html>
\ No newline at end of file
diff --git a/docs/buttons.html b/docs/buttons.html
deleted file mode 100644
index 331905a..0000000
--- a/docs/buttons.html
+++ /dev/null
@@ -1,1387 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Buttons
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <h1 class="mb-1">
-              Buttons
-            </h1>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.
-            </p>
-
-            <!-- Bootstrap/Plugin Link -->
-            <p>
-              <a class="text-decoration-none" href="https://getbootstrap.com/docs/4.0/components/buttons/" target="_blank">
-                <i class="fe fe-external-link pr-1"></i>
-                Bootstrap documentation
-              </a>
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Card -->
-            <div class="card mb-5">
-              <div class="card-body">
-
-                <button type="button" class="btn btn-primary btn-lg mb-1">
-                  Large button
-                </button>
-
-                <button type="button" class="btn btn-primary mb-1">
-                  Base button
-                </button>
-
-                <button type="button" class="btn btn-primary btn-sm mb-1">
-                  Small button
-                </button>
-
-                <button type="button" class="btn btn-primary btn-xs mb-1">
-                  Extra small
-                </button>
-
-              </div>
-            </div>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <button class="btn btn-primary mb-1">Primary</button>
-                <button class="btn btn-secondary mb-1">Secondary</button>
-                <button class="btn btn-success mb-1">Success</button>
-                <button class="btn btn-danger mb-1">Danger</button>
-                <button class="btn btn-warning mb-1">Warning</button>
-                <button class="btn btn-info mb-1">Info</button>
-                <button class="btn btn-light mb-1">Light</button>
-                <button class="btn btn-dark mb-1">Dark</button>
-                <button class="btn btn-link mb-1">Link</button>
-                <button class="btn btn-outline-primary mb-1">Primary</button>
-                <button class="btn btn-outline-secondary mb-1">Secondary</button>
-                <button class="btn btn-outline-success mb-1">Success</button>
-                <button class="btn btn-outline-danger mb-1">Danger</button>
-                <button class="btn btn-outline-warning mb-1">Warning</button>
-                <button class="btn btn-outline-info mb-1">Info</button>
-                <button class="btn btn-outline-light mb-1">Light</button>
-                <button class="btn btn-outline-dark mb-1">Dark</button>
-
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h3 class="font-weight-bold mr-3" id="soft">Soft</h3>
-              <span class="badge rounded-pill bg-primary-soft mb-2">
-                <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-              </span>
-            </div>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Creates a soft variant of a corresponding contextual button variation.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <button class="btn btn-primary-soft mb-1">
-                  Primary soft
-                </button>
-                <button class="btn btn-secondary-soft mb-1">
-                  Secondary soft
-                </button>
-                <button class="btn btn-success-soft mb-1">
-                  Success soft
-                </button>
-                <button class="btn btn-danger-soft mb-1">
-                  Danger soft
-                </button>
-                <button class="btn btn-warning-soft mb-1">
-                  Warning soft
-                </button>
-                <button class="btn btn-info-soft mb-1">
-                  Info soft
-                </button>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;button&nbsp;class=&quot;btn&nbsp;btn-primary-soft&quot;&gt;Primary&nbsp;soft&lt;/button&gt;<br />&lt;button&nbsp;class=&quot;btn&nbsp;btn-secondary-soft&quot;&gt;Secondary&nbsp;soft&lt;/button&gt;<br />&lt;button&nbsp;class=&quot;btn&nbsp;btn-success-soft&quot;&gt;Success&nbsp;soft&lt;/button&gt;<br />&lt;button&nbsp;class=&quot;btn&nbsp;btn-danger-soft&quot;&gt;Danger&nbsp;soft&lt;/button&gt;<br />&lt;button&nbsp;class=&quot;btn&nbsp;btn-warning-soft&quot;&gt;Warning&nbsp;soft&lt;/button&gt;<br />&lt;button&nbsp;class=&quot;btn&nbsp;btn-info-soft&quot;&gt;Info&nbsp;soft&lt;/button&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h3 class="font-weight-bold mr-3" id="pills">Pills</h3>
-              <span class="badge rounded-pill bg-primary-soft mb-2">
-                <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-              </span>
-            </div>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Creates a rounded variation of a button component.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <button class="btn btn-primary btn-pill btn-lg mb-1">
-                  Button pill
-                </button>
-                <button class="btn btn-success btn-pill mb-1">
-                  Button pill
-                </button>
-                <button class="btn btn-danger btn-pill btn-sm mb-1">
-                  Button pill
-                </button>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;button&nbsp;class=&quot;btn&nbsp;btn-primary&nbsp;btn-pill&nbsp;btn-lg&quot;&gt;<br />&nbsp;&nbsp;Button&nbsp;pill<br />&lt;/button&gt;<br /><br />&lt;button&nbsp;class=&quot;btn&nbsp;btn-success&nbsp;btn-pill&quot;&gt;<br />&nbsp;&nbsp;Button&nbsp;pill<br />&lt;/button&gt;<br /><br />&lt;button&nbsp;class=&quot;btn&nbsp;btn-danger&nbsp;btn-pill&nbsp;btn-sm&quot;&gt;<br />&nbsp;&nbsp;Button&nbsp;pill<br />&lt;/button&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h3 class="font-weight-bold mr-3" id="circle">Circle</h3>
-              <span class="badge rounded-pill bg-primary-soft mb-2">
-                <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-              </span>
-            </div>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Turn any button into a circle with a <code>.btn-rounded-cirle</code> modifier.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <button class="btn btn-primary btn-rounded-circle btn-lg mb-1">
-                  <i class="fe fe-check"></i>
-                </button>
-
-                <button class="btn btn-success-soft btn-rounded-circle mb-1">
-                  <i class="fe fe-check"></i>
-                </button>
-
-                <button class="btn btn-danger-soft btn-rounded-circle btn-sm mb-1">
-                  <i class="fe fe-check"></i>
-                </button>
-
-                <button class="btn btn-danger-soft btn-rounded-circle btn-xs mb-1">
-                  <i class="fe fe-check"></i>
-                </button>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;button&nbsp;class=&quot;btn&nbsp;btn-lg&nbsp;btn-rounded-circle&nbsp;btn-primary&quot;&gt;<br />&nbsp;&nbsp;&lt;i&nbsp;class=&quot;fe&nbsp;fe-check&quot;&gt;&lt;/i&gt;<br />&lt;/button&gt;<br /><br />&lt;button&nbsp;class=&quot;btn&nbsp;btn-rounded-circle&nbsp;btn-primary&quot;&gt;<br />&nbsp;&nbsp;&lt;i&nbsp;class=&quot;fe&nbsp;fe-check&quot;&gt;&lt;/i&gt;<br />&lt;/button&gt;<br /><br />&lt;button&nbsp;class=&quot;btn&nbsp;btn-sm&nbsp;btn-rounded-circle&nbsp;btn-primary&quot;&gt;<br />&nbsp;&nbsp;&lt;i&nbsp;class=&quot;fe&nbsp;fe-check&quot;&gt;&lt;/i&gt;<br />&lt;/button&gt;<br /><br />&lt;button&nbsp;class=&quot;btn&nbsp;btn-xs&nbsp;btn-rounded-circle&nbsp;btn-primary&quot;&gt;<br />&nbsp;&nbsp;&lt;i&nbsp;class=&quot;fe&nbsp;fe-check&quot;&gt;&lt;/i&gt;<br />&lt;/button&gt;
-                </code>
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right">
-            <div class="my-7 my-lg-9 px-lg-7 border-left-lg border-gray-300">
-
-              <!-- Heading -->
-              <h6 class="text-uppercase font-weight-bold">
-                Jump to
-              </h6>
-
-              <!-- Links -->
-              <ul class="list mb-0">
-                <li class="list-item">
-                  <a class="list-link" href="#soft" data-scroll>Soft</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#pills" data-scroll>Pills</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#circle" data-scroll>Circle</a>
-                </li>
-              </ul>
-
-            </div>
-          </div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-
-  </body>
-</html>
diff --git a/docs/cards.html b/docs/cards.html
deleted file mode 100644
index 7847817..0000000
--- a/docs/cards.html
+++ /dev/null
@@ -1,2058 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Cards
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <h1 class="mb-1">
-              Cards
-            </h1>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Bootstrap’s cards provide a flexible and extensible content container with multiple variants and options.
-            </p>
-
-            <!-- Bootstrap/Plugin Link -->
-            <p>
-              <a class="text-decoration-none" href="https://getbootstrap.com/docs/4.0/components/card/" target="_blank">
-                <i class="fe fe-external-link pr-1"></i>
-                Bootstrap documentation
-              </a>
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-                <h3 class="card-title text-body">Card title</h3>
-                <p class="card-text">
-                  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis non dolore est fuga nobis ipsum illum eligendi nemo iure repellat, soluta, optio minus ut reiciendis voluptates enim impedit veritatis officiis.
-                </p>
-                <a href="#" class="btn btn-primary">Go somewhere</a>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h3 class="font-weight-bold mr-3" id="border">Border</h3>
-              <span class="badge rounded-pill bg-primary-soft mb-2">
-                <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-              </span>
-            </div>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Add a contextual border to the top of the card component. Three sizing options are available.
-            </p>
-
-            <!-- Card -->
-            <div class="card card-border border-success mb-5">
-              <div class="card-body">
-                Card border
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;card&nbsp;card-border&nbsp;border-success&quot;&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;card-body&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;Card&nbsp;border<br />&nbsp;&nbsp;&lt;/div&gt;<br />&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Card -->
-            <div class="card card-border card-border-lg border-danger mb-5">
-              <div class="card-body">
-                Card border large
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;card&nbsp;card-border&nbsp;card-border-lg&nbsp;border-danger&quot;&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;card-body&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;Card&nbsp;border&nbsp;large<br />&nbsp;&nbsp;&lt;/div&gt;<br />&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Card -->
-            <div class="card card-border card-border-xl border-primary">
-              <div class="card-body">
-                Card border extra large
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;card&nbsp;card-border&nbsp;card-border-xl&nbsp;border-primary&quot;&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;card-body&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;Card&nbsp;border&nbsp;extra&nbsp;large<br />&nbsp;&nbsp;&lt;/div&gt;<br />&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h3 class="font-weight-bold mr-3" id="border">Bleed</h3>
-              <span class="badge rounded-pill bg-primary-soft mb-2">
-                <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-              </span>
-            </div>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Spans the card component from edge to edge and removes its border radius on extra small screens.
-            </p>
-
-            <!-- Card -->
-            <div class="card card-bleed mb-5">
-              <div class="card-body">
-                Card bleed
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;card&nbsp;card-bleed&quot;&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;card-body&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;Card&nbsp;bleed<br />&nbsp;&nbsp;&lt;/div&gt;<br />&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h3 class="font-weight-bold mr-3" id="signup">Signup</h1>
-                <span class="badge rounded-pill bg-primary-soft mb-2">
-                  <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-                </span>
-            </div>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Combination of the default Bootstrap card component with an image at the top and a form in the body of it.
-            </p>
-
-            <!-- Card -->
-            <div class="card shadow-light-lg mb-5" style="max-width: 480px;">
-
-              <!-- Image -->
-              <img src="../assets/img/photos/photo-2.jpg" alt="..." class="card-img-top">
-
-              <!-- Shape -->
-              <div class="position-relative">
-                <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                  <svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 48h2880V0h-720C1442.5 52 720 0 720 0H0v48z" fill="currentColor"/></svg>                </div>
-              </div>
-
-              <!-- Body -->
-              <div class="card-body">
-
-                <!-- Form -->
-                <form>
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="cardName" placeholder="Name">
-                    <label for="cardName">Name</label>
-                  </div>
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="cardEmail" placeholder="Email">
-                    <label for="cardEmail">Email</label>
-                  </div>
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="cardPassword" placeholder="Password">
-                    <label for="cardPassword">Password</label>
-                  </div>
-                  <div class="mt-6">
-                    <button class="btn btn-block btn-success lift" type="submit">
-                      Download a sample
-                    </button>
-                  </div>
-                </form>
-
-              </div>
-
-            </div>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-footer rounded bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;card&nbsp;shadow-light-lg&quot;&gt;<br />&nbsp;&nbsp;<br />&nbsp;&nbsp;&lt;!--&nbsp;Image&nbsp;--&gt;<br />&nbsp;&nbsp;&lt;img&nbsp;src=&quot;../assets/img/photos/photo-2.jpg&quot;&nbsp;alt=&quot;...&quot;&nbsp;class=&quot;card-img-top&quot;&gt;<br /><br />&nbsp;&nbsp;&lt;!--&nbsp;Shape&nbsp;--&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;position-relative&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class=&quot;shape&nbsp;shape-bottom&nbsp;shape-fluid-x&nbsp;svg-shim&nbsp;text-white&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{>&nbsp;curves/curve-1}}<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&lt;/div&gt;<br /><br />&nbsp;&nbsp;&lt;!--&nbsp;Body&nbsp;--&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;card-body&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Form&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;form&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class=&quot;form-label-group&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;input&nbsp;type=&quot;text&quot;&nbsp;class=&quot;form-control&nbsp;form-control-flush&quot;&nbsp;id=&quot;cardName&quot;&nbsp;placeholder=&quot;Name&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;label&nbsp;for=&quot;cardName&quot;&gt;Name&lt;/label&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class=&quot;form-label-group&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;input&nbsp;type=&quot;email&quot;&nbsp;class=&quot;form-control&nbsp;form-control-flush&quot;&nbsp;id=&quot;cardEmail&quot;&nbsp;placeholder=&quot;Email&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;label&nbsp;for=&quot;cardEmail&quot;&gt;Email&lt;/label&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class=&quot;form-label-group&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;input&nbsp;type=&quot;password&quot;&nbsp;class=&quot;form-control&nbsp;form-control-flush&quot;&nbsp;id=&quot;cardPassword&quot;&nbsp;placeholder=&quot;Password&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;label&nbsp;for=&quot;cardPassword&quot;&gt;Password&lt;/label&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class=&quot;mt-6&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;button&nbsp;class=&quot;btn&nbsp;btn-block&nbsp;btn-success&nbsp;lift&quot;&nbsp;type=&quot;submit&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Download&nbsp;a&nbsp;sample<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/button&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/form&gt;<br /><br />&nbsp;&nbsp;&lt;/div&gt;<br /><br />&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h3 class="font-weight-bold mr-3" id="testimonials">Testimonials</h1>
-                <span class="badge rounded-pill bg-primary-soft mb-2">
-                  <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-                </span>
-            </div>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Combination of the card component, grid utilities and the blockquote for a testimonials component.
-            </p>
-
-            <!-- Card -->
-            <div class="card card-row shadow-light-lg mb-5">
-              <div class="row gx-0">
-                <a class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);" href="#!">
-
-                  <!-- Image (placeholder) -->
-                  <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-
-                  <!-- Shape -->
-                  <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                    <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>                  </div>
-
-                </a>
-                <div class="col-12 col-md-6 order-md-1">
-
-                  <!-- Body -->
-                  <div class="card-body">
-                    <blockquote class="blockquote mb-0 text-center">
-
-                      <!-- Text -->
-                      <p class="mb-5 mb-md-7">
-                        “Working at Landkit has been a dream. The team is amazing, the office is perfect, and I feel like I'm part of a family. I'll be here for a great many years.”
-                      </p>
-
-                      <!-- Footer -->
-                      <footer class="blockquote-footer">
-                        <span class="h6 text-uppercase">William Callan</span>
-                      </footer>
-
-                    </blockquote>
-                  </div>
-
-                </div>
-
-              </div>
-            </div>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-footer rounded bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;card&nbsp;card-row&nbsp;shadow-light-lg&quot;&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;row&nbsp;gx-0&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;a&nbsp;class=&quot;col-12&nbsp;col-md-6&nbsp;bg-cover&nbsp;card-img-left&quot;&nbsp;style=&quot;background-image:&nbsp;url(../assets/img/photos/photo-1.jpg);&quot;&nbsp;href=&quot;#!&quot;&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Image&nbsp;(placeholder)&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;src=&quot;../assets/img/photos/photo-1.jpg&quot;&nbsp;alt=&quot;...&quot;&nbsp;class=&quot;img-fluid&nbsp;d-md-none&nbsp;invisible&quot;&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Shape&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class=&quot;shape&nbsp;shape-right&nbsp;shape-fluid-y&nbsp;svg-shim&nbsp;text-white&nbsp;d-none&nbsp;d-md-block&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{>&nbsp;curves/curve-4}}<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/a&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class=&quot;col-12&nbsp;col-md-6&nbsp;order-md-1&quot;&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Body&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class=&quot;card-body&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;blockquote&nbsp;class=&quot;blockquote&nbsp;mb-0&nbsp;text-center&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Text&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&nbsp;class=&quot;mb-5&nbsp;mb-md-7&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&#x201c;Working&nbsp;at&nbsp;Landkit&nbsp;has&nbsp;been&nbsp;a&nbsp;dream.&nbsp;The&nbsp;team&nbsp;is&nbsp;amazing,&nbsp;the&nbsp;office&nbsp;is&nbsp;perfect,&nbsp;and&nbsp;I&nbsp;feel&nbsp;like&nbsp;I'm&nbsp;part&nbsp;of&nbsp;a&nbsp;family.&nbsp;I'll&nbsp;be&nbsp;here&nbsp;for&nbsp;a&nbsp;great&nbsp;many&nbsp;years.&#x201d;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/p&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Footer&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;footer&nbsp;class=&quot;blockquote-footer&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;span&nbsp;class=&quot;h6&nbsp;text-uppercase&quot;&gt;William&nbsp;Callan&lt;/span&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/footer&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/blockquote&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br /><br />&nbsp;&nbsp;&lt;/div&gt;<br />&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h3 class="font-weight-bold mr-3" id="blockCards">Block cards</h1>
-                <span class="badge rounded-pill bg-primary-soft mb-2">
-                  <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-                </span>
-            </div>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              The card component without images, with an image at the top, and an image in the background.
-            </p>
-
-            <!-- Cards -->
-            <div class="row mb-5">
-              <div class="col-12 col-xl-4 d-flex">
-
-                <!-- Card -->
-                <div class="card mb-6 mb-xl-0 pt-14 overlay overlay-black overlay-30 bg-cover shadow-light-lg" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-
-                  <!-- Body -->
-                  <a class="card-body mt-auto" href="#!">
-
-                    <!-- Heading -->
-                    <h3 class="text-white">
-                      Using Unsplash to improve your listing visibility
-                    </h3>
-
-                    <!-- Text -->
-                    <p class="mb-0 text-white">
-                      Using free stock photos of your surrounding areas can skyrocket your popularity.
-                    </p>
-
-                  </a>
-
-                  <!-- Meta -->
-                  <a class="card-meta" href="#!">
-
-                    <!-- Divider -->
-                    <hr class="card-meta-divider bg-white-20">
-
-                    <!-- Avatar -->
-                    <div class="avatar avatar-sm mr-2">
-                      <img src="../assets/img/avatars/avatar-1.jpg" alt="..." class="avatar-img rounded-circle">
-                    </div>
-
-                    <!-- Author -->
-                    <h6 class="text-uppercase text-white-80 mr-2 mb-0">
-                      Casey Fyfe
-                    </h6>
-
-                    <!-- Date -->
-                    <p class="h6 text-uppercase text-white-80 mb-0 ml-auto">
-                      <time datetime="2019-05-02">May 02</time>
-                    </p>
-
-                  </a>
-
-                </div>
-
-              </div>
-              <div class="col-12 col-xl-4 d-flex">
-
-                <!-- Card -->
-                <div class="card mb-6 mb-xl-0 shadow-light-lg">
-
-                  <!-- Image -->
-                  <a class="card-img-top" href="#!">
-                    <img src="../assets/img/photos/photo-7.jpg" alt="..." class="img-fluid">
-                  </a>
-
-                  <!-- Shape -->
-                  <div class="position-relative">
-                    <div class="shape shape-fluid-x shape-bottom svg-shim text-white">
-                      <svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 48h2880V0h-720C1442.5 52 720 0 720 0H0v48z" fill="currentColor"/></svg>                    </div>
-                  </div>
-
-                  <!-- Body -->
-                  <a class="card-body" href="#!">
-
-                    <!-- Heading -->
-                    <h3>
-                      Photos should appeal to a sense of adventure
-                    </h3>
-
-                    <!-- Text -->
-                    <p class="mb-0 text-muted">
-                      Cozy vibes are out and this summer you should focus on making customer's feel brave.
-                    </p>
-
-                  </a>
-
-                  <!-- Meta -->
-                  <a class="card-meta" href="#!">
-
-                    <!-- Divider -->
-                    <hr class="card-meta-divider">
-
-                    <!-- Avatar -->
-                    <div class="avatar avatar-sm mr-2">
-                      <img src="../assets/img/avatars/avatar-1.jpg" alt="..." class="avatar-img rounded-circle">
-                    </div>
-
-                    <!-- Author -->
-                    <h6 class="text-uppercase text-muted mr-2 mb-0">
-                      Danny Devito
-                    </h6>
-
-                    <!-- Date -->
-                    <p class="h6 text-uppercase text-muted mb-0 ml-auto">
-                      <time datetime="2019-05-02">May 02</time>
-                    </p>
-
-                  </a>
-
-                </div>
-
-              </div>
-              <div class="col-12 col-xl-4 d-flex">
-
-                <!-- Card -->
-                <div class="card shadow-light-lg">
-
-                  <!-- Body -->
-                  <a class="card-body my-auto" href="#!">
-
-                    <!-- Heading -->
-                    <h3 class="mt-auto">
-                      It's the little touches that make memories.
-                    </h3>
-
-                    <!-- Text -->
-                    <p class="mb-0 text-muted">
-                      Once you have your rental posted, you should focus on how you can differentiate your home with little touches. Chocolates, specialty coffee, fast wifi, nice toiletries, or a personal note. Small touches can make a huge difference.
-                    </p>
-
-                  </a>
-
-                  <!-- Meta -->
-                  <a class="card-meta" href="#!">
-
-                    <!-- Divider -->
-                    <hr class="card-meta-divider">
-
-                    <!-- Avatar -->
-                    <div class="avatar avatar-sm mr-2">
-                      <img src="../assets/img/avatars/avatar-1.jpg" alt="..." class="avatar-img rounded-circle">
-                    </div>
-
-                    <!-- Author -->
-                    <h6 class="text-uppercase text-muted mr-2 mb-0">
-                      Dave Gamache
-                    </h6>
-
-                    <!-- Date -->
-                    <p class="h6 text-uppercase text-muted mb-0 ml-auto">
-                      <time datetime="2019-05-02">May 02</time>
-                    </p>
-
-                  </a>
-
-                </div>
-
-              </div>
-            </div> <!-- / .row -->
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-footer rounded bg-black">
-                <code class="highlight bg-black">
-                  &lt;div&nbsp;class=&quot;row&quot;&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;col-12&nbsp;col-xl-4&nbsp;d-flex&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Card&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class=&quot;card&nbsp;mb-6&nbsp;mb-xl-0&nbsp;pt-14&nbsp;overlay&nbsp;overlay-black&nbsp;overlay-30&nbsp;bg-cover&nbsp;shadow-light-lg&quot;&nbsp;style=&quot;background-image:&nbsp;url(../assets/img/photos/photo-8.jpg);&quot;&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Body&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;a&nbsp;class=&quot;card-body&nbsp;mt-auto&quot;&nbsp;href=&quot;#!&quot;&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Heading&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;h3&nbsp;class=&quot;text-white&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Using&nbsp;Unsplash&nbsp;to&nbsp;improve&nbsp;your&nbsp;listing&nbsp;visibility<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/h3&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Text&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&nbsp;class=&quot;mb-0&nbsp;text-white&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Using&nbsp;free&nbsp;stock&nbsp;photos&nbsp;of&nbsp;your&nbsp;surrounding&nbsp;areas&nbsp;can&nbsp;skyrocket&nbsp;your&nbsp;popularity.<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/p&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/a&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Meta&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;a&nbsp;class=&quot;card-meta&quot;&nbsp;href=&quot;#!&quot;&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Divider&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;hr&nbsp;class=&quot;card-meta-divider&nbsp;bg-white-20&quot;&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Avatar&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class=&quot;avatar&nbsp;avatar-sm&nbsp;mr-2&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;src=&quot;../assets/img/avatars/avatar-1.jpg&quot;&nbsp;alt=&quot;...&quot;&nbsp;class=&quot;avatar-img&nbsp;rounded-circle&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Author&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;h6&nbsp;class=&quot;text-uppercase&nbsp;text-white-80&nbsp;mr-2&nbsp;mb-0&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Casey&nbsp;Fyfe<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/h6&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Date&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&nbsp;class=&quot;h6&nbsp;text-uppercase&nbsp;text-white-80&nbsp;mb-0&nbsp;ml-auto&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;time&nbsp;datetime=&quot;2019-05-02&quot;&gt;May&nbsp;02&lt;/time&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/p&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/a&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br /><br />&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;col-12&nbsp;col-xl-4&nbsp;d-flex&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Card&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class=&quot;card&nbsp;mb-6&nbsp;mb-xl-0&nbsp;shadow-light-lg&quot;&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Image&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;a&nbsp;class=&quot;card-img-top&quot;&nbsp;href=&quot;#!&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;src=&quot;../assets/img/photos/photo-7.jpg&quot;&nbsp;alt=&quot;...&quot;&nbsp;class=&quot;img-fluid&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/a&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Shape&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class=&quot;position-relative&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class=&quot;shape&nbsp;shape-fluid-x&nbsp;shape-bottom&nbsp;text-white&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{>&nbsp;curves/curve-1}}<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Body&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;a&nbsp;class=&quot;card-body&quot;&nbsp;href=&quot;#!&quot;&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Heading&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;h3&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Photos&nbsp;should&nbsp;appeal&nbsp;to&nbsp;a&nbsp;sense&nbsp;of&nbsp;adventure<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/h3&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Text&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&nbsp;class=&quot;mb-0&nbsp;text-muted&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Cozy&nbsp;vibes&nbsp;are&nbsp;out&nbsp;and&nbsp;this&nbsp;summer&nbsp;you&nbsp;should&nbsp;focus&nbsp;on&nbsp;making&nbsp;customer's&nbsp;feel&nbsp;brave.<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/p&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/a&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Meta&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;a&nbsp;class=&quot;card-meta&quot;&nbsp;href=&quot;#!&quot;&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Divider&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;hr&nbsp;class=&quot;card-meta-divider&quot;&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Avatar&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class=&quot;avatar&nbsp;avatar-sm&nbsp;mr-2&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;src=&quot;../assets/img/avatars/avatar-1.jpg&quot;&nbsp;alt=&quot;...&quot;&nbsp;class=&quot;avatar-img&nbsp;rounded-circle&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Author&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;h6&nbsp;class=&quot;text-uppercase&nbsp;text-muted&nbsp;mr-2&nbsp;mb-0&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Danny&nbsp;Devito<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/h6&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Date&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&nbsp;class=&quot;h6&nbsp;text-uppercase&nbsp;text-muted&nbsp;mb-0&nbsp;ml-auto&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;time&nbsp;datetime=&quot;2019-05-02&quot;&gt;May&nbsp;02&lt;/time&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/p&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/a&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br /><br />&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;col-12&nbsp;col-xl-4&nbsp;d-flex&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Card&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class=&quot;card&nbsp;shadow-light-lg&quot;&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Body&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;a&nbsp;class=&quot;card-body&nbsp;my-auto&quot;&nbsp;href=&quot;#!&quot;&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Heading&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;h3&nbsp;class=&quot;mt-auto&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;It's&nbsp;the&nbsp;little&nbsp;touches&nbsp;that&nbsp;make&nbsp;memories.<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/h3&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Text&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&nbsp;class=&quot;mb-0&nbsp;text-muted&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Once&nbsp;you&nbsp;have&nbsp;your&nbsp;rental&nbsp;posted,&nbsp;you&nbsp;should&nbsp;focus&nbsp;on&nbsp;how&nbsp;you&nbsp;can&nbsp;differentiate&nbsp;your&nbsp;home&nbsp;with&nbsp;little&nbsp;touches.&nbsp;Chocolates,&nbsp;specialty&nbsp;coffee,&nbsp;fast&nbsp;wifi,&nbsp;nice&nbsp;toiletries,&nbsp;or&nbsp;a&nbsp;personal&nbsp;note.&nbsp;Small&nbsp;touches&nbsp;can&nbsp;make&nbsp;a&nbsp;huge&nbsp;difference.<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/p&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/a&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Meta&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;a&nbsp;class=&quot;card-meta&quot;&nbsp;href=&quot;#!&quot;&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Divider&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;hr&nbsp;class=&quot;card-meta-divider&quot;&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Avatar&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class=&quot;avatar&nbsp;avatar-sm&nbsp;mr-2&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;src=&quot;../assets/img/avatars/avatar-1.jpg&quot;&nbsp;alt=&quot;...&quot;&nbsp;class=&quot;avatar-img&nbsp;rounded-circle&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Author&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;h6&nbsp;class=&quot;text-uppercase&nbsp;text-muted&nbsp;mr-2&nbsp;mb-0&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Dave&nbsp;Gamache<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/h6&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Date&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&nbsp;class=&quot;h6&nbsp;text-uppercase&nbsp;text-muted&nbsp;mb-0&nbsp;ml-auto&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;time&nbsp;datetime=&quot;2019-05-02&quot;&gt;May&nbsp;02&lt;/time&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/p&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/a&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br /><br />&nbsp;&nbsp;&lt;/div&gt;<br />&lt;/div&gt;&nbsp;&lt;!--&nbsp;/&nbsp;.row&nbsp;--&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h3 class="font-weight-bold mr-3" id="price">Price</h1>
-                <span class="badge rounded-pill bg-primary-soft mb-2">
-                  <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-                </span>
-            </div>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Combination of the card component, styled lists and other components.
-            </p>
-
-            <div class="row mb-5">
-              <div class="col-12 col-xl-4">
-
-                <!-- Card -->
-                <div class="card shadow-lg mb-6 mb-xl-0">
-                  <div class="card-body">
-
-                    <!-- Preheading -->
-                    <div class="text-center mb-3">
-                      <span class="badge rounded-pill bg-primary-soft">
-                        <span class="h6 text-uppercase">Basic</span>
-                      </span>
-                    </div>
-
-                    <!-- Price -->
-                    <div class="d-flex justify-content-center">
-                      <span class="h2 mb-0 mt-2">$</span>
-                      <span class="price display-2 mb-0" data-annual="0" data-monthly="0">0</span>
-                      <span class="h2 align-self-end mb-1">/mo</span>
-                    </div>
-
-                    <!-- Text -->
-                    <p class="text-center text-muted mb-5">
-                      per seat
-                    </p>
-
-                    <!-- List -->
-                    <div class="d-flex">
-
-                      <!-- Badge -->
-                      <div class="badge badge-rounded-circle bg-success-soft mt-1 mr-4">
-                        <i class="fe fe-check"></i>
-                      </div>
-
-                      <!-- Text -->
-                      <p>
-                        Rich landing pages
-                      </p>
-
-                    </div>
-                    <div class="d-flex">
-
-                      <!-- Badge -->
-                      <div class="badge badge-rounded-circle bg-success-soft mt-1 mr-4">
-                        <i class="fe fe-check"></i>
-                      </div>
-
-                      <!-- Text -->
-                      <p class="mb-5">
-                        100+ components
-                      </p>
-
-                    </div>
-
-                    <!-- Button -->
-                    <a href="#!" class="btn btn-block btn-primary-soft">
-                      Start for free <i class="fe fe-arrow-right ml-3"></i>
-                    </a>
-
-                  </div>
-                </div>
-
-              </div>
-              <div class="col-12 col-xl-4">
-
-                <!-- Card -->
-                <div class="card shadow-lg mb-6 mb-xl-0">
-                  <div class="card-body">
-
-                    <!-- Preheading -->
-                    <div class="text-center mb-3">
-                      <span class="badge rounded-pill bg-primary-soft">
-                        <span class="h6 text-uppercase">Standard</span>
-                      </span>
-                    </div>
-
-                    <!-- Price -->
-                    <div class="d-flex justify-content-center">
-                      <span class="h2 mb-0 mt-2">$</span>
-                      <span class="price display-2 mb-0" data-annual="29" data-monthly="49">29</span>
-                      <span class="h2 align-self-end mb-1">/mo</span>
-                    </div>
-
-                    <!-- Text -->
-                    <p class="text-center text-muted mb-5">
-                      per seat
-                    </p>
-
-                    <!-- List -->
-                    <div class="d-flex">
-
-                      <!-- Badge -->
-                      <div class="badge badge-rounded-circle bg-success-soft mt-1 mr-4">
-                        <i class="fe fe-check"></i>
-                      </div>
-
-                      <!-- Text -->
-                      <p>
-                        Rich landing pages
-                      </p>
-
-                    </div>
-                    <div class="d-flex">
-
-                      <!-- Badge -->
-                      <div class="badge badge-rounded-circle bg-success-soft mt-1 mr-4">
-                        <i class="fe fe-check"></i>
-                      </div>
-
-                      <!-- Text -->
-                      <p>
-                        100+ components
-                      </p>
-
-                    </div>
-                    <div class="d-flex">
-
-                      <!-- Badge -->
-                      <div class="badge badge-rounded-circle bg-success-soft mt-1 mr-4">
-                        <i class="fe fe-check"></i>
-                      </div>
-
-                      <!-- Text -->
-                      <p>
-                        Flexible licensing
-                      </p>
-
-                    </div>
-                    <div class="d-flex">
-
-                      <!-- Badge -->
-                      <div class="badge badge-rounded-circle bg-success-soft mt-1 mr-4">
-                        <i class="fe fe-check"></i>
-                      </div>
-
-                      <!-- Text -->
-                      <p>
-                        Speedy build tooling
-                      </p>
-
-                    </div>
-                    <div class="d-flex">
-
-                      <!-- Badge -->
-                      <div class="badge badge-rounded-circle bg-success-soft mt-1 mr-4">
-                        <i class="fe fe-check"></i>
-                      </div>
-
-                      <!-- Text -->
-                      <p class="mb-5">
-                        6 months free support
-                      </p>
-
-                    </div>
-
-                    <!-- Button -->
-                    <a href="#!" class="btn btn-block btn-primary">
-                      Start with Standard <i class="fe fe-arrow-right ml-3"></i>
-                    </a>
-
-                  </div>
-                </div>
-
-              </div>
-              <div class="col-12 col-xl-4">
-
-                <!-- Card -->
-                <div class="card shadow-lg mb-md-0">
-                  <div class="card-body">
-
-                    <!-- Preheading -->
-                    <div class="text-center mb-3">
-                      <span class="badge rounded-pill bg-primary-soft">
-                        <span class="h6 text-uppercase">Premium</span>
-                      </span>
-                    </div>
-
-                    <!-- Price -->
-                    <div class="d-flex justify-content-center">
-                      <span class="h2 mb-0 mt-2">$</span>
-                      <span class="price display-2 mb-0" data-annual="49" data-monthly="69">49</span>
-                      <span class="h2 align-self-end mb-1">/mo</span>
-                    </div>
-
-                    <!-- Text -->
-                    <p class="text-center text-muted mb-5">
-                      per seat
-                    </p>
-
-                    <!-- List -->
-                    <div class="d-flex">
-
-                      <!-- Badge -->
-                      <div class="badge badge-rounded-circle bg-success-soft mt-1 mr-4">
-                        <i class="fe fe-check"></i>
-                      </div>
-
-                      <!-- Text -->
-                      <p>
-                        Rich landing pages
-                      </p>
-
-                    </div>
-                    <div class="d-flex">
-
-                      <!-- Badge -->
-                      <div class="badge badge-rounded-circle bg-success-soft mt-1 mr-4">
-                        <i class="fe fe-check"></i>
-                      </div>
-
-                      <!-- Text -->
-                      <p>
-                        100+ components
-                      </p>
-
-                    </div>
-                    <div class="d-flex">
-
-                      <!-- Badge -->
-                      <div class="badge badge-rounded-circle bg-success-soft mt-1 mr-4">
-                        <i class="fe fe-check"></i>
-                      </div>
-
-                      <!-- Text -->
-                      <p>
-                        Flexible licensing
-                      </p>
-
-                    </div>
-                    <div class="d-flex">
-
-                      <!-- Badge -->
-                      <div class="badge badge-rounded-circle bg-success-soft mt-1 mr-4">
-                        <i class="fe fe-check"></i>
-                      </div>
-
-                      <!-- Text -->
-                      <p>
-                        Speedy build tooling
-                      </p>
-
-                    </div>
-                    <div class="d-flex">
-
-                      <!-- Badge -->
-                      <div class="badge badge-rounded-circle bg-success-soft mt-1 mr-4">
-                        <i class="fe fe-check"></i>
-                      </div>
-
-                      <!-- Text -->
-                      <p>
-                        6 months free support
-                      </p>
-
-                    </div>
-                    <div class="d-flex">
-
-                      <!-- Badge -->
-                      <div class="badge badge-rounded-circle bg-success-soft mt-1 mr-4">
-                        <i class="fe fe-check"></i>
-                      </div>
-
-                      <!-- Text -->
-                      <p>
-                        256-bit encryption
-                      </p>
-
-                    </div>
-                    <div class="d-flex">
-
-                      <!-- Badge -->
-                      <div class="badge badge-rounded-circle bg-success-soft mt-1 mr-4">
-                        <i class="fe fe-check"></i>
-                      </div>
-
-                      <!-- Text -->
-                      <p>
-                        Guaranteed 100% uptime
-                      </p>
-
-                    </div>
-                    <div class="d-flex">
-
-                      <!-- Badge -->
-                      <div class="badge badge-rounded-circle bg-success-soft mt-1 mr-4">
-                        <i class="fe fe-check"></i>
-                      </div>
-
-                      <!-- Text -->
-                      <p class="mb-5">
-                        Unlimited users
-                      </p>
-
-                    </div>
-
-                    <!-- Button -->
-                    <a href="#!" class="btn btn-block btn-primary-soft">
-                      Start with Premium <i class="fe fe-arrow-right ml-3"></i>
-                    </a>
-
-                  </div>
-                </div>
-
-              </div>
-            </div> <!-- / .row -->
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-footer rounded bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;card&nbsp;shadow-lg&quot;&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;card-body&quot;&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Preheading&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class=&quot;text-center&nbsp;mb-3&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;span&nbsp;class=&quot;badge&nbsp;rounded-pill&nbsp;bg-primary-soft&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;span&nbsp;class=&quot;h6&nbsp;text-uppercase&quot;&gt;Basic&lt;/span&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/span&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Price&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class=&quot;d-flex&nbsp;justify-content-center&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;span&nbsp;class=&quot;h2&nbsp;mb-0&nbsp;mt-2&quot;&gt;$&lt;/span&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;span&nbsp;class=&quot;price&nbsp;display-2&nbsp;mb-0&quot;&nbsp;data-annual=&quot;0&quot;&nbsp;data-monthly=&quot;0&quot;&gt;0&lt;/span&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;span&nbsp;class=&quot;h2&nbsp;align-self-end&nbsp;mb-1&quot;&gt;/mo&lt;/span&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Text&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&nbsp;class=&quot;text-center&nbsp;text-muted&nbsp;mb-5&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;per&nbsp;seat<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/p&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;List&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class=&quot;d-flex&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Badge&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class=&quot;badge&nbsp;badge-rounded-circle&nbsp;bg-success-soft&nbsp;mt-1&nbsp;mr-4&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;i&nbsp;class=&quot;fe&nbsp;fe-check&quot;&gt;&lt;/i&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Text&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Rich&nbsp;landing&nbsp;pages<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/p&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class=&quot;d-flex&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Badge&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class=&quot;badge&nbsp;badge-rounded-circle&nbsp;bg-success-soft&nbsp;mt-1&nbsp;mr-4&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;i&nbsp;class=&quot;fe&nbsp;fe-check&quot;&gt;&lt;/i&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Text&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&nbsp;class=&quot;mb-5&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;100+&nbsp;components<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/p&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Button&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;a&nbsp;href=&quot;#!&quot;&nbsp;class=&quot;btn&nbsp;btn-block&nbsp;btn-primary-soft&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Start&nbsp;for&nbsp;free&nbsp;&lt;i&nbsp;class=&quot;fe&nbsp;fe-arrow-right&nbsp;ml-3&quot;&gt;&lt;/i&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/a&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&lt;/div&gt;<br />&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h3 class="font-weight-bold mr-3" id="portfolio">Portfolio</h3>
-              <span class="badge rounded-pill bg-primary-soft mb-2">
-                <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-              </span>
-            </div>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Variations of the card component.
-            </p>
-
-            <!-- Card -->
-            <div class="card mb-5">
-              <div class="card-body">
-                <div class="row">
-                  <div class="col-12 col-md-4">
-
-                    <!-- Card -->
-                    <a class="card card-flush mb-7 mb-md-0" href="#!">
-
-                      <!-- Image -->
-                      <div class="card-zoom">
-                        <img class="card-img-top rounded shadow-light-lg" src="../assets/img/portfolio/portfolio-5.jpg" alt="...">
-                      </div>
-
-                      <!-- Footer -->
-                      <div class="card-footer">
-
-                        <!-- Preheading -->
-                        <h6 class="text-uppercase mb-1 text-muted">Branding</h6>
-
-                        <!-- Heading -->
-                        <h4 class="mb-0">Landkit Redesign</h4>
-
-                      </div>
-
-                    </a>
-
-                  </div>
-                  <div class="col-12 col-md-4">
-
-                    <!-- Card -->
-                    <a class="card shadow-light-lg mb-7 mb-md-0" href="#!">
-
-                      <!-- Image -->
-                      <div class="card-zoom">
-                        <img class="card-img-top" src="../assets/img/portfolio/portfolio-6.jpg" alt="...">
-                      </div>
-
-                      <!-- Body -->
-                      <div class="card-body">
-
-                        <!-- Shape -->
-                        <div class="shape shape-bottom-100 shape-fluid-x svg-shim text-white">
-                          <svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 48h2880V0h-720C1442.5 52 720 0 720 0H0v48z" fill="currentColor"/></svg>                        </div>
-
-                        <!-- Preheading -->
-                        <h6 class="text-uppercase mb-1 text-muted">Branding</h6>
-
-                        <!-- Heading -->
-                        <h4 class="mb-0">Landkit Redesign</h4>
-
-                      </div>
-
-                    </a>
-
-                  </div>
-                  <div class="col-12 col-md-4">
-
-                    <!-- Card -->
-                    <a class="card shadow-light-lg" href="#!">
-
-                      <!-- Image -->
-                      <div class="card-zoom">
-                        <img class="card-img" src="../assets/img/portfolio/portfolio-11.jpg" alt="...">
-                      </div>
-
-                      <!-- Overlay -->
-                      <div class="card-img-overlay card-img-overlay-hover">
-                        <div class="card-body bg-white">
-
-                          <!-- Shape -->
-                          <div class="shape shape-bottom-100 shape-fluid-x svg-shim text-white">
-                            <svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 48h2880V0h-720C1442.5 52 720 0 720 0H0v48z" fill="currentColor"/></svg>                          </div>
-
-                          <!-- Preheading -->
-                          <h6 class="text-uppercase mb-1 text-muted">Branding</h6>
-
-                          <!-- Heading -->
-                          <h4 class="mb-0">Landkit Redesign</h4>
-
-                        </div>
-                      </div>
-
-                    </a>
-
-                  </div>
-                </div>
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;!--&nbsp;Card&nbsp;--&gt;<br />&lt;a&nbsp;class=&quot;card&nbsp;card-flush&nbsp;mb-7&nbsp;mb-md-0&quot;&nbsp;href=&quot;#!&quot;&gt;<br /><br />&nbsp;&nbsp;&lt;!--&nbsp;Image&nbsp;--&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;card-zoom&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;class=&quot;card-img-top&nbsp;rounded&nbsp;shadow-light-lg&quot;&nbsp;src=&quot;../assets/img/portfolio/portfolio-5.jpg&quot;&nbsp;alt=&quot;...&quot;&gt;<br />&nbsp;&nbsp;&lt;/div&gt;<br /><br />&nbsp;&nbsp;&lt;!--&nbsp;Footer&nbsp;--&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;card-footer&quot;&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Preheading&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;h6&nbsp;class=&quot;text-uppercase&nbsp;mb-1&nbsp;text-muted&quot;&gt;Branding&lt;/h6&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Heading&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;h4&nbsp;class=&quot;mb-0&quot;&gt;Landkit&nbsp;Redesign&lt;/h4&gt;<br /><br />&nbsp;&nbsp;&lt;/div&gt;<br /><br />&lt;/a&gt;<br /><br />&lt;!--&nbsp;Card&nbsp;--&gt;<br />&lt;a&nbsp;class=&quot;card&nbsp;shadow-light-lg&nbsp;mb-7&nbsp;mb-md-0&quot;&nbsp;href=&quot;#!&quot;&gt;<br /><br />&nbsp;&nbsp;&lt;!--&nbsp;Image&nbsp;--&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;card-zoom&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;class=&quot;card-img-top&quot;&nbsp;src=&quot;../assets/img/portfolio/portfolio-6.jpg&quot;&nbsp;alt=&quot;...&quot;&gt;<br />&nbsp;&nbsp;&lt;/div&gt;<br /><br />&nbsp;&nbsp;&lt;!--&nbsp;Body&nbsp;--&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;card-body&quot;&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Shape&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class=&quot;shape&nbsp;shape-bottom-100&nbsp;shape-fluid-x&nbsp;svg-shim&nbsp;text-white&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{> curves/curve-1}}<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Preheading&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;h6&nbsp;class=&quot;text-uppercase&nbsp;mb-1&nbsp;text-muted&quot;&gt;Branding&lt;/h6&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Heading&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;h4&nbsp;class=&quot;mb-0&quot;&gt;Landkit&nbsp;Redesign&lt;/h4&gt;<br /><br />&nbsp;&nbsp;&lt;/div&gt;<br /><br />&lt;/a&gt;<br /><br />&lt;!--&nbsp;Card&nbsp;--&gt;<br />&lt;a&nbsp;class=&quot;card&nbsp;shadow-light-lg&quot;&nbsp;href=&quot;#!&quot;&gt;<br /><br />&nbsp;&nbsp;&lt;!--&nbsp;Image&nbsp;--&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;card-zoom&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;class=&quot;card-img&quot;&nbsp;src=&quot;../assets/img/portfolio/portfolio-11.jpg&quot;&nbsp;alt=&quot;...&quot;&gt;<br />&nbsp;&nbsp;&lt;/div&gt;<br /><br />&nbsp;&nbsp;&lt;!--&nbsp;Overlay&nbsp;--&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;card-img-overlay&nbsp;card-img-overlay-hover&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class=&quot;card-body&nbsp;bg-white&quot;&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Shape&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class=&quot;shape&nbsp;shape-bottom-100&nbsp;shape-fluid-x&nbsp;svg-shim&nbsp;text-white&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{> &nbsp;curves/curve-1}}<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Preheading&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;h6&nbsp;class=&quot;text-uppercase&nbsp;mb-1&nbsp;text-muted&quot;&gt;Branding&lt;/h6&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Heading&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;h4&nbsp;class=&quot;mb-0&quot;&gt;Landkit&nbsp;Redesign&lt;/h4&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&lt;/div&gt;<br /><br />&lt;/a&gt;<br />
-                </code>
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right">
-            <div class="my-7 my-lg-9 px-lg-7 border-left-lg border-gray-300">
-
-              <!-- Heading -->
-              <h6 class="text-uppercase font-weight-bold">
-                Jump to
-              </h6>
-
-              <!-- Links -->
-              <ul class="list mb-0">
-                <li class="list-item">
-                  <a class="list-link" href="#border" data-scroll>Border</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#signup" data-scroll>Signup</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#testimonials" data-scroll>Testimonials</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#blockCards" data-scroll>Block cards</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#price" data-scroll>Price</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#portfolio" data-scroll>Portfolio</a>
-                </li>
-              </ul>
-
-            </div>
-          </div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-
-  </body>
-</html>
diff --git a/docs/changelog.html b/docs/changelog.html
deleted file mode 100644
index bc11922..0000000
--- a/docs/changelog.html
+++ /dev/null
@@ -1,1439 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Changelog
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <h1 class="mb-6">Changelog</h1>
-
-            <!-- Text -->
-            <p class="text-gray-700" id="v2.0.0-alpha">
-              <span class="badge rounded-pill bg-primary-soft">v2.0.0-alpha</span>
-              <span>- September 15th, 2020</span>
-            </p>
-
-            <!-- List -->
-            <ul class="text-gray-700">
-              <li>Updated to Bootstrap v5.0.0-alpha1.</li>
-              <li>Improved folder structure.</li>
-              <li>Replaced Gulp with Webpack &amp; npm-scripts.</li>
-              <li>Replaced Gulp File Include with Handlebars Webpack Plugin.</li>
-              <li>Replaced Fancybox with BigPicture.js.</li>
-              <li>Removed jQuery dependency.</li>
-              <li>Moved all JavaScript to ES6 modules.</li>
-              <li>Other small changes.</li>
-            </ul>
-
-            <!-- Text -->
-            <p>Known issues:</p>
-
-            <!-- List -->
-            <ul class="text-gray-700">
-              <li>Scroll jumps when toggling accordions.</li>
-              <li>Tooltips won't work if there is a nested element.</li>
-            </ul>
-
-            <!-- Text -->
-            <p class="text-gray-700" id="v1.2.1">
-              <span class="badge rounded-pill bg-primary-soft">v1.2.1</span>
-              <span>- September 15th, 2020</span>
-            </p>
-
-            <!-- List -->
-            <ul class="text-gray-700">
-              <li>Updated to Bootstrap v4.5.2.</li>
-              <li>Updated other dependencies.</li>
-              <li>Other small fixes.</li>
-            </ul>
-
-            <!-- Text -->
-            <p>Updated files:</p>
-
-            <!-- List -->
-            <ul class="text-gray-700">
-              <li>src/index.html</li>
-              <li>src/blog.html</li>
-              <li>src/assets/scss/theme/_navbar.scss</li>
-              <li>src/assets/js/dropdown.js</li>
-              <li>package.json</li>
-              <li>package-lock.json</li>
-            </ul>
-
-            <!-- Text -->
-            <p class="text-gray-700" id="v1.2.0">
-              <span class="badge rounded-pill bg-primary-soft">v1.2.0</span>
-              <span>- May 14th, 2020</span>
-            </p>
-
-            <!-- List -->
-            <ul class="text-gray-700">
-              <li>Added <code>startup.html</code>.</li>
-              <li>Added account setting pages.</li>
-              <li>Added Choices.js plugin for rich selects.</li>
-              <li>Added Quill plugin for rich text editor.</li>
-              <li>Added Dropzone plugin for drag & drop file uploads.</li>
-              <li>Added extra small variation of form controls.</li>
-              <li>Included <code>.otf</code> font files.</li>
-              <li>Improved documentation for icons.</li>
-              <li>Updated to Bootstrap v4.4.5.</li>
-              <li>Updated other dependencies.</li>
-              <li>Replaced navbar partial <code>@@type</code> attribute with <code>@@container</code> to support all container types.</li>
-              <li>Removed empty SCSS files.</li>
-              <li>Other small fixes and improvements.</li>
-            </ul>
-
-            <!-- Text -->
-            <p>New files:</p>
-
-            <!-- List -->
-            <ul class="text-gray-700">
-              <li>src/account-general.html</li>
-              <li>src/account-notifications.html</li>
-              <li>src/account-security.html</li>
-              <li>src/billing-plans-and-payment.html</li>
-              <li>src/billing-users.html</li>
-              <li>src/startup.html</li>
-              <li>src/assets/scss/theme/_choices.scss</li>
-              <li>src/assets/scss/theme/_quill.scss</li>
-              <li>src/assets/scss/theme/_dropzone.scss</li>
-              <li>src/assets/js/choices.js</li>
-              <li>src/assets/js/quill.js</li>
-              <li>src/assets/js/dropzone.js</li>
-              <li>src/assets/img/avatars/avatar-3.jpg</li>
-              <li>src/assets/img/avatars/avatar-4.jpg</li>
-              <li>src/assets/img/avatars/avatar-5.jpg</li>
-              <li>src/assets/img/covers/cover-18.jpg</li>
-              <li>src/assets/img/illustrations/illustration-1-dark.png</li>
-              <li>src/assets/img/screenshots/landkit/account/general.jpg</li>
-              <li>src/assets/img/screenshots/landkit/account/notifications.jpg</li>
-              <li>src/assets/img/screenshots/landkit/account/plans-and-payments.jpg</li>
-              <li>src/assets/img/screenshots/landkit/account/security.jpg</li>
-              <li>src/assets/img/screenshots/landkit/account/users.jpg</li>
-              <li>src/assets/img/screenshots/landkit/landing/startup.jpg</li>
-              <li>src/assets/img/screenshots/ui/analytics-1.png</li>
-              <li>src/assets/img/screenshots/ui/analytics-2.png</li>
-              <li>src/assets/img/screenshots/ui/analytics-3.png</li>
-              <li>src/assets/img/icons/payment-methods/*</li>
-              <li>src/assets/video/video-1.mp4</li>
-              <li>src/assets/fonts/HK Grotesk Pro/*.otf</li>
-            </ul>
-
-            <!-- Text -->
-            <p>Updated files:</p>
-
-            <!-- List -->
-            <ul class="text-gray-700">
-              <li>package.json</li>
-              <li>package-lock.json</li>
-              <li>src/*.html</li>
-              <li>src/docs/*.html</li>
-              <li>src/partials/head.html</li>
-              <li>src/partials/modals.html</li>
-              <li>src/partials/navbar.html</li>
-              <li>src/partials/scripts.html</li>
-              <li>src/partials/sidenav.html</li>
-              <li>src/assets/scss/theme/_avatar.scss</li>
-              <li>src/assets/scss/theme/_buttons.scss</li>
-              <li>src/assets/scss/theme/_card.scss</li>
-              <li>src/assets/scss/theme/_custom-forms.scss</li>
-              <li>src/assets/scss/theme/_dropdown.scss</li>
-              <li>src/assets/scss/theme/_forms.scss</li>
-              <li>src/assets/scss/theme/_grid.scss</li>
-              <li>src/assets/scss/theme/_input-group.scss</li>
-              <li>src/assets/scss/theme/_navbar.scss</li>
-              <li>src/assets/scss/theme/_shapes.scss</li>
-              <li>src/assets/scss/theme/_shapes.scss</li>
-              <li>src/assets/scss/theme/_theme.scss</li>
-              <li>src/assets/scss/theme/_type.scss</li>
-              <li>src/assets/scss/theme/_variables.scss</li>
-              <li>src/assets/scss/theme/_variables.scss</li>
-              <li>src/assets/scss/theme/utilities/_borders.scss</li>
-              <li>src/assets/scss/theme/utilities/_type.scss</li>
-              <li>src/assets/js/dropdown.js</li>
-            </ul>
-
-            <!-- Text -->
-            <p>Removed files:</p>
-
-            <!-- List -->
-            <ul class="text-gray-700">
-              <li>src/assets/scss/theme/_button-group.scss</li>
-              <li>src/assets/scss/theme/_carousel.scss</li>
-              <li>src/assets/scss/theme/_code.scss</li>
-              <li>src/assets/scss/theme/_jumbotron.scss</li>
-              <li>src/assets/scss/theme/_media.scss</li>
-              <li>src/assets/scss/theme/_nav.scss</li>
-              <li>src/assets/scss/theme/_print.scss</li>
-              <li>src/assets/scss/theme/_progress.scss</li>
-              <li>src/assets/scss/theme/_root.scss</li>
-              <li>src/assets/scss/theme/_tooltip.scss</li>
-              <li>src/assets/scss/theme/_transitions.scss</li>
-            </ul>
-
-            <!-- Text -->
-            <p class="text-gray-700" id="v1.1.3">
-              <span class="badge rounded-pill bg-primary-soft">v1.1.3</span>
-              <span>- April 1st, 2020</span>
-            </p>
-
-            <!-- List -->
-            <ul class="text-gray-700">
-              <li>Updated dependencies.</li>
-              <li>Improved navbar scrolling behaviour in collapsed mode.</li>
-              <li>Fixed modal scrolling bug.</li>
-              <li>Cleaned up SVG code for icons and illustrations.</li>
-            </ul>
-
-            <!-- Text -->
-            <p class="text-gray-700" id="v1.1.2">
-              <span class="badge rounded-pill bg-primary-soft">v1.1.2</span>
-              <span>- December 2nd, 2019</span>
-            </p>
-
-            <!-- List -->
-            <ul class="text-gray-700">
-              <li>Updated to Bootstrap v4.4.1.</li>
-              <li>Added active state for custom buttons.</li>
-              <li>Fixed navbar dropdowns to close on click.</li>
-            </ul>
-
-            <!-- Text -->
-            <p class="text-gray-700" id="v1.1.1">
-              <span class="badge rounded-pill bg-primary-soft">v1.1.1</span>
-              <span>- November 18th, 2019</span>
-            </p>
-
-            <!-- List -->
-            <ul class="text-gray-700">
-              <li>Added portfolio pages.</li>
-              <li>Added Agency landing page.</li>
-              <li>Updated dependencies. Included <code>package-lock.json</code>.</li>
-              <li>Other small fixes and improvements.</li>
-            </ul>
-
-            <!-- Text -->
-            <p class="text-gray-700" id="v1.1.0">
-              <span class="badge rounded-pill bg-primary-soft">v1.1.0</span>
-              <span>- June 17th, 2019</span>
-            </p>
-
-            <!-- List -->
-            <ul class="text-gray-700">
-              <li>Added blog pages.</li>
-              <li>Added account pages.</li>
-              <li>Enabled passing options to Map and Typed plugin instances via <code>data-</code> attributes.</li>
-              <li>Improved navigation panel dropdowns markup.</li>
-              <li>Improved shapes rendering.</li>
-              <li>Updated dependencies. Fixed <code>npm audit</code> vulnerabilities.</li>
-            </ul>
-
-            <!-- Text -->
-            <p class="text-gray-700" id="v1.0.0">
-              <span class="badge rounded-pill bg-primary-soft">v1.0.0</span>
-              <span>- April 15th, 2019</span>
-            </p>
-
-            <!-- List -->
-            <ul class="text-gray-700">
-              <li>Initial release of Landkit! Lots more coming soon though 😁</li>
-            </ul>
-
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right">
-            <div class="my-7 my-lg-9 px-lg-7 border-left-lg border-gray-300">
-
-              <!-- Heading -->
-              <h6 class="text-uppercase font-weight-bold">
-                Jump to
-              </h6>
-
-              <!-- Links -->
-              <ul class="list mb-0">
-                <li class="list-item">
-                  <a class="list-link" href="#v2.0.0-alpha" data-scroll>v2.0.0-alpha</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#v1.2.1" data-scroll>v1.2.1</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#v1.2.0" data-scroll>v1.2.0</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#v1.1.3" data-scroll>v1.1.3</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#v1.1.2" data-scroll>v1.1.2</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#v1.1.1" data-scroll>v1.1.1</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#v1.1.0" data-scroll>v1.1.0</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#v1.0.0" data-scroll>v1.0.0</a>
-                </li>
-              </ul>
-
-            </div>
-          </div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-
-  </body>
-</html>
diff --git a/docs/choices.html b/docs/choices.html
deleted file mode 100644
index e36c97e..0000000
--- a/docs/choices.html
+++ /dev/null
@@ -1,1224 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Choices
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h1 class="mb-1 mr-3">Choices.js</h1>
-              <span class="badge rounded-pill bg-primary-soft mt-1">
-                <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-              </span>
-            </div>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Choices.js is a lightweight, configurable select box/text input plugin. Similar to Select2 and Selectize but without the jQuery dependency. We currently support only the basic variation of the Choices plugin. Styles for search field, pills and other elements will be added in one of the future releases.
-            </p>
-
-            <!-- Bootstrap/Plugin Link -->
-            <p>
-              <a class="text-decoration-none" href="https://joshuajohnson.co.uk/Choices/" target="_blank">
-                <i class="fe fe-external-link pr-1"></i>
-                Plugin documentation
-              </a>
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <!-- Select -->
-                <select class="form-select mb-5" data-choices>
-                  <option>Option</option>
-                  <option>Another option</option>
-                  <option>Something else here</option>
-                </select>
-
-                <!-- Select -->
-                <select class="form-select form-select-sm mb-5" data-choices>
-                  <option>Option</option>
-                  <option>Another option</option>
-                  <option>Something else here</option>
-                </select>
-
-                <!-- Select -->
-                <select class="form-select form-select-xs" data-choices>
-                  <option>Option</option>
-                  <option>Another option</option>
-                  <option>Something else here</option>
-                </select>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;select&nbsp;class=&quot;form-select&quot;&nbsp;data-choices&gt;<br />&nbsp;&nbsp;&lt;option&gt;Option&lt;/option&gt;<br />&nbsp;&nbsp;&lt;option&gt;Another&nbsp;option&lt;/option&gt;<br />&nbsp;&nbsp;&lt;option&gt;Something&nbsp;else&nbsp;here&lt;/option&gt;<br />&lt;/select&gt;<br /><br />&lt;select&nbsp;class=&quot;form-select&nbsp;form-select-sm&quot;&nbsp;data-choices&gt;<br />&nbsp;&nbsp;&lt;option&gt;Option&lt;/option&gt;<br />&nbsp;&nbsp;&lt;option&gt;Another&nbsp;option&lt;/option&gt;<br />&nbsp;&nbsp;&lt;option&gt;Something&nbsp;else&nbsp;here&lt;/option&gt;<br />&lt;/select&gt;<br /><br />&lt;select&nbsp;class=&quot;form-select&nbsp;form-select-xs&quot;&nbsp;data-choices&gt;<br />&nbsp;&nbsp;&lt;option&gt;Option&lt;/option&gt;<br />&nbsp;&nbsp;&lt;option&gt;Another&nbsp;option&lt;/option&gt;<br />&nbsp;&nbsp;&lt;option&gt;Something&nbsp;else&nbsp;here&lt;/option&gt;<br />&lt;/select&gt;
-                </code>
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right"></div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-
-  </body>
-</html>
diff --git a/docs/countup.html b/docs/countup.html
deleted file mode 100644
index c59b0f8..0000000
--- a/docs/countup.html
+++ /dev/null
@@ -1,1417 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Count up
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h1 class="mb-1 mr-3">Count up</h1>
-              <span class="badge rounded-pill bg-primary-soft mt-1">
-                <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-              </span>
-            </div>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Dependency-free, lightweight JavaScript class that can be used to quickly create animations that display numerical data in a more interesting way.
-            </p>
-
-            <!-- Bootstrap/Plugin Link -->
-            <p>
-              <a class="text-decoration-none" href="https://inorganik.github.io/countUp.js/" target="_blank">
-                <i class="fe fe-external-link pr-1"></i>
-                Plugin documentation
-              </a>
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <h1>
-                  <span data-countup='{"startVal": 0}' data-to="17"></span>:
-                  <span data-countup='{"startVal": 0}' data-to="56"></span>:
-                  <span data-countup='{"startVal": 0}' data-to="59"></span>
-                </h1>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;h1&gt;<br />&nbsp;&nbsp;&lt;span&nbsp;data-countup='{&quot;startVal&quot;:&nbsp;0}'&nbsp;data-to=&quot;17&quot;&gt;&lt;/span&gt;:<br />&nbsp;&nbsp;&lt;span&nbsp;data-countup='{&quot;startVal&quot;:&nbsp;0}'&nbsp;data-to=&quot;56&quot;&gt;&lt;/span&gt;:<br />&nbsp;&nbsp;&lt;span&nbsp;data-countup='{&quot;startVal&quot;:&nbsp;0}'&nbsp;data-to=&quot;59&quot;&gt;&lt;/span&gt;<br />&lt;/h1&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="inview">Inview</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Combine CountUp.js with AOS to start the animation when an element becomes visible.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <h1 data-countup='{"startVal": 0}' data-to="256" data-aos data-aos-id="countup:in"></h1>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;h1&nbsp;data-countup='{&quot;startVal&quot;:&nbsp;0}'&nbsp;data-to=&quot;256&quot;&nbsp;data-aos&nbsp;data-aos-id=&quot;countup:in&quot;&gt;&lt;/h1&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="pricing">Pricing</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Combined wuth CountUp.js, the pricing component helps you toggle between two pricing options with a custom switch.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-                <div class="row justify-content-center">
-                  <div class="col-12 col-md-6">
-
-                    <!-- Heading -->
-                    <h1 class="text-center">
-                      Fair, simple pricing for all.
-                    </h1>
-
-                    <!-- Text -->
-                    <p class="lead text-center text-gray-700">
-                      All types of businesses need access to development resources, so we give you the option to decide how much you need to use.
-                    </p>
-
-                    <!-- Form -->
-                    <form class="d-flex align-items-center justify-content-center mb-7 mb-md-9">
-
-                      <!-- Label -->
-                      <span class="text-muted">
-                        Annual
-                      </span>
-
-                      <!-- Switch -->
-                      <div class="form-check form-switch mx-3">
-                        <input class="form-check-input" id="billingSwitch" type="checkbox" data-toggle="price" data-target=".price">
-                        <label class="form-check-label" for="billingSwitch"></label>
-                      </div>
-
-                      <!-- Label -->
-                      <span class="text-muted">
-                        Monthly
-                      </span>
-
-                    </form>
-
-                    <!-- Card -->
-                    <div class="card rounded-lg shadow-lg">
-
-                      <!-- Body -->
-                      <div class="card-body py-6 py-md-8">
-                        <div class="row justify-content-center">
-                          <div class="col-12 col-xl-9">
-
-                            <!-- Badge -->
-                            <div class="text-center mb-5">
-                              <span class="badge rounded-pill bg-primary-soft">
-                                <span class="h6 font-weight-bold text-uppercase">Standard</span>
-                              </span>
-                            </div>
-
-                            <!-- Price -->
-                            <div class="d-flex justify-content-center">
-                              <span class="h2 mb-0 mt-2">$</span>
-                              <span class="price display-2 mb-0" data-annual="29" data-monthly="49">29</span>
-                              <span class="h2 align-self-end mb-1">/mo</span>
-                            </div>
-
-                            <!-- Text -->
-                            <p class="text-center text-muted mb-6 mb-md-8">
-                              per seat
-                            </p>
-
-                            <!-- Features -->
-                            <div class="d-flex">
-
-                              <!-- Check -->
-                              <div class="badge badge-rounded-circle bg-success-soft mt-1 mr-4">
-                                <i class="fe fe-check"></i>
-                              </div>
-
-                              <!-- Text -->
-                              <p>
-                                Rich, responsive landing pages
-                              </p>
-
-                            </div>
-                            <div class="d-flex">
-
-                              <!-- Check -->
-                              <div class="badge badge-rounded-circle bg-success-soft mt-1 mr-4">
-                                <i class="fe fe-check"></i>
-                              </div>
-
-                              <!-- Text -->
-                              <p>
-                                100+ styled components
-                              </p>
-
-                            </div>
-                            <div class="d-flex">
-
-                              <!-- Check -->
-                              <div class="badge badge-rounded-circle bg-success-soft mt-1 mr-4">
-                                <i class="fe fe-check"></i>
-                              </div>
-
-                              <!-- Text -->
-                              <p>
-                                Flexible, simple license
-                              </p>
-
-                            </div>
-                            <div class="d-flex">
-
-                              <!-- Check -->
-                              <div class="badge badge-rounded-circle bg-success-soft mt-1 mr-4">
-                                <i class="fe fe-check"></i>
-                              </div>
-
-                              <!-- Text -->
-                              <p>
-                                Speedy build tooling
-                              </p>
-
-                            </div>
-                            <div class="d-flex">
-
-                              <!-- Check -->
-                              <div class="badge badge-rounded-circle bg-success-soft mt-1 mr-4">
-                                <i class="fe fe-check"></i>
-                              </div>
-
-                              <!-- Text -->
-                              <p class="mb-0">
-                                6 months free support included
-                              </p>
-
-                            </div>
-
-                          </div>
-                        </div> <!-- / .row -->
-                      </div>
-
-                      <!-- Button -->
-                      <a href="#!" class="card-btn btn btn-block btn-lg btn-primary">
-                        Get it now
-                      </a>
-
-                    </div>
-
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html hljs xml">
-                  <span class="hljs-comment">&lt;!--&nbsp;Switch&nbsp;--&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span>&nbsp;<span class="hljs-attr">class</span>=<span class="hljs-string">"form-check&nbsp;form-switch"</span>&gt;</span><br>&nbsp;&nbsp;<span class="hljs-tag">&lt;<span class="hljs-name">input</span>&nbsp;<span class="hljs-attr">type</span>=<span class="hljs-string">"checkbox"</span>&nbsp;<span class="hljs-attr">class</span>=<span class="hljs-string">"form-check-input"</span>&nbsp;<span class="hljs-attr">id</span>=<span class="hljs-string">"billingSwitch"</span>&nbsp;<span class="hljs-attr">data-toggle</span>=<span class="hljs-string">"price"</span>&nbsp;<span class="hljs-attr">data-target</span>=<span class="hljs-string">".price"</span>&gt;</span><br>&nbsp;&nbsp;<span class="hljs-tag">&lt;<span class="hljs-name">label</span>&nbsp;<span class="hljs-attr">class</span>=<span class="hljs-string">"form-check-label"</span>&nbsp;<span
-                      class="hljs-attr">for</span>=<span class="hljs-string">"billingSwitch"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><br><span class="hljs-comment">&lt;!--&nbsp;Price&nbsp;--&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span>&nbsp;<span class="hljs-attr">class</span>=<span class="hljs-string">"price"</span>&nbsp;<span class="hljs-attr">data-annual</span>=<span class="hljs-string">"29"</span>&nbsp;<span class="hljs-attr">data-monthly</span>=<span class="hljs-string">"49"</span>&gt;</span>29<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
-                </code>
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right">
-            <div class="my-7 my-lg-9 px-lg-7 border-left-lg border-gray-300">
-
-              <!-- Heading -->
-              <h6 class="text-uppercase font-weight-bold">
-                Jump to
-              </h6>
-
-              <!-- Links -->
-              <ul class="list mb-0">
-                <li class="list-item">
-                  <a class="list-link" href="#inview" data-scroll>Inview</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#pricing" data-scroll>Pricing</a>
-                </li>
-              </ul>
-
-            </div>
-          </div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-
-  </body>
-</html>
diff --git a/docs/devices.html b/docs/devices.html
deleted file mode 100644
index 44b052d..0000000
--- a/docs/devices.html
+++ /dev/null
@@ -1,1314 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-    
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-            
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Devices
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-            
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-            
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h1 class="mb-1 mr-3">Devices</h1>
-              <span class="badge rounded-pill bg-primary-soft mt-1">
-                <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-              </span>
-            </div>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Easily wrap your screenshots in iPhone X or Macbook device frames or create combos of both. iPhone X screenshot should be 720 x 450px or of the same ratio. Macbook screenshot should be 500 x 1080px or of the same ratio.
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-                <div class="row">
-                  <div class="col-12 col-md-3">
-
-                    <!-- iPhone -->
-                    <div class="device device-iphonex">
-                      <img src="../assets/img/screenshots/mobile/jobs.jpg" class="device-screen" alt="...">
-                      <img src="../assets/img/devices/iphonex.svg" class="img-fluid" alt="...">
-                    </div>
-
-                  </div>
-                  <div class="col-12 col-md-9">
-
-                    <!-- Macbook -->
-                    <div class="device device-macbook">
-                      <img src="../assets/img/screenshots/desktop/jobs.jpg" class="device-screen" alt="...">
-                      <img src="../assets/img/devices/macbook.svg" class="img-fluid" alt="...">
-                    </div>
-                  
-                  </div>
-                </div>
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;!--&nbsp;iPhone&nbsp;--&gt;<br/>&lt;div&nbsp;class=&quot;device&nbsp;device-iphonex&quot;&gt;<br/>&nbsp;&nbsp;&lt;img&nbsp;src=&quot;assets/img/screenshots/mobile/jobs.jpg&quot;&nbsp;class=&quot;device-screen&quot;&nbsp;alt=&quot;...&quot;&gt;<br/>&nbsp;&nbsp;&lt;img&nbsp;src=&quot;assets/img/devices/iphonex.svg&quot;&nbsp;class=&quot;img-fluid&quot;&nbsp;alt=&quot;...&quot;&gt;<br/>&lt;/div&gt;<br/><br/>&lt;!--&nbsp;Macbook&nbsp;--&gt;<br/>&lt;div&nbsp;class=&quot;device&nbsp;device-macbook&quot;&gt;<br/>&nbsp;&nbsp;&lt;img&nbsp;src=&quot;assets/img/screenshots/desktop/jobs.jpg&quot;&nbsp;class=&quot;device-screen&quot;&nbsp;alt=&quot;...&quot;&gt;<br/>&nbsp;&nbsp;&lt;img&nbsp;src=&quot;assets/img/devices/macbook.svg&quot;&nbsp;class=&quot;img-fluid&quot;&nbsp;alt=&quot;...&quot;&gt;<br/>&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="combo">Combo</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Three options to combine devices are available.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-                <div class="row align-items-center">
-                  <div class="col-12 col-md-4">
-                    
-                    <!-- Macbook + iPhone -->
-                    <div class="device-combo device-combo-macbook-iphonex">
-
-                      <!-- iPhone -->
-                      <div class="device device-iphonex">
-                        <img src="../assets/img/screenshots/mobile/jobs.jpg" class="device-screen" alt="...">
-                        <img src="../assets/img/devices/iphonex.svg" class="img-fluid" alt="...">
-                      </div>
-
-                      <!-- Macbook -->
-                      <div class="device device-macbook">
-                        <img src="../assets/img/screenshots/desktop/jobs.jpg" class="device-screen" alt="...">
-                        <img src="../assets/img/devices/macbook.svg" class="img-fluid" alt="...">
-                      </div>
-
-                    </div>
-
-                  </div>
-                  <div class="col-12 col-md-4">
-                    
-                    <!-- iPhone + iPhone -->
-                    <div class="device-combo device-combo-iphonex-iphonex">
-
-                      <!-- iPhone -->
-                      <div class="device device-iphonex">
-                        <img src="../assets/img/screenshots/mobile/jobs.jpg" class="device-screen" alt="...">
-                        <img src="../assets/img/devices/iphonex.svg" class="img-fluid" alt="...">
-                      </div>
-
-                      <!-- iPhone -->
-                      <div class="device device-iphonex">
-                        <img src="../assets/img/screenshots/mobile/jobs.jpg" class="device-screen" alt="...">
-                        <img src="../assets/img/devices/iphonex.svg" class="img-fluid" alt="...">
-                      </div>
-
-                    </div>
-
-                  </div>
-                  <div class="col-12 col-md-4">
-                    
-                    <!-- iPhone + Macbook -->
-                    <div class="device-combo device-combo-iphonex-macbook">
-
-                      <!-- iPhone -->
-                      <div class="device device-iphonex">
-                        <img src="../assets/img/screenshots/mobile/jobs.jpg" class="device-screen" alt="...">
-                        <img src="../assets/img/devices/iphonex.svg" class="img-fluid" alt="...">
-                      </div>
-
-                      <!-- Macbook -->
-                      <div class="device device-macbook">
-                        <img src="../assets/img/screenshots/desktop/jobs.jpg" class="device-screen" alt="...">
-                        <img src="../assets/img/devices/macbook.svg" class="img-fluid" alt="...">
-                      </div>
-
-                    </div>
-
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;!--&nbsp;Macbook&nbsp;+&nbsp;iPhone&nbsp;--&gt;<br/>&lt;div&nbsp;class=&quot;device-combo&nbsp;device-combo-macbook-iphonex&quot;&gt;<br/><br/>&nbsp;&nbsp;&lt;!--&nbsp;iPhone&nbsp;--&gt;<br/>&nbsp;&nbsp;&lt;div&nbsp;class=&quot;device&nbsp;device-iphonex&quot;&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;src=&quot;assets/img/screenshots/mobile/jobs.jpg&quot;&nbsp;class=&quot;device-screen&quot;&nbsp;alt=&quot;...&quot;&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;src=&quot;assets/img/devices/iphonex.svg&quot;&nbsp;class=&quot;img-fluid&quot;&nbsp;alt=&quot;...&quot;&gt;<br/>&nbsp;&nbsp;&lt;/div&gt;<br/><br/>&nbsp;&nbsp;&lt;!--&nbsp;Macbook&nbsp;--&gt;<br/>&nbsp;&nbsp;&lt;div&nbsp;class=&quot;device&nbsp;device-macbook&quot;&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;src=&quot;assets/img/screenshots/desktop/jobs.jpg&quot;&nbsp;class=&quot;device-screen&quot;&nbsp;alt=&quot;...&quot;&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;src=&quot;assets/img/devices/macbook.svg&quot;&nbsp;class=&quot;img-fluid&quot;&nbsp;alt=&quot;...&quot;&gt;<br/>&nbsp;&nbsp;&lt;/div&gt;<br/><br/>&lt;/div&gt;<br/><br/>&lt;!--&nbsp;iPhone&nbsp;+&nbsp;iPhone&nbsp;--&gt;<br/>&lt;div&nbsp;class=&quot;device-combo&nbsp;device-combo-iphonex-iphonex&quot;&gt;<br/><br/>&nbsp;&nbsp;&lt;!--&nbsp;iPhone&nbsp;--&gt;<br/>&nbsp;&nbsp;&lt;div&nbsp;class=&quot;device&nbsp;device-iphonex&quot;&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;src=&quot;assets/img/screenshots/mobile/jobs.jpg&quot;&nbsp;class=&quot;device-screen&quot;&nbsp;alt=&quot;...&quot;&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;src=&quot;assets/img/devices/iphonex.svg&quot;&nbsp;class=&quot;img-fluid&quot;&nbsp;alt=&quot;...&quot;&gt;<br/>&nbsp;&nbsp;&lt;/div&gt;<br/><br/>&nbsp;&nbsp;&lt;!--&nbsp;iPhone&nbsp;--&gt;<br/>&nbsp;&nbsp;&lt;div&nbsp;class=&quot;device&nbsp;device-iphonex&quot;&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;src=&quot;assets/img/screenshots/mobile/jobs.jpg&quot;&nbsp;class=&quot;device-screen&quot;&nbsp;alt=&quot;...&quot;&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;src=&quot;assets/img/devices/iphonex.svg&quot;&nbsp;class=&quot;img-fluid&quot;&nbsp;alt=&quot;...&quot;&gt;<br/>&nbsp;&nbsp;&lt;/div&gt;<br/><br/>&lt;/div&gt;<br/><br/>&lt;!--&nbsp;iPhone&nbsp;+&nbsp;Macbook&nbsp;--&gt;<br/>&lt;div&nbsp;class=&quot;device-combo&nbsp;device-combo-iphonex-macbook&quot;&gt;<br/><br/>&nbsp;&nbsp;&lt;!--&nbsp;iPhone&nbsp;--&gt;<br/>&nbsp;&nbsp;&lt;div&nbsp;class=&quot;device&nbsp;device-iphonex&quot;&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;src=&quot;assets/img/screenshots/mobile/jobs.jpg&quot;&nbsp;class=&quot;device-screen&quot;&nbsp;alt=&quot;...&quot;&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;src=&quot;assets/img/devices/iphonex.svg&quot;&nbsp;class=&quot;img-fluid&quot;&nbsp;alt=&quot;...&quot;&gt;<br/>&nbsp;&nbsp;&lt;/div&gt;<br/><br/>&nbsp;&nbsp;&lt;!--&nbsp;Macbook&nbsp;--&gt;<br/>&nbsp;&nbsp;&lt;div&nbsp;class=&quot;device&nbsp;device-macbook&quot;&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;src=&quot;assets/img/screenshots/desktop/jobs.jpg&quot;&nbsp;class=&quot;device-screen&quot;&nbsp;alt=&quot;...&quot;&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;src=&quot;assets/img/devices/macbook.svg&quot;&nbsp;class=&quot;img-fluid&quot;&nbsp;alt=&quot;...&quot;&gt;<br/>&nbsp;&nbsp;&lt;/div&gt;<br/><br/>&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-            
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right">
-            <div class="my-7 my-lg-9 px-lg-7 border-left-lg border-gray-300">
-
-              <!-- Heading -->
-              <h6 class="text-uppercase font-weight-bold">
-                Jump to
-              </h6>
-
-              <!-- Links -->
-              <ul class="list mb-0">
-                <li class="list-item">
-                  <a class="list-link" href="#combo" data-scroll>Combo</a>
-                </li>
-              </ul>
-            
-            </div>
-          </div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-      
-  </body>
-</html>
\ No newline at end of file
diff --git a/docs/dropdowns.html b/docs/dropdowns.html
deleted file mode 100644
index acc50fd..0000000
--- a/docs/dropdowns.html
+++ /dev/null
@@ -1,1286 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Dropdowns
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 pt-7 pt-lg-9 pb-14 px-lg-7">
-
-            <!-- Heading -->
-            <h1 class="mb-1">
-              Dropdowns
-            </h1>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Toggle contextual overlays for displaying lists of links and more with the Bootstrap dropdown plugin.
-            </p>
-
-            <!-- Bootstrap/Plugin Link -->
-            <p>
-              <a class="text-decoration-none" href="https://getbootstrap.com/docs/4.0/components/dropdowns/" target="_blank">
-                <i class="fe fe-external-link pr-1"></i>
-                Bootstrap documentation
-              </a>
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body d-flex flex-wrap">
-
-                <div class="dropdown mr-1 mb-1">
-                  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static">
-                    Dropdown button
-                  </button>
-                  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
-                    <a class="dropdown-item" href="#!">Action</a>
-                    <a class="dropdown-item" href="#!">Another action</a>
-                    <a class="dropdown-item" href="#!">Something else here</a>
-                  </div>
-                </div>
-
-                <div class="dropdown mr-1 mb-1">
-                  <button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButtonTwo" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                    Dropdown button
-                  </button>
-                  <div class="dropdown-menu" aria-labelledby="dropdownMenuButtonTwo">
-                    <a class="dropdown-item" href="#!">Action</a>
-                    <a class="dropdown-item" href="#!">Another action</a>
-                    <a class="dropdown-item" href="#!">Something else here</a>
-                  </div>
-                </div>
-
-                <div class="btn-group mb-1">
-
-                  <button type="button" class="btn btn-danger">Action</button>
-                  <button type="button" class="btn btn-danger dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                    <span class="sr-only">Toggle Dropdown</span>
-                  </button>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="#">Action</a>
-                    <a class="dropdown-item" href="#">Another action</a>
-                    <a class="dropdown-item" href="#">Something else here</a>
-                  </div>
-
-                </div>
-
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h3 class="font-weight-bold mr-3" id="sizing">Sizing</h3>
-              <span class="badge rounded-pill bg-primary-soft mb-2">
-                <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-              </span>
-            </div>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Create a small variation of the dropdown menu element with a <code>.dropdown-menu-xs</code> modifier.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <div class="dropdown">
-                  <button class="btn btn-xs btn-primary dropdown-toggle" type="button" id="dropdownMenuExtraSmall" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                    Dropdown button
-                  </button>
-                  <div class="dropdown-menu dropdown-menu-xs" aria-labelledby="dropdownMenuExtraSmall">
-                    <a class="dropdown-item" href="#!">Action</a>
-                    <a class="dropdown-item" href="#!">Another action</a>
-                    <a class="dropdown-item" href="#!">Something else here</a>
-                  </div>
-                </div>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;dropdown-menu&nbsp;dropdown-menu-xs&quot;&gt;...&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right">
-            <div class="my-7 my-lg-9 px-lg-7 border-left-lg border-gray-300">
-
-              <!-- Heading -->
-              <h6 class="text-uppercase font-weight-bold">
-                Jump to
-              </h6>
-
-              <!-- Links -->
-              <ul class="list mb-0">
-                <li class="list-item">
-                  <a class="list-link" href="#sizing" data-scroll>Sizing</a>
-                </li>
-              </ul>
-
-            </div>
-          </div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-
-  </body>
-</html>
diff --git a/docs/dropzone.html b/docs/dropzone.html
deleted file mode 100644
index 776c6a6..0000000
--- a/docs/dropzone.html
+++ /dev/null
@@ -1,1224 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Dropzone
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h1 class="mb-1 mr-3">Dropzone</h1>
-              <span class="badge rounded-pill bg-primary-soft mt-1">
-                <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-              </span>
-            </div>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Drag and drop file uploads with image previews powered by Dropzone.js. You can pass any options supported by the plugin via the data-options attribute. The value must be a valid JSON object.
-            </p>
-
-            <!-- Bootstrap/Plugin Link -->
-            <p>
-              <a class="text-decoration-none" href="http://www.dropzonejs.com/" target="_blank">
-                <i class="fe fe-external-link pr-1"></i>
-                Plugin documentation
-              </a>
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <!-- Dropzone -->
-                <div class="dropzone dropzone-single" data-dropzone='{"url": "https://", "maxFiles": 1, "acceptedFiles": "image/*"}'>
-
-                  <!-- Fallback -->
-                  <div class="fallback">
-                    <div class="custom-file">
-                      <input type="file" class="custom-file-input" id="projectCoverUploads">
-                      <label class="custom-file-label" for="projectCoverUploads">Choose file</label>
-                    </div>
-                  </div>
-
-                  <!-- Preview -->
-                  <div class="dz-preview dz-preview-single">
-                    <div class="dz-preview-cover">
-                      <img class="dz-preview-img" src="data:image/svg+xml,%3csvg3c/svg%3e" alt="..." data-dz-thumbnail>
-                    </div>
-                  </div>
-
-                </div>
-
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;dropzone&nbsp;dropzone-single&quot;&nbsp;data-dropzone='{&quot;url&quot;:&nbsp;&quot;https://&quot;,&nbsp;&quot;maxFiles&quot;:&nbsp;1,&nbsp;&quot;acceptedFiles&quot;:&nbsp;&quot;image/*&quot;}'&gt;<br /><br />&nbsp;&nbsp;&lt;!--&nbsp;Fallback&nbsp;--&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;fallback&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class=&quot;custom-file&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;input&nbsp;type=&quot;file&quot;&nbsp;class=&quot;custom-file-input&quot;&nbsp;id=&quot;projectCoverUploads&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;label&nbsp;class=&quot;custom-file-label&quot;&nbsp;for=&quot;projectCoverUploads&quot;&gt;Choose&nbsp;file&lt;/label&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&lt;/div&gt;<br /><br />&nbsp;&nbsp;&lt;!--&nbsp;Preview&nbsp;--&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;dz-preview&nbsp;dz-preview-single&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class=&quot;dz-preview-cover&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;class=&quot;dz-preview-img&quot;&nbsp;src=&quot;data:image/svg+xml,%3csvg3c/svg%3e&quot;&nbsp;alt=&quot;...&quot;&nbsp;data-dz-thumbnail&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&lt;/div&gt;<br /><br />&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right"></div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-
-  </body>
-</html>
diff --git a/docs/dummy.html b/docs/dummy.html
deleted file mode 100644
index f26c9e4..0000000
--- a/docs/dummy.html
+++ /dev/null
@@ -1,1185 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-    
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-            
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Introduction
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-            
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-            
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            
-            
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right">
-            <div class="my-7 my-lg-9 px-lg-7 border-left-lg border-gray-300">
-
-              <!-- Heading -->
-              <h6 class="text-uppercase font-weight-bold">
-                Jump to
-              </h6>
-
-              <!-- Links -->
-              <ul class="list mb-0">
-                <li class="list-item">
-                  <a class="list-link" href="#" data-scroll></a>
-                </li>
-              </ul>
-            
-            </div>
-          </div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-      
-  </body>
-</html>
\ No newline at end of file
diff --git a/docs/figma.html b/docs/figma.html
deleted file mode 100644
index b5631f1..0000000
--- a/docs/figma.html
+++ /dev/null
@@ -1,1250 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-    
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-            
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Figma
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-            
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-            
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <h1 class="mb-1" id="alerts">Figma</h1>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Landkit was designed in Figma, the best new design tool.
-            </p>
-
-            <!-- Bootstrap/Plugin Link -->
-            <p>
-              <a class="text-decoration-none" href="https://www.figma.com" target="_blank">
-                <i class="fe fe-external-link pr-1"></i>
-                Figma website
-              </a>
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold" id="whyFigma">Why Figma?</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700">
-              While Figma is a relatively new design tool, it has taken the top spot in our design toolkit. Having been a Sketch user since it's inception, it was a big decision to switch...but we so glad we did. Here are the biggest benefits we've found with Figma:
-            </p>
-
-            <!-- List -->
-            <ul class="text-gray-700">
-              <li>Performance is significantly better with large files</li>
-              <li>Work on any machine and you have "the latest"</li>
-              <li>Built in version history</li>
-              <li>Components and shared styles are better suited for building a design system</li>
-              <li>The ability to work collaboratively at the same time</li>
-            </ul>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-7">
-              The only downsides we've seen are that it takes a while to get used to different shortcut keys, and pasting assets into files doesn't work as well. The transition is hard in the beginning, but well worth it. 
-            </p>
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold" id="unofficialFile">Unofficial Figma File</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700">
-              Since we work pretty fluidly between Figma and actual code, we've decided it's a better investment of time to continue improving Landkit over babysitting our design file. That said, we realize it can be super useful to have a design resource to rough out new pages or spin up component variations. To that end, we provide an "unofficial" Landkit Figma file for you to play with.
-            </p>
-
-            <!-- Text -->
-            <p class="text-gray-700">
-              The file is far from perfect, and is relatively disorganized, but the type and colors systems are well utilized and the overall layouts are quite close to the live product. To play with design:
-            </p>
-
-            <!-- List -->
-            <ol class="text-gray-700 mb-7">
-              <li><a href="https://www.figma.com" target="_blank">Download Figma</a></li>
-              <li>Open the Figma link from the <code>README.md</code></li>
-              <li>The file is "read-only", so you'll have to duplicate it! Go to your grid of documents in Figma, click the ellipsis icon on <code>Landkit (Distributed)</code>, and then "Duplicate" to create an editable version.</li>
-            </ol>
-
-            <!-- Screenshot -->
-            <img class="img-fluid screenshot" src="../assets/img/screenshots/landkit/figma.jpg">
-            
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right">
-            <div class="my-7 my-lg-9 px-lg-7 border-left-lg border-gray-300">
-
-              <!-- Heading -->
-              <h6 class="text-uppercase font-weight-bold">
-                Jump to
-              </h6>
-
-              <!-- Links -->
-              <ul class="list mb-0">
-                <li class="list-item">
-                  <a class="list-link" href="#whyFigma" data-scroll>Why Figma</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#unofficialFile" data-scroll>Unofficial File</a>
-                </li>
-              </ul>
-            
-            </div>
-          </div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-      
-  </body>
-</html>
\ No newline at end of file
diff --git a/docs/flickity.html b/docs/flickity.html
deleted file mode 100644
index ea08c5b..0000000
--- a/docs/flickity.html
+++ /dev/null
@@ -1,1478 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Flickity
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h1 class="mb-1 mr-3">Flickity</h1>
-              <span class="badge rounded-pill bg-primary-soft mt-1">
-                <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-              </span>
-            </div>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Touch, responsive, flickable carousels.
-            </p>
-
-            <!-- Bootstrap/Plugin Link -->
-            <p>
-              <a class="text-decoration-none" href="https://flickity.metafizzy.co/" target="_blank">
-                <i class="fe fe-external-link pr-1"></i>
-                Plugin documentation
-              </a>
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <!-- Flickity -->
-                <div data-flickity='{"pageDots": false,"cellAlign": "left", "wrapAround": true, "imagesLoaded": true}'>
-                  <div class="col-12 col-md-4 px-1">
-                    <img src="../assets/img/covers/cover-5.jpg" class="img-fluid" alt="...">
-                  </div>
-                  <div class="col-12 col-md-4 px-1">
-                    <img src="../assets/img/covers/cover-6.jpg" class="img-fluid" alt="...">
-                  </div>
-                  <div class="col-12 col-md-4 px-1">
-                    <img src="../assets/img/covers/cover-7.jpg" class="img-fluid" alt="...">
-                  </div>
-                  <div class="col-12 col-md-4 px-1">
-                    <img src="../assets/img/covers/cover-8.jpg" class="img-fluid" alt="...">
-                  </div>
-                </div>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;data-flickity='{&quot;pageDots&quot;:&nbsp;false,&quot;cellAlign&quot;:&nbsp;&quot;left&quot;,&nbsp;&quot;wrapAround&quot;:&nbsp;true,&nbsp;&quot;imagesLoaded&quot;:&nbsp;true}'&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;col-12&nbsp;col-md-4&nbsp;px-1&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;src=&quot;../assets/img/covers/cover-5.jpg&quot;&nbsp;class=&quot;img-fluid&quot;&nbsp;alt=&quot;...&quot;&gt;<br />&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;col-12&nbsp;col-md-4&nbsp;px-1&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;src=&quot;../assets/img/covers/cover-6.jpg&quot;&nbsp;class=&quot;img-fluid&quot;&nbsp;alt=&quot;...&quot;&gt;<br />&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;col-12&nbsp;col-md-4&nbsp;px-1&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;src=&quot;../assets/img/covers/cover-7.jpg&quot;&nbsp;class=&quot;img-fluid&quot;&nbsp;alt=&quot;...&quot;&gt;<br />&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;col-12&nbsp;col-md-4&nbsp;px-1&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;src=&quot;../assets/img/covers/cover-8.jpg&quot;&nbsp;class=&quot;img-fluid&quot;&nbsp;alt=&quot;...&quot;&gt;<br />&nbsp;&nbsp;&lt;/div&gt;<br />&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="navigationColor">Navigation color</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Create a white variation of the navigation buttons with a <code>.flickity-button-white</code> modifier.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <!-- Flickity -->
-                <div class="flickity-button-white" data-flickity='{"pageDots": false,"cellAlign": "left", "wrapAround": true, "imagesLoaded": true}'>
-                  <div class="col-12 col-md-4 px-1">
-                    <img src="../assets/img/covers/cover-5.jpg" class="img-fluid" alt="...">
-                  </div>
-                  <div class="col-12 col-md-4 px-1">
-                    <img src="../assets/img/covers/cover-6.jpg" class="img-fluid" alt="...">
-                  </div>
-                  <div class="col-12 col-md-4 px-1">
-                    <img src="../assets/img/covers/cover-7.jpg" class="img-fluid" alt="...">
-                  </div>
-                  <div class="col-12 col-md-4 px-1">
-                    <img src="../assets/img/covers/cover-8.jpg" class="img-fluid" alt="...">
-                  </div>
-                </div>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;flickity-button-white&quot;&nbsp;data-flickity='{&quot;pageDots&quot;:&nbsp;false,&quot;cellAlign&quot;:&nbsp;&quot;left&quot;,&nbsp;&quot;wrapAround&quot;:&nbsp;true,&nbsp;&quot;imagesLoaded&quot;:&nbsp;true}'&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;col-12&nbsp;col-md-4&nbsp;px-1&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;src=&quot;../assets/img/covers/cover-5.jpg&quot;&nbsp;class=&quot;img-fluid&quot;&nbsp;alt=&quot;...&quot;&gt;<br />&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;col-12&nbsp;col-md-4&nbsp;px-1&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;src=&quot;../assets/img/covers/cover-6.jpg&quot;&nbsp;class=&quot;img-fluid&quot;&nbsp;alt=&quot;...&quot;&gt;<br />&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;col-12&nbsp;col-md-4&nbsp;px-1&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;src=&quot;../assets/img/covers/cover-7.jpg&quot;&nbsp;class=&quot;img-fluid&quot;&nbsp;alt=&quot;...&quot;&gt;<br />&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;col-12&nbsp;col-md-4&nbsp;px-1&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;src=&quot;../assets/img/covers/cover-8.jpg&quot;&nbsp;class=&quot;img-fluid&quot;&nbsp;alt=&quot;...&quot;&gt;<br />&nbsp;&nbsp;&lt;/div&gt;<br />&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="navigationPositioning">Navigation positioning</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Change the position of the navigation buttons with a <code>.flickity-buttons-inset</code> modifier.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <!-- Flickity -->
-                <div class="flickity-button-inset" data-flickity='{"pageDots": false,"cellAlign": "left", "wrapAround": true, "imagesLoaded": true}'>
-                  <div class="col-12 col-md-4 px-1">
-                    <img src="../assets/img/covers/cover-5.jpg" class="img-fluid" alt="...">
-                  </div>
-                  <div class="col-12 col-md-4 px-1">
-                    <img src="../assets/img/covers/cover-6.jpg" class="img-fluid" alt="...">
-                  </div>
-                  <div class="col-12 col-md-4 px-1">
-                    <img src="../assets/img/covers/cover-7.jpg" class="img-fluid" alt="...">
-                  </div>
-                  <div class="col-12 col-md-4 px-1">
-                    <img src="../assets/img/covers/cover-8.jpg" class="img-fluid" alt="...">
-                  </div>
-                </div>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;flickity-button-inset&quot;&nbsp;data-flickity='{&quot;pageDots&quot;:&nbsp;false,&quot;cellAlign&quot;:&nbsp;&quot;left&quot;,&nbsp;&quot;wrapAround&quot;:&nbsp;true,&nbsp;&quot;imagesLoaded&quot;:&nbsp;true}'&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;col-12&nbsp;col-md-4&nbsp;px-1&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;src=&quot;../assets/img/covers/cover-5.jpg&quot;&nbsp;class=&quot;img-fluid&quot;&nbsp;alt=&quot;...&quot;&gt;<br />&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;col-12&nbsp;col-md-4&nbsp;px-1&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;src=&quot;../assets/img/covers/cover-6.jpg&quot;&nbsp;class=&quot;img-fluid&quot;&nbsp;alt=&quot;...&quot;&gt;<br />&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;col-12&nbsp;col-md-4&nbsp;px-1&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;src=&quot;../assets/img/covers/cover-7.jpg&quot;&nbsp;class=&quot;img-fluid&quot;&nbsp;alt=&quot;...&quot;&gt;<br />&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;col-12&nbsp;col-md-4&nbsp;px-1&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;src=&quot;../assets/img/covers/cover-8.jpg&quot;&nbsp;class=&quot;img-fluid&quot;&nbsp;alt=&quot;...&quot;&gt;<br />&nbsp;&nbsp;&lt;/div&gt;<br />&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="visibleOverflow">Visible overflow</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Changes the overflow visibililty of the flickity viewport.
-            </p>
-
-            <!-- Flickity -->
-            <div class="flickity-viewport-visible pt-2 pb-9" data-flickity='{"cellAlign": "left", "imagesLoaded": true, "pageDots": false, "prevNextButtons": false, "contain": true}'>
-              <div class="col-12 col-md-5 col-lg-4">
-
-                <!-- Card -->
-                <div class="card card-border shadow-light-lg lift lift-lg" style="border-top-color: #FF5A5F;">
-                  <div class="card-body text-center">
-
-                    <!-- Icon -->
-                    <div class="img-fluid mb-5 w-50 svg-shim" style="color: #FF5A5F;">
-                      <svg viewBox="0 0 2761 991" xmlns="http://www.w3.org/2000/svg"><path d="M1447.629 301.83c0 28.119-22.658 50.76-50.777 50.76-28.118 0-50.76-22.641-50.76-50.76s21.87-50.76 50.76-50.76c28.915.78 50.777 23.43 50.777 50.76zm-209.316 102.317v12.5s-24.202-31.256-75.75-31.256c-85.121 0-151.517 64.828-151.517 154.638 0 89.037 65.615 154.638 151.517 154.638 52.328 0 75.75-32.02 75.75-32.02v13.271c0 6.25 4.697 10.923 10.939 10.923h63.252V393.177h-63.252c-6.242.024-10.939 5.5-10.939 10.97zm0 188.21c-11.703 17.189-35.14 32.028-63.251 32.028-49.98 0-88.258-31.24-88.258-84.356 0-53.11 38.277-84.349 88.258-84.349 27.338 0 52.328 15.62 63.251 32.02v104.658zm121.058-199.156h74.97v293.664h-74.97V393.2zm1119.954-7.818c-51.548 0-75.766 31.255-75.766 31.255V251.85h-74.97v435.015h63.267c6.25 0 10.923-5.47 10.923-10.94v-13.27s24.218 32.02 75.75 32.02c85.137 0 151.518-65.585 151.518-154.623s-66.38-154.669-150.722-154.669zm-12.499 238.214c-28.906 0-51.548-14.824-63.267-32.02V486.92c11.719-15.62 36.709-32.02 63.267-32.02 49.98 0 88.25 31.24 88.25 84.349 0 53.109-38.261 84.348-88.25 84.348zm-177.28-110.891v174.939h-74.985V521.288c0-48.412-15.62-67.949-57.767-67.949-22.642 0-46.08 11.72-60.942 28.907v204.626h-74.955V393.21h59.335c6.25 0 10.938 5.469 10.938 10.938v12.5c21.87-22.658 50.76-31.256 79.652-31.256 32.808 0 60.147 9.386 82.016 28.126 26.543 21.87 36.709 49.98 36.709 99.189zm-450.65-127.323c-51.532 0-75.75 31.255-75.75 31.255V251.85h-74.97v435.015h63.251c6.25 0 10.939-5.47 10.939-10.94v-13.27s24.218 32.02 75.75 32.02c85.137 0 151.518-65.585 151.518-154.623.78-89.045-65.6-154.669-150.737-154.669zm-12.498 238.214c-28.891 0-51.533-14.824-63.252-32.02V486.92c11.719-15.62 36.709-32.02 63.252-32.02 49.996 0 88.257 31.24 88.257 84.349 0 53.109-38.261 84.348-88.257 84.348zm-203.05-238.214c22.641 0 34.36 3.917 34.36 3.917v69.5s-62.48-21.088-101.52 23.438v205.399H1481.2V393.2h63.267c6.25 0 10.923 5.469 10.923 10.938v12.5c14.075-16.409 44.535-31.256 67.957-31.256zM844.705 660.306c-3.901-9.37-7.81-19.52-11.711-28.119-6.258-14.051-12.507-27.338-17.96-39.83l-.781-.78c-53.897-117.156-111.68-235.858-172.606-352.999l-2.34-4.696a1536.65 1536.65 0 01-18.734-36.71c-7.817-14.067-15.62-28.89-28.119-42.958-24.99-31.24-60.918-48.427-99.18-48.427-39.057 0-74.198 17.188-99.96 46.859-11.72 14.052-20.317 28.891-28.12 42.958a1695.173 1695.173 0 01-18.732 36.71l-2.349 4.696c-60.138 117.141-118.709 235.85-172.598 353l-.788 1.552c-5.462 12.514-11.719 25.786-17.968 39.83-3.901 8.597-7.803 17.968-11.704 28.118-10.158 28.892-13.287 56.23-9.37 84.357 8.59 58.578 47.632 107.763 101.529 129.647 20.309 8.598 41.398 12.5 63.26 12.5 6.249 0 14.051-.78 20.308-1.569 25.779-3.12 52.33-11.703 78.107-26.543 32.02-17.968 62.48-43.73 96.84-81.22 34.36 37.49 65.6 63.252 96.84 81.22 25.786 14.84 52.329 23.422 78.1 26.543 6.249.796 14.066 1.568 20.316 1.568 21.87 0 43.73-3.9 63.252-12.499 54.677-21.884 92.938-71.85 101.536-129.647 6.203-27.331 3.082-54.654-7.068-83.56zm-352.219 40.61c-42.178-53.109-69.517-103.09-78.88-145.252-3.9-17.968-4.688-33.588-2.34-47.647 1.553-12.5 6.25-23.438 12.499-32.808 14.84-21.074 39.83-34.36 68.729-34.36 28.907 0 54.677 12.498 68.736 34.36 6.25 9.37 10.931 20.316 12.507 32.808 2.333 14.067 1.553 30.46-2.348 47.647-9.402 41.383-36.74 91.37-78.903 145.252zm311.6 36.71c-5.46 40.61-32.8 75.765-71.06 91.385-18.742 7.802-39.058 10.15-59.352 7.802-19.52-2.348-39.057-8.598-59.35-20.3-28.119-15.636-56.23-39.83-89.038-75.767 51.54-63.252 82.78-121.058 94.5-172.59 5.469-24.218 6.257-46.08 3.9-66.397-3.113-19.52-10.15-37.489-21.081-53.109-24.226-35.156-64.843-55.45-110.127-55.45-45.283 0-85.901 21.09-110.111 55.45-10.93 15.62-17.968 33.588-21.09 53.11-3.12 20.316-2.348 42.958 3.902 66.395 11.71 51.533 43.73 110.112 94.491 173.371-32.02 35.929-60.919 60.147-89.037 75.766-20.31 11.72-39.822 17.969-59.343 20.302a124.96 124.96 0 01-59.359-7.803c-38.261-15.62-65.6-50.776-71.061-91.386-2.341-19.52-.788-39.042 7.03-60.91 2.332-7.819 6.249-15.62 10.15-24.991 5.47-12.499 11.703-25.786 17.96-39.057l.788-1.553c53.882-116.376 111.672-235.085 171.81-350.666l2.341-4.697c6.258-11.703 12.507-24.202 18.749-35.92 6.25-12.5 13.271-24.219 21.87-34.377 16.4-18.725 38.26-28.891 62.478-28.891 24.218 0 46.08 10.166 62.48 28.891 8.598 10.182 15.62 21.9 21.87 34.376 6.256 11.719 12.506 24.218 18.74 35.921l2.348 4.697a10341.109 10341.109 0 01171.038 351.446v.78c6.257 12.515 11.719 26.559 17.968 39.073 3.901 9.355 7.81 17.157 10.15 24.975 6.235 20.285 8.575 39.822 5.447 60.123z" fill="currentColor" fill-rule="nonzero"/></svg>                    </div>
-
-                    <!-- Text -->
-                    <p class="text-gray-700 mb-5">
-                      Uses Landkit to keep their remote teams from around the world in sync.
-                    </p>
-
-                    <!-- Link -->
-                    <a href="#!" style="color: #FF5A5F;">Read more</a>
-
-                  </div>
-                </div>
-
-              </div>
-              <div class="col-12 col-md-5 col-lg-4">
-
-                <!-- Card -->
-                <div class="card card-border shadow-light-lg lift lift-lg" style="border-top-color: #B81D24;">
-                  <div class="card-body text-center">
-
-                    <!-- Icon -->
-                    <div class="img-fluid mb-5 w-50 svg-shim" style="color: #B81D24;">
-                      <svg viewBox="0 0 2761 991" xmlns="http://www.w3.org/2000/svg"><path d="M2140.629 749.008c29.915 2.896 59.815 6.007 89.644 9.225l65.859-162.412 62.6 177.393a7894.176 7894.176 0 0196.232 12.643l-109.75-311.073L2455 204.021h-92.981l-.967 1.33-59.307 146.273-52.068-147.581h-91.807l94.779 268.625-112.013 276.34h-.007zm-69.432-6.364V204.02h-91.77v531.064c30.609 2.36 61.233 4.892 91.77 7.552v.007zm-689.374-30.12c24.774 0 49.52.186 74.222.386V515.03h110.244v-84.267h-110.237V288.388h126.97v-84.367h-219.099v508.575c5.95 0 11.929-.093 17.9-.072zm-284.928 5.149a8147.87 8147.87 0 0191.82-2.746V288.402h85.779v-84.36h-263.377v84.36h85.792v429.27h-.014zm-701.862 56.793V453.568l108.662 307.94a7954.136 7954.136 0 01100.442-10.605V204.03h-88.055v332.396L398.828 204.03H307V786h.551c29.092-4.019 58.284-7.837 87.482-11.534zM922.625 288.38v-84.352h-219.12v537.757a7890.227 7890.227 0 01218.941-15.81v-84.432a7642.138 7642.138 0 00-126.805 8.445V515.066h110.244v-84.317H795.64V288.38h126.984zm842.27 349.13V204h-92.171v513.98c73.32 2.69 146.352 6.436 219.142 11.156v-84.481a8007.367 8007.367 0 00-126.97-7.151v.007z" fill="currentColor" fill-rule="nonzero"/></svg>                    </div>
-
-                    <!-- Text -->
-                    <p class="text-gray-700 mb-5">
-                      Uses Landkit to document their processes for acquiring shows.
-                    </p>
-
-                    <!-- Link -->
-                    <a href="#!" style="color: #B81D24;">Read more</a>
-
-                  </div>
-                </div>
-
-              </div>
-              <div class="col-12 col-md-5 col-lg-4">
-
-                <!-- Card -->
-                <div class="card card-border shadow-light-lg lift lift-lg" style="border-top-color: #0081C9;">
-                  <div class="card-body text-center">
-
-                    <!-- Icon -->
-                    <div class="img-fluid mb-5 w-50 svg-shim" style="color: #0081C9;">
-                      <svg viewBox="0 0 2761 991" xmlns="http://www.w3.org/2000/svg"><path d="M326.558 759C247.442 759 170 702.045 170 573.476c0-128.987 77.442-185.105 156.558-185.105 38.93 0 69.489 10.051 91.256 24.29l-23.86 52.349c-14.652-10.47-36.42-17.17-58.187-17.17-47.72 0-91.255 37.69-91.255 124.799 0 87.108 44.79 125.636 91.255 125.636 21.768 0 43.535-6.7 58.186-17.17l23.861 53.605C395.209 749.787 365.488 759 326.558 759zm272.512 0c-100.884 0-156.558-79.989-156.558-185.524s55.255-185.105 156.558-185.105c100.883 0 156.558 79.151 156.558 185.105C755.628 679.011 699.953 759 599.07 759zm0-313.255c-56.093 0-83.721 50.255-83.721 126.894 0 76.638 27.628 127.312 83.72 127.312 56.094 0 83.722-50.674 83.722-127.312 0-76.639-27.628-126.894-83.721-126.894zm253.674-114.748c-23.86 0-43.116-18.427-43.116-41.042 0-22.614 19.256-41.041 43.116-41.041s43.116 18.427 43.116 41.041c0 22.615-19.674 41.042-43.116 41.042zm-36.418 64.493h72.837v355.972h-72.837V395.49zm358.325 355.972V514.008c0-41.46-25.116-67.425-74.511-67.425-26.373 0-50.652 4.606-65.303 10.47V751.88h-72V413.498c35.582-14.657 81.21-25.127 136.884-25.127 99.628 0 147.767 43.554 147.767 118.936v244.574h-72.837v-.42zm264.14 7.538c-46.047 0-91.675-11.307-119.721-25.127V233h72v171.704c17.163-7.957 44.79-14.658 69.488-14.658 91.675 0 154.047 66.169 154.047 175.054 0 134.432-69.489 193.9-175.814 193.9zM1448 446.583c-19.674 0-43.116 4.606-56.93 11.726v233.685c10.465 4.606 30.977 9.213 51.488 9.213 57.349 0 99.628-39.785 99.628-130.662.419-77.895-36.419-123.962-94.186-123.962zM1810.512 759c-102.14 0-154.047-41.46-154.047-111.817 0-99.253 105.488-116.842 213.07-122.705v-22.615c0-44.81-29.721-60.724-75.349-60.724-33.488 0-74.512 10.47-98.372 21.777l-18.419-49.418c28.465-12.563 76.605-25.127 124.326-25.127 84.977 0 136.884 33.084 136.884 121.03v224.472c-25.535 13.82-77.86 25.127-128.093 25.127zm59.441-186.361c-72.837 3.769-145.255 10.05-145.255 73.288 0 37.69 28.883 60.724 83.72 60.724 23.024 0 50.233-3.769 61.535-9.213v-124.8zM2101.023 759c-41.442 0-84.976-11.307-110.93-25.127l24.28-55.28c18.418 11.307 57.348 23.033 84.557 23.033 38.93 0 64.884-19.265 64.884-48.999 0-32.246-27.21-44.81-63.21-58.211-47.72-18.008-100.883-39.785-100.883-106.373 0-58.63 45.628-99.672 124.744-99.672 43.116 0 78.698 10.47 103.814 25.127l-22.605 50.255c-15.907-10.05-47.72-20.94-73.255-20.94-37.675 0-58.605 19.684-58.605 45.649 0 32.247 26.372 43.554 61.535 56.955 49.395 18.427 104.232 38.948 104.232 108.467C2239.163 717.12 2190.186 759 2101.023 759zm489.35-187.199l-236.513 33.084c7.117 64.075 48.977 96.322 108.838 96.322 35.581 0 74.093-8.795 98.372-21.777l20.93 54.024c-27.628 14.657-75.349 25.127-124.326 25.127-112.186 0-174.976-72.032-174.976-185.524 0-108.885 60.697-185.105 160.325-185.105 92.512 0 147.35 60.725 147.35 156.628.836 8.794.836 18.008 0 27.221zm-147.768-130.662c-55.256 0-91.675 42.297-92.93 116.423l172.465-23.87c-.838-61.982-32.233-92.553-79.535-92.553z" fill="currentColor" fill-rule="nonzero"/></svg>                    </div>
-
-
-                    <!-- Text -->
-                    <p class="text-gray-700 mb-5">
-                      Uses Landkit to share their brand assets across their teams.
-                    </p>
-
-                    <!-- Link -->
-                    <a href="#!" style="color: #0081C9;">Read more</a>
-
-                  </div>
-                </div>
-
-              </div>
-              <div class="col-12 col-md-5 col-lg-4">
-
-                <!-- Card -->
-                <div class="card card-border shadow-light-lg lift lift-lg" style="border-top-color: #6772E5;">
-                  <div class="card-body text-center">
-
-                    <!-- Icon -->
-                    <div class="img-fluid mb-5 w-50 svg-shim" style="color: #6772E5;">
-                      <svg viewBox="0 0 2761 991" xmlns="http://www.w3.org/2000/svg"><path d="M666.751 420.38c0-17.962 14.764-24.873 39.222-24.873 35.063 0 79.355 10.597 114.42 29.482V316.742c-38.293-15.2-76.126-21.188-114.42-21.188-93.665 0-155.952 48.827-155.952 130.358 0 127.126 175.326 106.861 175.326 161.676 0 21.185-18.453 28.096-44.292 28.096-38.294 0-87.203-15.662-125.96-36.85V688.46c42.91 18.425 86.28 26.253 125.96 26.253 95.968 0 161.947-47.44 161.947-129.892-.46-137.263-176.25-112.852-176.25-164.442zM978.65 203.432l-112.579 23.95-.46 368.954c0 68.175 51.215 118.378 119.5 118.378 37.834 0 65.516-6.908 80.741-15.2V606.01c-14.76 5.988-87.663 27.176-87.663-40.996V401.495h87.663v-98.11H978.19l.46-99.953zm230.697 134.037l-7.384-34.084h-99.66v403.038h115.349V433.28c27.218-35.467 73.36-29.019 87.663-23.954v-105.94c-14.764-5.53-68.747-15.663-95.968 34.083zm124.111-34.084h115.81v403.038h-115.81V303.385zm0-35.007l115.81-24.873V150l-115.81 24.413v93.965zm356.654 27.176c-45.217 0-74.284 21.188-90.43 35.93l-6.002-28.559h-101.502V840l115.345-24.41.464-130.355c16.61 11.977 41.061 29.019 81.665 29.019 82.589 0 157.795-66.329 157.795-212.343-.461-133.58-76.591-206.357-157.335-206.357zm-27.682 317.364c-27.222 0-43.374-9.67-54.443-21.647l-.464-170.89c11.997-13.357 28.607-22.568 54.907-22.568 41.986 0 71.053 46.98 71.053 107.32 0 61.724-28.607 107.785-71.053 107.785zm548.59-106.401c0-117.918-57.213-210.963-166.56-210.963-109.814 0-176.254 93.048-176.254 210.043 0 138.643 78.44 208.657 191.015 208.657 54.907 0 96.432-12.437 127.806-29.939V592.19c-31.37 15.663-67.361 25.337-113.039 25.337-44.756 0-84.435-15.663-89.509-70.015h225.62c0-5.991.922-29.941.922-40.995zm-227.926-43.758c0-52.05 31.838-73.7 60.905-73.7 28.143 0 58.135 21.65 58.135 73.7h-119.04z" fill="currentColor" fill-rule="nonzero"/></svg>                    </div>
-
-
-                    <!-- Text -->
-                    <p class="text-gray-700 mb-5">
-                      Uses Landkit to plan their product development with engineering.
-                    </p>
-
-                    <!-- Link -->
-                    <a href="#!" style="color: #6772E5;">Read more</a>
-
-                  </div>
-                </div>
-
-              </div>
-              <div class="col-12 col-md-5 col-lg-4">
-
-                <!-- Card -->
-                <div class="card card-border shadow-light-lg lift lift-lg" style="border-top-color: #CB2027;">
-                  <div class="card-body text-center">
-
-                    <!-- Icon -->
-                    <div class="img-fluid mb-5 w-50 svg-shim" style="color: #CB2027;">
-                      <svg viewBox="0 0 2761 991" xmlns="http://www.w3.org/2000/svg"><path d="M705.019 399.95c27.127 0 53.153-22.584 57.68-50.446 5.35-27.119-13.037-49.703-40.144-49.703-27.115 0-53.145 22.584-57.74 49.703-5.29 27.862 12.342 50.446 40.204 50.446zm1840.855 80.607h60.682c8.316 0 13.186-3.377 15.059-11.137a2716.172 2716.172 0 018.961-35.996c1.796-6.984-2.271-12.278-10.015-12.278h-59.879c4.314-17.161 21.107-72.876 21.107-109.2 0-72.54-61.598-134.244-149-134.244-98.708 0-162.925 66.243-162.925 159.455 0 27.188 10.144 58.879 22.717 78.537-5.411-.309-10.83-.462-16.25-.46-75.002 0-122.244 40.685-122.244 99.887 0 55.562 43.8 77.153 85.038 91.522 36.63 12.766 70.362 18.706 70.362 47.322 0 19.295-18.56 30.618-54.884 30.618-43.098 0-66.783-20.296-72.803-27.995 4.083-3.208 10.156-10.846 10.156-23.573 0-17.802-12.505-32.332-35.73-32.332-19.65 0-36.263 16.027-40.435 37.11-31.561 25.82-66.008 42.553-114.864 42.553-48.105 0-73.074-25.021-73.074-78.263 11.278 3.434 40.645 7.558 60.053 7.558 81.455 0 136.968-37.01 136.968-111.124 0-39.854-34.987-81.709-104.204-81.709h-.157c-91.038 0-142.032 57.668-164.297 121.098a1300.764 1300.764 0 00-18.747-4.374c4.98-14.07 8.554-30.375 8.554-48.452 0-31.328-19.4-68.272-71.314-68.272-36.162 0-70.463 23.685-94.237 59.185 5.915-23.157 9.837-38.578 10.091-39.611 1.55-6.057-.972-12.803-10.418-12.803h-53.282c-7.594 0-12.953 2.683-15.112 11.33-1.448 5.766-19.755 77.597-37.577 147.54-11.226 43.61-69.298 97.897-142.287 97.897-48.113 0-73.061-26.667-73.061-79.93 12.589 5.012 40.64 9.22 60.04 9.22 84.768 0 136.968-37.008 136.968-111.123 0-39.854-34.983-81.709-104.207-81.709h-.15c-102.513 0-165.31 79.623-175.95 169.902-4.426 37.53-36.101 89.064-70.439 89.064-16.729 0-26.058-10.507-26.058-28.346 0-15.405 10.846-53.076 22.733-100.286 3.983-15.793 10.027-39.886 16.73-66.581h55.73c8.297 0 13.163-3.377 15.047-11.137 2.668-11.173 7.562-30.666 8.95-35.996 1.796-6.984-2.247-12.278-10.015-12.278h-54.803s25.23-100.674 25.832-103.26c2.429-10.237-6.137-16.144-15.1-14.26 0 0-42.359 8.292-50.215 9.93-7.896 1.598-14.025 5.936-16.878 17.319l-22.435 90.27h-44.005c-8.296 0-13.175 3.386-15.035 11.13a3732.041 3732.041 0 01-8.95 36.003c-1.82 6.985 2.244 12.279 10.003 12.279h43.155c-.307 1.235-15.587 59.363-27.947 111.418-5.818 25.033-25.303 83.61-57.212 83.61-19.061 0-27.115-9.616-27.115-30.239 0-32.477 31.97-113.779 31.97-150.67 0-49.28-26.438-77.832-80.6-77.832-34.14 0-69.54 22.044-84.541 41.391 0 0 4.551-15.837 6.109-21.926 1.662-6.432-1.788-12.75-10.233-12.75H837.25c-11.27 0-14.385 6.024-16.04 12.65-.661 2.658-19.743 77.588-38.062 149.52-12.528 49.255-42.972 90.412-75.523 90.412-16.737 0-24.19-10.503-24.19-28.341 0-15.414 9.959-53.448 21.842-100.653 14.457-57.471 27.212-104.797 28.576-110.325 1.78-7.086-1.388-13.26-10.52-13.26H670.06c-9.652 0-13.098 5.065-15.132 12.102 0 0-14.994 56.76-30.871 119.948-11.532 45.858-24.267 92.567-24.267 114.513 0 39.164 17.585 68.684 65.928 68.684 37.312 0 66.84-18.92 89.387-43.03-3.312 13.05-5.427 21.31-5.64 22.153-1.946 7.46.41 14.054 9.2 14.054h54.516c9.49 0 13.138-3.817 15.12-12.093 1.908-7.897 42.625-168.05 42.625-168.05 10.761-43.02 37.38-71.508 74.829-71.508 17.758 0 33.127 11.758 31.348 34.608-1.977 25.138-32.292 115.446-32.292 155.081 0 30 11.124 68.813 67.598 68.813 38.494 0 66.832-18.456 87.438-42.275 7.546 25.28 27.535 42.275 64.201 42.275 60.937 0 97.667-36.141 119.247-72.444 17.907 42.178 59.847 72.424 121.348 72.424 62.684 0 111.193-26.425 145.57-62.349l-10.72 42.053c-1.95 7.574 1.347 13.53 10.24 13.53h53.957c7.388 0 12.645-3.757 14.562-11.517.948-3.809 8.744-33.938 19.755-76.75 21.059-81.922 54.904-166.915 105.762-166.915 17.935 0 25.29 10.027 25.29 25.824 0 7.449-2.162 13.884-4.03 17.334-24.65-4.898-44.482 7.271-44.482 33.592 0 17.148 18.045 32.736 42.4 32.736 18.61 0 33.995-4.564 46.265-12.824a1729.855 1729.855 0 0136.15 7.86 237.795 237.795 0 00-2.829 35.904c0 65.754 46.951 121.518 131.11 121.518 65.947 0 111.204-24.125 150.27-55.054 18.78 30.727 66.195 55.558 128.402 55.558 85.26 0 133.615-44.332 133.615-102.932 0-53.04-43.541-72.562-88.443-88.815-36.5-13.186-66.944-20.356-66.944-46.152 0-21.144 16.644-30.815 45.171-30.815 18.509 0 32.405 3.986 39.826 6.068 7.36 18.42 22.588 38.817 48.585 38.817 21.999 0 31.877-17.399 31.877-33.422 0-45.612-75.98-50.393-75.98-148.214 0-60.827 34.42-111.006 105.702-111.006 49.53 0 81.874 31.408 81.874 82.1 0 41.794-25.348 116.196-25.348 116.196h-43.086c-8.28 0-13.166 3.385-15.038 11.128a3072.974 3072.974 0 01-8.966 36.004c-1.812 6.985 2.251 12.279 10.015 12.279h42.069s-43.49 160.391-43.49 189.56c0 39.164 22.072 68.676 70.435 68.676 68.406 0 111.152-44.454 129.738-109.095 1.444-4.999-1.388-9.07-6.452-9.07h-26.099c-5.209 0-8.231 2.97-9.546 8.062-5.896 22.947-20.506 47.088-49.276 47.088-16.729 0-26.054-10.507-26.054-28.342 0-15.41 10.2-51.486 22.75-100.285 5.98-23.238 16.624-66.59 16.624-66.59zm-539.375-2.74c24.19 0 35.682 16.092 35.682 35.27 0 32.437-25.158 52.217-64.508 52.217-14.082 0-33.769-3.337-45.393-7.21 4.886-29.831 26.477-80.277 74.22-80.277zm-569.035 0c26.477 0 35.67 16.092 35.67 35.27 0 32.437-25.147 52.217-64.492 52.217-14.086 0-33.773-3.337-45.394-7.21 4.858-29.831 24.004-80.277 74.216-80.277zM390.64 177C218.03 177 131 300.753 131 403.952c0 62.486 23.657 118.077 74.397 138.788 8.32 3.406 15.773.117 18.186-9.095 1.679-6.375 5.649-22.454 7.42-29.156 2.438-9.112 1.49-12.307-5.225-20.248-14.63-17.258-23.98-39.6-23.98-71.246 0-91.812 68.692-174.005 178.872-174.005 97.566 0 151.163 59.613 151.163 139.227 0 104.753-46.354 193.164-115.18 193.164-38.005 0-66.456-31.433-57.337-69.983 10.919-46.023 32.07-95.694 32.07-128.914 0-29.738-15.962-54.542-48.996-54.542-38.853 0-70.064 40.193-70.064 94.036 0 34.294 11.588 57.487 11.588 57.487s-39.76 168.465-46.729 197.969c-13.88 58.757-2.09 130.786-1.093 138.061.589 4.31 6.129 5.335 8.638 2.082 3.584-4.676 49.853-61.804 65.59-118.89 4.45-16.165 25.553-99.859 25.553-99.859 12.621 24.077 49.513 45.285 88.746 45.285 116.785 0 196.024-106.472 196.024-248.988C620.643 277.363 529.367 177 390.64 177z" fill="currentColor" fill-rule="nonzero"/></svg>                    </div>
-
-
-                    <!-- Text -->
-                    <p class="text-gray-700 mb-5">
-                      Uses Landkit to share financial projections with their investors.
-                    </p>
-
-                    <!-- Link -->
-                    <a href="#!" style="color: #CB2027;">Read more</a>
-
-                  </div>
-                </div>
-
-              </div>
-              <div class="col-12 col-md-5 col-lg-4">
-
-                <!-- Card -->
-                <div class="card card-border shadow-light-lg lift lift-lg" style="border-top-color: #DA5988;">
-                  <div class="card-body text-center">
-
-                    <!-- Icon -->
-                    <div class="img-fluid mb-5 w-50 svg-shim" style="color: #DA5988;">
-                      <svg viewBox="0 0 2761 991" xmlns="http://www.w3.org/2000/svg"><path d="M951.211 442.866c25.294 0 45.797-20.48 45.797-45.739 0-25.263-20.503-45.738-45.797-45.738-25.294 0-45.797 20.475-45.797 45.738 0 25.26 20.503 45.739 45.797 45.739zm1511.432 156.271c-6.967-4.891-12.345-5.702-16.808 3.797-76.919 166.334-206.54 83.33-193.664 90.636 28.751-13.132 104.37-73.682 92.94-157.289-6.94-51.095-50.864-73.76-97.486-65.644-81.381 14.166-111.32 101.806-96.078 179.397 2.667 13.325 7.432 24.315 12.193 35.08-91.965 74.669-128.486-66.842-132.63-83.753-.164-.905 71.01-60.137 90.805-201.281 20.748-147.928-26.516-174.864-74.847-174.023-89.436 1.556-113.603 188.124-81.135 343.615-2.72.707-15.375 7.706-35.71 8.49-14.632-45.97-77.156-86.266-93.519-70.738-40.954 38.842 9.932 114.782 45.737 120.738-21.51 132.267-156.021 99.51-130.982-66.2 43.803-81.215 77.117-201.975 71.173-274.877-2.106-25.81-21.219-60.39-64.443-58.675-83.139 3.284-92.177 189.904-82.43 322.356-.484-3.263-5.111 16.092-39.18 25.715-8.06-44.66-80.083-89.49-97.038-67.937-31.738 40.338 23.266 112.262 49.32 117.278-21.51 132.263-156.017 99.505-130.977-66.204 43.802-81.21 77.112-201.971 71.168-274.873-2.106-25.814-21.215-60.395-64.443-58.684-83.139 3.288-92.177 189.908-82.43 322.36-.489-3.314-5.224 16.679-40.683 26.142-1.187-57.942-73.474-84.511-90.839-66.023-30.948 32.956 7.088 100.574 42.275 117.282-21.508 132.263-156.016 99.505-130.977-66.204 43.803-81.21 77.117-201.971 71.17-274.873-2.103-25.814-21.216-60.395-64.445-58.684-83.134 3.288-89.824 199.29-80.078 331.738-27.383 117.14-119.214 263.426-107.284-29.616 1.179-20.557 2.465-28.361-7.8-36.058-7.691-5.982-25.181-3.103-34.742-2.866-11.62.465-14.534 7.253-17.102 17.514-5.982 26.496-7.057 52.181-7.912 87.227-.56 16.394-1.877 24.043-8.201 46.397-6.315 22.35-42.344 63.201-62.07 56.37-27.366-9.395-18.388-86.528-13.26-139.524 4.273-41.88-9.41-60.688-44.467-67.527-20.525-4.271-32.995-3.616-54.37-10.344-20.213-6.36-24.785-44.535-67.897-31.813-23.58 6.964-8.421 56.848-14.089 93.82-27.862 181.871-85.835 186.866-112.731 98.518 121.131-296.205 35.04-412.978-15.353-412.978-52.488 0-112.486 36.097-87.08 267.059-12.353-3.599-16.152-5.538-29.675-5.538-76.482 0-128.59 61.731-128.59 137.882 0 76.151 52.112 137.887 128.595 137.887 45.15 0 76.849-20.501 100.857-52.216 15.664 22.397 34.738 52.56 69.619 51.203 103.969-4.043 134.205-216.977 137.775-228.854 11.115 1.71 21.63 4.947 31.894 6.658 17.102 2.564 18.345 9.322 17.956 26.496-4.532 144.82 22.234 195.528 82.948 195.528 33.828 0 63.978-33.185 84.749-56.913 15.513 31.968 40.233 55.934 73.396 56.908 80.358 1.996 111.126-125.884 108.32-109.055-2.201 13.205 26.071 108.335 108.8 108.68 102.475.431 121.523-112.085 123.794-130.93.284-3.75.41-3.362 0 0l-.078 1.142c32.533-6.043 49.32-23.458 49.32-23.458s26.122 154.996 122.887 153.25c100.486-1.818 119.435-103.525 121.921-123.358.328-4.706.522-4.155 0 0l-.039.582c38.645-14.037 48.81-28.125 48.81-28.125s20.762 151.914 122.888 153.242c91.007 1.19 124.736-91.86 124.934-130.806 15.35.164 43.743-9.093 43.078-9.62 0 0 33.335 132.824 126.427 139.646 43.708 3.202 76.495-24.557 95.186-37.218 43.923 35.515 190.185 80.879 282.538-75.453 13.036-22.436-14.99-48.94-19.911-52.401zM400.883 712.64c-44.623 0-73.236-41.196-73.236-85.615 0-44.415 26.265-85.611 70.888-85.611 20.08 0 31.25 2.206 46.889 15.786 2.836 11.158 10.873 36.895 14.784 48.582 5.24 15.64 11.473 28.953 17.757 43.441-8.978 37.162-38.411 63.417-77.082 63.417zm108.739-154.134c-1.856-2.952-1.468-1.138-3.544-3.926-8.18-22.216-23.943-71.803-25.769-128.126-2.063-63.713 8.572-138.395 39.927-138.395 21.245 0 43.824 151.355-10.619 270.447h.005zm628.3-66.386c-5.033-37.808-5.297-206.358 35.23-201.716 22.376 9.05-14.188 168.097-35.23 201.716zm295.928 0c-5.033-37.808-5.296-206.358 35.23-201.716 22.377 9.05-14.188 168.097-35.23 201.716zm293.58 2.349c-5.037-37.813-5.296-206.362 35.226-201.72 22.376 9.05-14.188 168.1-35.226 201.72zm324.11-213.93c37.052-3.835 35.524 157.715-38.848 259.707-9.59-36.865-24.297-247.05 38.848-259.711v.004zm155.736 347.623c-11.9-60.02 18.85-99.44 50.55-103.763 11.08-1.767 27.136 5.4 30.34 18.799 5.265 25.25-.765 62.705-71.714 110.227.104.405-6.522-11.894-9.172-25.263h-.004z" fill="currentColor" fill-rule="nonzero"/></svg>                    </div>
-
-                    <!-- Text -->
-                    <p class="text-gray-700 mb-5">
-                      Uses Landkit to plan their priorities for the company quarterly and annually.
-                    </p>
-
-                    <!-- Link -->
-                    <a href="#!" style="color: #DA5988;">Read more</a>
-
-                  </div>
-                </div>
-
-              </div>
-            </div>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;flickity-viewport-visible&quot;&nbsp;data-flickity='{&quot;cellAlign&quot;:&nbsp;&quot;left&quot;,&nbsp;&quot;imagesLoaded&quot;:&nbsp;true,&nbsp;&quot;pageDots&quot;:&nbsp;false,&nbsp;&quot;prevNextButtons&quot;:&nbsp;false,&nbsp;&quot;contain&quot;:&nbsp;true}'&gt;<br />&nbsp;&nbsp;...<br />&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right">
-            <div class="my-7 my-lg-9 px-lg-7 border-left-lg border-gray-300">
-
-              <!-- Heading -->
-              <h6 class="text-uppercase font-weight-bold">
-                Jump to
-              </h6>
-
-              <!-- Links -->
-              <ul class="list mb-0">
-                <li class="list-item">
-                  <a class="list-link" href="#navigationColor" data-scroll>Navigation color</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#navigationPositioning" data-scroll>Navigation positioning</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#visibleOverflow" data-scroll>Visible overflow</a>
-                </li>
-              </ul>
-
-            </div>
-          </div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-
-  </body>
-</html>
diff --git a/docs/forms.html b/docs/forms.html
deleted file mode 100644
index 9843060..0000000
--- a/docs/forms.html
+++ /dev/null
@@ -1,1404 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Forms
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <h1 class="mb-1">
-              Forms
-            </h1>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Dashkit supports all of Bootstrap's default form styling in addition to a handful of new input types and features.
-            </p>
-
-            <!-- Bootstrap/Plugin Link -->
-            <p>
-              <a class="text-decoration-none" href="https://getbootstrap.com/docs/4.0/components/forms/" target="_blank">
-                <i class="fe fe-external-link pr-1"></i>
-                Bootstrap documentation
-              </a>
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <form>
-                  <div class="form-group">
-                    <label class="form-label" for="exampleInputEmail1">Email address</label>
-                    <input class="form-control" id="exampleInputEmail1" type="email" placeholder="Enter email">
-                  </div>
-                  <div class="form-group">
-                    <label class="form-label" for="exampleInputPassword1">Password</label>
-                    <input class="form-control" id="exampleInputPassword1" type="password" placeholder="Password">
-                  </div>
-                  <button type="submit" class="btn btn-primary">Submit</button>
-                </form>
-
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="sizing">Sizing</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Set heights using classes like <code>.form-control-lg</code> and <code>.form-control-sm</code>.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <div class="form-group">
-                  <input type="text" class="form-control form-control-lg" placeholder=".form-control-lg">
-                </div>
-
-                <div class="form-group">
-                  <input type="text" class="form-control" placeholder=".form-control">
-                </div>
-
-                <div class="form-group">
-                  <input type="text" class="form-control form-control-sm" placeholder=".form-control-sm">
-                </div>
-
-                <div class="form-group">
-                  <input type="text" class="form-control form-control-xs" placeholder=".form-control-xs">
-                </div>
-
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="inputGroup">Input group</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs, custom selects, and custom file inputs.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <div class="input-group mb-3">
-                  <span class="input-group-text" id="basic-addon1">@</span>
-                  <input class="form-control" type="text" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1">
-                </div>
-
-                <div class="input-group mb-3">
-                  <input class="form-control" type="text" placeholder="Recipient's username" aria-label="Recipient's username" aria-describedby="basic-addon2">
-                  <span class="input-group-text" id="basic-addon2">@example.com</span>
-                </div>
-
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="validation">Validation</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Provide valuable, actionable feedback to your users with HTML5 form validation–available in all our supported browsers.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <div class="form-group">
-                  <input type="text" class="form-control is-valid" value="Valid input">
-                </div>
-
-                <div class="form-group">
-                  <input type="text" class="form-control is-invalid" value="Invalid input">
-                </div>
-
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h3 class="font-weight-bold mr-3" id="flush">Flush</h3>
-              <span class="badge rounded-pill bg-primary-soft mb-2">
-                <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-              </span>
-            </div>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Remove borders and horizontal paddings from a form control with a <code>.form-control-flush</code> modifier.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <input type="text" class="form-control form-control-flush" placeholder="Form control flush">
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;input&nbsp;type=&quot;text&quot;&nbsp;class=&quot;form-control&nbsp;form-control-flush&quot;&nbsp;placeholder=&quot;Form&nbsp;control&nbsp;flush&quot;&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h3 class="font-weight-bold mr-3" id="floatingLabels">Floating labels</h1>
-                <span class="badge rounded-pill bg-primary-soft mb-2">
-                  <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-                </span>
-            </div>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Make labels floating over inputs as you type.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <form>
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="cardName" placeholder="Name">
-                    <label for="cardName">Name</label>
-                  </div>
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="cardEmail" placeholder="Email">
-                    <label for="cardEmail">Email</label>
-                  </div>
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="cardPassword" placeholder="Password">
-                    <label for="cardPassword">Password</label>
-                  </div>
-                  <div class="mt-6">
-                    <button class="btn btn-block btn-success lift" type="submit">
-                      Download a sample
-                    </button>
-                  </div>
-                </form>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;form&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;form-label-group&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;input&nbsp;type=&quot;text&quot;&nbsp;class=&quot;form-control&nbsp;form-control-flush&quot;&nbsp;id=&quot;cardName&quot;&nbsp;placeholder=&quot;Name&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;label&nbsp;for=&quot;cardName&quot;&gt;Name&lt;/label&gt;<br />&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;form-label-group&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;input&nbsp;type=&quot;email&quot;&nbsp;class=&quot;form-control&nbsp;form-control-flush&quot;&nbsp;id=&quot;cardEmail&quot;&nbsp;placeholder=&quot;Email&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;label&nbsp;for=&quot;cardEmail&quot;&gt;Email&lt;/label&gt;<br />&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;form-label-group&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;input&nbsp;type=&quot;password&quot;&nbsp;class=&quot;form-control&nbsp;form-control-flush&quot;&nbsp;id=&quot;cardPassword&quot;&nbsp;placeholder=&quot;Password&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;label&nbsp;for=&quot;cardPassword&quot;&gt;Password&lt;/label&gt;<br />&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;mt-6&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;button&nbsp;class=&quot;btn&nbsp;btn-block&nbsp;btn-success&nbsp;lift&quot;&nbsp;type=&quot;submit&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Download&nbsp;a&nbsp;sample<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/button&gt;<br />&nbsp;&nbsp;&lt;/div&gt;<br />&lt;/form&gt;
-                </code>
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right">
-            <div class="my-7 my-lg-9 px-lg-7 border-left-lg border-gray-300">
-
-              <!-- Heading -->
-              <h6 class="text-uppercase font-weight-bold">
-                Jump to
-              </h6>
-
-              <!-- Links -->
-              <ul class="list mb-0">
-                <li class="list-item">
-                  <a class="list-link" href="#switchDark" data-scroll>Switch dark</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#sizing" data-scroll>Sizing</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#inputGroup" data-scroll>Input group</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#validation" data-scroll>Validation</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#flush" data-scroll>Flush</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#floatingLabels" data-scroll>Floating labels</a>
-                </li>
-              </ul>
-
-            </div>
-          </div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-
-  </body>
-</html>
diff --git a/docs/icons.html b/docs/icons.html
deleted file mode 100644
index 78940c8..0000000
--- a/docs/icons.html
+++ /dev/null
@@ -1,2262 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Icons
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h1 class="mb-1 mr-3">Icons</h1>
-              <span class="badge rounded-pill bg-primary-soft mt-1">
-                <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-              </span>
-            </div>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Landkit comes with two icon sets and an Icon component to easily control their colouring and sizing.
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body d-flex flex-wrap">
-
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> clothes/brassiere}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12.5 14c0-2.761 3.239-6 6-6s5 1.239 5 4a5 5 0 01-5 5c-1.844 0-3.902-.106-5.065-1h-2.37c-1.163.894-3.22 1-5.065 1a5 5 0 01-5-5c0-2.761 2.239-4 5-4s6 3.239 6 6h.5z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> clothes/briefcase}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.84 8h12.32a2 2 0 011.993 1.834l.666 8A2 2 0 0118.826 20H5.174a2 2 0 01-1.993-2.166l.666-8A2 2 0 015.84 8zm4.66 2a.5.5 0 00-.5.5v1a.5.5 0 00.5.5h3a.5.5 0 00.5-.5v-1a.5.5 0 00-.5-.5h-3z" fill="#335EEA"/><path d="M10 8H8V7a3 3 0 013-3h2a3 3 0 013 3v1h-2V7a1 1 0 00-1-1h-2a1 1 0 00-1 1v1z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> clothes/cap}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="14" y="4.7" width="3" height="3" rx="1.5"/><path d="M6.828 15a8.59 8.59 0 0116.468-3.821C21.766 11.659 21 12.6 21 14h2.98a8.718 8.718 0 01.01 1H24v1.5a.5.5 0 01-.5.5H1a1 1 0 010-2h5.828z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> clothes/crown}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M11.26 5.814L2 16h20L12.74 5.814a1 1 0 00-1.48 0z" fill="#335EEA" opacity=".3"/><path d="M12.006 15.712l8.275-8.86a1 1 0 011.73.684V20H2V7.536a1 1 0 011.73-.683l8.276 8.859z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> clothes/dress}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8.04 3C8.319 4.508 9.986 5.667 12 5.667c2.015 0 3.682-1.16 3.96-2.667h2.422a1 1 0 01.894 1.447l-3 6a1 1 0 01-.894.553H8.618a1 1 0 01-.894-.553l-3-6A1 1 0 015.618 3h2.423z" fill="#335EEA" opacity=".3"/><path d="M9.354 12h5.292a2 2 0 011.857 1.257l2.948 7.372A1 1 0 0118.523 22H5.477a1 1 0 01-.928-1.371l2.948-7.372A2 2 0 019.354 12z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> clothes/hanger}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M18.264 18L9.91 10.95a3.944 3.944 0 012.272-6.948 3.61 3.61 0 012.731 6.222l-1.375-1.452a1.61 1.61 0 00-1.218-2.774 1.944 1.944 0 00-1.12 3.424l9.4 7.932A1.5 1.5 0 0119.632 20H4.027a1.5 1.5 0 01-.887-2.71l6.269-4.596 1.182 1.612L5.555 18h12.71z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> clothes/hat}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M18 12.43c-.733.24-1.559.566-2.487.978-2.507-1.132-4.672-1.975-6.513-2.543V9.5A3.5 3.5 0 0112.5 6h2A3.5 3.5 0 0118 9.5v2.93z" fill="#335EEA"/><path d="M1.975 15.534c-.452-2.09-2.31-8.847 13.525-.488-.452 0-12.168 7.28-13.525.488zm19.92-.476c-.595 2.983-6.196 0-6.395 0 6.953-3.67 6.594-.917 6.396 0z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> clothes/panties}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M1 10V9a1 1 0 011-1h20a1 1 0 011 1v1a1 1 0 01-1 1c-4.03.47-7.258 3.808-7.888 8H9.888C9.258 14.808 6.03 11.47 2 11a1 1 0 01-1-1z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> clothes/shirt}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M6.182 4.095A2.994 2.994 0 018.5 3h7c.933 0 1.767.426 2.317 1.094.022.01.043.022.064.034l4.709 2.719a1 1 0 01.366 1.366L21.3 11.082a1 1 0 01-1.366.366L18.5 10.62V19a1 1 0 01-1 1h-11a1 1 0 01-1-1v-8.38l-1.433.828a1 1 0 01-1.366-.366l-1.656-2.87a1 1 0 01.366-1.365l4.71-2.719c.02-.012.04-.023.061-.033z" fill="#335EEA" opacity=".3"/><path d="M9.852 3.223l-.59.883a.5.5 0 00.116.678L11 6l-.965 6.753a.5.5 0 00.142.424l1.47 1.47a.5.5 0 00.707 0l1.47-1.47a.5.5 0 00.14-.424L13 6l1.622-1.216a.5.5 0 00.116-.678l-.59-.883A.5.5 0 0013.732 3h-3.464a.5.5 0 00-.416.223z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> clothes/shoes}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M4.354 3.52C6.204 4.72 7.419 6.045 8 7.5c.53 1.326 1.588 3.073 3.173 5.242a3 3 0 003.37 1.077l1.96-.653a1 1 0 01.916.148l4.59 3.443a.5.5 0 01-.237.897l-8.38 1.047a4 4 0 01-3.758-1.653C8.13 14.931 7.085 13.581 6.5 13a68.688 68.688 0 00-2.82-2.609A4.254 4.254 0 012.5 5.75l.667-1.833a.8.8 0 011.187-.398z" fill="#335EEA"/><path d="M2.5 8.5c.667 3.333 1 5.5 1 6.5v4H5v-5.25c0-.833.5-1.083 1.5-.75l-4-4.5z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> clothes/shorts}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M6.506 3.061c.157-.04.322-.061.492-.061h10c.17 0 .335.021.493.061a2 2 0 011.801 1.479l3.365 12.557a1 1 0 01-.707 1.225l-6.762 1.811a1 1 0 01-1.225-.707l-1.965-7.334-1.965 7.334a1 1 0 01-1.225.707l-6.761-1.811a1 1 0 01-.707-1.225L4.704 4.54A2 2 0 016.506 3.06z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> clothes/sneakers}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="2" y="3" width="7" height="14" rx="1"/><path d="M16.624 13.054c2.203.804 3.559.742 4.376.946.584.146 1.105.453 1.561.92a2 2 0 01-.997 3.35c-1.29.286-2.82.483-4.592.59-2.98.182-8.11.186-15.386.015a.6.6 0 01-.586-.6v-6.202c4.25-.41 7.098-1.566 8.544-3.466a.6.6 0 01.917-.045c.415.447.806.853 1.173 1.22a1.01 1.01 0 00-.067.102l-1.5 2.598a1 1 0 001.732 1l1.335-2.311c.496.415.924.716 1.283.902.121.063.24.124.358.182l-.708 1.227a1 1 0 001.732 1l.825-1.428z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> clothes/socks}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M10.084 15.443l-3.792 1.38a2.779 2.779 0 11-1.9-5.222l3.94-1.434.854-4.849a.75.75 0 01.87-.608l3.564.629a.75.75 0 01.609.868l-1.444 8.19a1.5 1.5 0 01-1.738 1.216l-.963-.17z" fill="#335EEA" opacity=".3"/><path d="M14.47 18.689l-5.106 1.858a3.799 3.799 0 01-2.599-7.14l5.178-1.884 1.108-6.285a1 1 0 011.159-.81l4.924.867a1 1 0 01.81 1.159l-1.91 10.833a2 2 0 01-2.316 1.622l-1.249-.22z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> clothes/sun-glasses}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M9.894 16.942l-1.788-.894a4.354 4.354 0 017.788 0l-1.788.894a2.354 2.354 0 00-4.212 0zM21.906 8.12a1 1 0 01.707 1.225l-1.647 6.147a1 1 0 01-1.932-.517l1.647-6.148a1 1 0 011.225-.707zm-19.812 0a1 1 0 011.225.707l1.553 5.796a1 1 0 11-1.932.518L1.387 9.344a1 1 0 01.707-1.225z" fill="#335EEA" opacity=".3"/><path d="M6.5 20a4.5 4.5 0 110-9 4.5 4.5 0 010 9zm11 0a4.5 4.5 0 110-9 4.5 4.5 0 010 9z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> clothes/tie}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M14.112 7.006A1.01 1.01 0 0014 7h-4a1.01 1.01 0 00-.112.006l-2.54-2.448a1 1 0 01-.028-1.412L8.42 2h7.16l1.1 1.146a1 1 0 01-.028 1.412l-2.54 2.448z" fill="#335EEA"/><path d="M13.764 9l1.721 9.15a1 1 0 01-.26.877l-2.503 2.608a1 1 0 01-1.444 0l-2.502-2.608a1 1 0 01-.261-.878L10.236 9h3.528z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> clothes/t-shirt}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M7.835 4C8.229 5.212 9.944 6.125 12 6.125S15.771 5.212 16.165 4h1.107a.999.999 0 01.22 0h.008c.301 0 .571.133.755.344l4.335 2.503a1 1 0 01.366 1.366L21.3 11.082a1 1 0 01-1.366.366L18.5 10.62V20a1 1 0 01-1 1h-11a1 1 0 01-1-1v-9.38l-1.433.828a1 1 0 01-1.366-.366l-1.656-2.87a1 1 0 01.366-1.365l4.333-2.502A.998.998 0 016.5 4h.01a.999.999 0 01.219 0h1.106z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> code/backspace}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8.42 20H21a2 2 0 002-2V6a2 2 0 00-2-2H8.42a1 1 0 00-.704.29l-7.063 7a1 1 0 000 1.42l7.063 7a1 1 0 00.704.29z" fill="#335EEA" opacity=".3"/><path d="M12.586 12l-1.414-1.414a1 1 0 111.414-1.414L14 10.586l1.414-1.414a1 1 0 111.414 1.414L15.414 12l1.414 1.414a1 1 0 11-1.414 1.414L14 13.414l-1.414 1.414a1 1 0 11-1.414-1.414L12.586 12z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> code/cmd}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M9 15H7.5A1.5 1.5 0 109 16.5V15zm0 0V9h6v6H9zm6 1.5a1.5 1.5 0 101.5-1.5H15v1.5zM16.5 9A1.5 1.5 0 1015 7.5V9h1.5zM9 7.5A1.5 1.5 0 107.5 9H9V7.5zm2 5.5h2v-2h-2v2zm2-2V7.5a3.5 3.5 0 113.5 3.5H13zm3.5 2a3.5 3.5 0 11-3.5 3.5V13h3.5zM11 16.5A3.5 3.5 0 117.5 13H11v3.5zM7.5 11A3.5 3.5 0 1111 7.5V11H7.5z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> code/code}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M17.272 8.685a1 1 0 111.456-1.37l4 4.25a1 1 0 010 1.37l-4 4.25a1 1 0 01-1.456-1.37l3.355-3.565-3.355-3.565zm-10.544 0L3.373 12.25l3.355 3.565a1 1 0 01-1.456 1.37l-4-4.25a1 1 0 010-1.37l4-4.25a1 1 0 011.456 1.37z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" transform="rotate(15 12 12)" x="11" y="4" width="2" height="16" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> code/commit}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M20.5 11h2a1.5 1.5 0 010 3h-2a1.5 1.5 0 010-3zm-19 0h2a1.5 1.5 0 010 3h-2a1.5 1.5 0 010-3z" fill="#335EEA" opacity=".3"/><path d="M12 16a3 3 0 100-6 3 3 0 000 6zm0 2a5 5 0 110-10 5 5 0 010 10z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> code/compiling}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M2.56 10.682l2.122-2.121a1.5 1.5 0 012.121 0l2.122 2.121a1.5 1.5 0 010 2.121l-2.122 2.122a1.5 1.5 0 01-2.121 0l-2.121-2.122a1.5 1.5 0 010-2.121zm12 0l2.122-2.121a1.5 1.5 0 012.121 0l2.122 2.121a1.5 1.5 0 010 2.121l-2.122 2.122a1.5 1.5 0 01-2.121 0l-2.121-2.122a1.5 1.5 0 010-2.121z" fill="#335EEA" opacity=".3"/><path d="M8.56 16.682l2.122-2.121a1.5 1.5 0 012.121 0l2.122 2.121a1.5 1.5 0 010 2.121l-2.122 2.122a1.5 1.5 0 01-2.121 0l-2.121-2.122a1.5 1.5 0 010-2.121zm0-12l2.122-2.121a1.5 1.5 0 012.121 0l2.122 2.121a1.5 1.5 0 010 2.121l-2.122 2.122a1.5 1.5 0 01-2.121 0L8.561 6.803a1.5 1.5 0 010-2.121z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> code/control}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12 6.5l-8.356 7.265a1 1 0 01-1.288-1.53l8.65-7.79A1.5 1.5 0 0113 4.5l8.685 7.772a1 1 0 01-1.37 1.456L12 6.5z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> code/done-circle}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><circle fill="#335EEA" opacity=".3" cx="12" cy="12" r="10"/><path d="M16.769 7.818a1 1 0 011.462 1.364l-7 7.5a1 1 0 01-1.382.077l-3.5-3a1 1 0 011.302-1.518l2.772 2.376 6.346-6.8z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> code/error-circle}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><circle fill="#335EEA" opacity=".3" cx="12" cy="12" r="10"/><path d="M12.036 10.621l2.828-2.828a1 1 0 011.414 1.414l-2.828 2.829 2.828 2.828a1 1 0 01-1.414 1.414l-2.828-2.828-2.829 2.828a1 1 0 11-1.414-1.414l2.828-2.828-2.828-2.829a1 1 0 011.414-1.414l2.829 2.828z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> code/git-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="11" y="8" width="2" height="9" rx="1"/><path d="M12 21a2 2 0 100-4 2 2 0 000 4zm0 2a4 4 0 110-8 4 4 0 010 8zM12 7a2 2 0 100-4 2 2 0 000 4zm0 2a4 4 0 110-8 4 4 0 010 8z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> code/git-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="5" y="8" width="2" height="8" rx="1"/><path d="M6 21a2 2 0 100-4 2 2 0 000 4zm0 2a4 4 0 110-8 4 4 0 010 8z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="17" y="8" width="2" height="8" rx="1"/><path d="M18 21a2 2 0 100-4 2 2 0 000 4zm0 2a4 4 0 110-8 4 4 0 010 8zM6 7a2 2 0 100-4 2 2 0 000 4zm0 2a4 4 0 110-8 4 4 0 010 8zM18 7a2 2 0 100-4 2 2 0 000 4zm0 2a4 4 0 110-8 4 4 0 010 8z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> code/git-3}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M7 11h8a2 2 0 002-2V8h2v1a4 4 0 01-4 4H7v2a1 1 0 01-2 0V9a1 1 0 112 0v2z" fill="#335EEA" opacity=".3"/><path d="M6 21a2 2 0 100-4 2 2 0 000 4zm0 2a4 4 0 110-8 4 4 0 010 8zM18 7a2 2 0 100-4 2 2 0 000 4zm0 2a4 4 0 110-8 4 4 0 010 8zM6 7a2 2 0 100-4 2 2 0 000 4zm0 2a4 4 0 110-8 4 4 0 010 8z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> code/git-4}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M6 7a2 2 0 100-4 2 2 0 000 4zm0 2a4 4 0 110-8 4 4 0 010 8z" fill="#335EEA"/><path d="M7 11.465V17a2 2 0 002 2h6v2H9a4 4 0 01-4-4V7h2v1a2 2 0 002 2h6v2H9a3.982 3.982 0 01-2-.535z" fill="#335EEA" opacity=".3"/><path d="M18 22a2 2 0 100-4 2 2 0 000 4zm0 2a4 4 0 110-8 4 4 0 010 8zM18 13a2 2 0 100-4 2 2 0 000 4zm0 2a4 4 0 110-8 4 4 0 010 8z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> code/github}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M16.543 17.457L11 11.914V4a1 1 0 012 0v7.086l4.957 4.957 2.19-2.19a.5.5 0 01.853.354V19.5a.5.5 0 01-.5.5h-5.293a.5.5 0 01-.353-.854l1.689-1.689z" fill="#335EEA"/><path d="M7.245 17.145l2.001 2.001a.5.5 0 01-.353.854H3.529a.5.5 0 01-.5-.5v-5.364a.5.5 0 01.853-.354l1.944 1.944 3.028-2.563 1.292 1.527-2.901 2.455z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> code/info-circle}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><circle fill="#335EEA" opacity=".3" cx="12" cy="12" r="10"/><rect fill="#335EEA" x="11" y="10" width="2" height="7" rx="1"/><rect fill="#335EEA" x="11" y="7" width="2" height="2" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> code/left-circle}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><circle fill="#335EEA" opacity=".3" cx="12" cy="12" r="10"/><path d="M14.678 7.463a.857.857 0 00-1.213-1.212l-5.143 5.143a.857.857 0 00-.025 1.185l4.714 5.143a.857.857 0 101.264-1.158l-4.16-4.538 4.563-4.563z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> code/loading}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12 4v2a6 6 0 11-5.24 3.075L5.014 8.1A8 8 0 1012 4z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> code/lock-circle}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><circle fill="#335EEA" opacity=".3" cx="12" cy="12" r="10"/><path d="M14.5 11a1 1 0 011 1v3a1 1 0 01-1 1h-5a1 1 0 01-1-1v-3a1 1 0 011-1v-.5a2.5 2.5 0 115 0v.5zM12 9a1.5 1.5 0 00-1.5 1.5v.5h3v-.5A1.5 1.5 0 0012 9z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> code/lock-overturning}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M7.39 2.835A10.466 10.466 0 0111.5 2C17.299 2 22 6.701 22 12.5S17.299 23 11.5 23 1 18.299 1 12.5c0-.985.136-1.938.39-2.842l1.925.54A8.509 8.509 0 003 12.5 8.5 8.5 0 1011.5 4c-.951 0-1.878.156-2.751.454l1.19 1.42a.5.5 0 01-.354.82l-4.867.276a.5.5 0 01-.515-.615l1.129-4.731a.5.5 0 01.869-.206L7.39 2.835z" fill="#335EEA" opacity=".3"/><path d="M14.5 11a1 1 0 011 1v3a1 1 0 01-1 1h-5a1 1 0 01-1-1v-3a1 1 0 011-1v-.5a2.5 2.5 0 115 0v.5zM12 9a1.5 1.5 0 00-1.5 1.5v.5h3v-.5A1.5 1.5 0 0012 9z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> code/minus}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><circle fill="#335EEA" opacity=".3" cx="12" cy="12" r="10"/><rect fill="#335EEA" x="6" y="11" width="12" height="2" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> code/option}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="12" y="7" width="10" height="2" rx="1"/><path d="M2 9a1 1 0 110-2h5.35a2 2 0 011.828 1.188L12.65 16H22a1 1 0 010 2h-9.35a2 2 0 01-1.828-1.188L7.35 9H2z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> code/plus}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><circle fill="#335EEA" opacity=".3" cx="12" cy="12" r="10"/><path d="M11 11V7a1 1 0 012 0v4h4a1 1 0 010 2h-4v4a1 1 0 01-2 0v-4H7a1 1 0 010-2h4z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> code/puzzle}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M19 11h1a3 3 0 010 6h-1v3a2 2 0 01-2 2H5a2 2 0 01-2-2v-3h2a3 3 0 000-6H3V8a2 2 0 012-2h3V5a3 3 0 116 0v1h3a2 2 0 012 2v3z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> code/question-circle}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><circle fill="#335EEA" opacity=".3" cx="12" cy="12" r="10"/><path d="M12 16a1 1 0 110 2 1 1 0 010-2zm-1.409-1.132v-1.659h1.26c1.596 0 2.751-1.218 2.751-2.814s-1.155-2.814-2.751-2.814c-1.617 0-2.73 1.218-2.73 2.814H7.336c0-2.52 1.974-4.473 4.515-4.473 2.541 0 4.536 1.953 4.536 4.473 0 2.52-1.995 4.473-4.536 4.473h-1.26z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> code/right-circle}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><circle fill="#335EEA" opacity=".3" cx="12" cy="12" r="10"/><path d="M9.322 7.463a.857.857 0 011.213-1.212l5.143 5.143a.857.857 0 01.025 1.185l-4.714 5.143a.857.857 0 11-1.264-1.158l4.16-4.538-4.563-4.563z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> code/settings-4}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M18.622 9.75h.128a2.25 2.25 0 110 4.5h-.065a.488.488 0 00-.446.295.488.488 0 00.089.54l.045.044a2.25 2.25 0 11-3.183 3.184l-.04-.04a.49.49 0 00-.545-.094.486.486 0 00-.295.444v.127a2.25 2.25 0 11-4.5 0 .524.524 0 00-.363-.514.485.485 0 00-.532.092l-.044.045a2.25 2.25 0 11-3.184-3.183l.04-.04a.49.49 0 00.094-.545.486.486 0 00-.443-.295H5.25a2.25 2.25 0 110-4.5.524.524 0 00.514-.363.485.485 0 00-.092-.532l-.045-.044A2.25 2.25 0 118.81 5.687l.04.04c.142.139.355.177.537.097l.108-.023a.486.486 0 00.255-.423V5.25a2.25 2.25 0 114.5 0v.065c0 .194.117.37.303.449.182.08.395.042.532-.092l.044-.045a2.25 2.25 0 113.184 3.183l-.04.04a.488.488 0 00-.097.537l.023.108a.486.486 0 00.423.255z" fill="#335EEA" opacity=".3"/><path d="M12 15a3 3 0 100-6 3 3 0 000 6z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> code/shift}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M18.669 12H15v6H9v-6H5.326l6.666-6.672L18.67 12zM7 14v5a1 1 0 001 1h8a1 1 0 001-1v-5h4.688a.75.75 0 00.53-1.28l-9.696-9.69a.75.75 0 00-1.061 0l-9.682 9.69A.75.75 0 002.31 14H7z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> code/spy}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12 3a8 8 0 018 8v10a1 1 0 01-1 1H5a1 1 0 01-1-1V11a8 8 0 018-8zm-3 7a3 3 0 000 6h6a3 3 0 000-6H9z" fill="#335EEA"/><path d="M15 14a1 1 0 110-2 1 1 0 010 2zm-6 0a1 1 0 110-2 1 1 0 010 2z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> code/stop}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 100-16 8 8 0 000 16zm7.071-15.071a1 1 0 010 1.414L6.343 19.071a1 1 0 01-1.414-1.414L17.657 4.929a1 1 0 011.414 0z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> code/terminal}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.293 6.707a1 1 0 111.414-1.414l6 6a1 1 0 01.03 1.383l-5.5 6a1 1 0 11-1.474-1.352l4.853-5.294-5.323-5.323z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="12" y="17" width="10" height="2" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> code/thunder-circle}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><circle fill="#335EEA" opacity=".3" cx="12" cy="12" r="10"/><path d="M12.42 17.158l3.037-6.073a.75.75 0 00-.67-1.085H12V7.177a.75.75 0 00-1.42-.335l-3.037 6.073A.75.75 0 008.213 14H11v2.823a.75.75 0 001.42.335z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> code/time-schedule}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M10.963 7.5h.085a.5.5 0 01.497.45L12 12.5l3.248 1.856a.5.5 0 01.252.434V15a.382.382 0 01-.482.368l-4.62-1.26a.5.5 0 01-.366-.52l.432-5.626a.5.5 0 01.499-.462z" fill="#335EEA"/><path d="M7.39 2.835A10.466 10.466 0 0111.5 2C17.299 2 22 6.701 22 12.5S17.299 23 11.5 23 1 18.299 1 12.5c0-.985.136-1.938.39-2.842l1.925.54A8.509 8.509 0 003 12.5 8.5 8.5 0 1011.5 4c-.951 0-1.878.156-2.751.454l1.19 1.42a.5.5 0 01-.354.82l-4.867.276a.5.5 0 01-.515-.615l1.129-4.731a.5.5 0 01.869-.206L7.39 2.835z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> code/warning-1-circle}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><circle fill="#335EEA" opacity=".3" cx="12" cy="12" r="10"/><rect fill="#335EEA" x="11" y="7" width="2" height="8" rx="1"/><rect fill="#335EEA" x="11" y="16" width="2" height="2" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> code/warning-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M11.167 4.5L2.825 19.513A1 1 0 003.7 21h17.517a1 1 0 00.853-1.521L12.894 4.464a1 1 0 00-1.727.035z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="11" y="9" width="2" height="7" rx="1"/><rect fill="#335EEA" x="11" y="17" width="2" height="2" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/active-call}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M13.08 14.784l2.204-2.204a2 2 0 00.375-2.309l-.125-.25a2 2 0 01.374-2.308l2.733-2.733a.5.5 0 01.801.13l1.104 2.208a4.387 4.387 0 01-.822 5.065l-5.999 5.998a5.427 5.427 0 01-5.553 1.311l-2.415-.804a.5.5 0 01-.195-.828l2.65-2.652a2 2 0 012.31-.374l.25.125a2 2 0 002.308-.375z" fill="#335EEA"/><path d="M14.148 6.007l-.191 1.991a4.987 4.987 0 00-4.018 1.441 4.987 4.987 0 00-1.442 4.004l-1.992.185a6.986 6.986 0 012.02-5.603 6.987 6.987 0 015.623-2.018zm.35-3.985l-.185 1.992A8.978 8.978 0 007.111 6.61a8.978 8.978 0 00-2.598 7.191l-1.992.183a10.977 10.977 0 013.176-8.788 10.977 10.977 0 018.801-3.175z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/address-card}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M6 2h12a3 3 0 013 3v14a3 3 0 01-3 3H6a3 3 0 01-3-3V5a3 3 0 013-3zm6 9a2 2 0 100-4 2 2 0 000 4zm-5 5.5c-.011.162.265.5.404.5h9.177c.418 0 .424-.378.418-.5-.163-3.067-2.348-4.5-5.008-4.5-2.623 0-4.775 1.517-4.99 4.5z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/add-user}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M18 8h-2a1 1 0 010-2h2V4a1 1 0 012 0v2h2a1 1 0 010 2h-2v2a1 1 0 01-2 0V8zm-9 3a4 4 0 110-8 4 4 0 010 8z" fill="#335EEA" opacity=".3"/><path d="M0 20.2C.389 15.426 4.263 13 8.984 13c4.788 0 8.722 2.293 9.015 7.2.012.195 0 .8-.751.8H.727c-.25 0-.747-.54-.726-.8z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/adress-book-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M17 2h2a3 3 0 013 3v14a3 3 0 01-3 3h-2V2z" fill="#335EEA" opacity=".3"/><path d="M4 2h12a3 3 0 013 3v14a3 3 0 01-3 3H4a1 1 0 01-1-1V3a1 1 0 011-1zm7.118 11.71a1.462 1.462 0 01-1.689.274 1.462 1.462 0 00-1.688.273l-1.51 1.511a.5.5 0 00.195.828l1.354.452c1.3.433 2.733.095 3.702-.874l4-4c.89-.89 1.11-2.25.547-3.376l-.632-1.265a.5.5 0 00-.801-.13l-1.593 1.593a1.462 1.462 0 00-.274 1.688 1.462 1.462 0 01-.274 1.688l-1.337 1.338z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/adress-book-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M18 2h2a3 3 0 013 3v14a3 3 0 01-3 3h-2V2z" fill="#335EEA" opacity=".3"/><path d="M5 2h12a3 3 0 013 3v14a3 3 0 01-3 3H5a1 1 0 01-1-1V3a1 1 0 011-1zm7 9a2 2 0 100-4 2 2 0 000 4zm-5 5.5c-.011.162.265.5.404.5h9.177c.418 0 .424-.378.418-.5-.163-3.067-2.348-4.5-5.008-4.5-2.623 0-4.775 1.517-4.99 4.5z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/archive}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M4.5 3h15A1.5 1.5 0 0121 4.5v15a1.5 1.5 0 01-1.5 1.5h-15A1.5 1.5 0 013 19.5v-15A1.5 1.5 0 014.5 3zM8 5a1 1 0 100 2h8a1 1 0 000-2H8z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/call-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M11.915 14.143l2.204-2.204a2 2 0 00.375-2.309l-.125-.25a2 2 0 01.374-2.308l2.733-2.733a.5.5 0 01.8.13l1.105 2.208a4.387 4.387 0 01-.822 5.064l-5.999 6a5.427 5.427 0 01-5.554 1.31l-2.414-.805a.5.5 0 01-.195-.828l2.65-2.65a2 2 0 012.31-.375l.25.124a2 2 0 002.308-.374z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/call}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-.386-8.787a1.462 1.462 0 01-1.688.274 1.462 1.462 0 00-1.688.274l-1.511 1.51a.5.5 0 00.195.829l1.354.451c1.3.433 2.733.095 3.702-.874l4-4c.89-.89 1.11-2.25.547-3.375l-.632-1.266a.5.5 0 00-.8-.13L13.5 8.5a1.462 1.462 0 00-.274 1.688 1.462 1.462 0 01-.274 1.688l-1.338 1.338z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/chat-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path fill="#335EEA" opacity=".3" d="M5 15l-2 6.5 6.5-2z"/><path d="M13.5 21a9.5 9.5 0 110-19 9.5 9.5 0 010 19zm-5-8a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm5 0a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm5 0a1.5 1.5 0 100-3 1.5 1.5 0 000 3z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/chat-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path fill="#335EEA" opacity=".3" d="M5 15l-2 6.5 6.5-2z"/><path d="M13.5 21a9.5 9.5 0 110-19 9.5 9.5 0 010 19zM9 8a1 1 0 100 2h9a1 1 0 000-2H9zm0 4a1 1 0 000 2h5a1 1 0 000-2H9z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/chat-4}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M22 15.01l.025-.01v4.586a1 1 0 01-1.707.707L18.025 18H5a3 3 0 01-3-3V6a3 3 0 013-3h14a3 3 0 013 3v9.01zM6.168 10.555C7.678 12.819 9.646 14 12 14c2.354 0 4.322-1.18 5.832-3.445a1 1 0 10-1.664-1.11C15.01 11.181 13.646 12 12 12c-1.646 0-3.01-.82-4.168-2.555a1 1 0 00-1.664 1.11z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/chat-5}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M22 15.01l.025-.01v4.586a1 1 0 01-1.707.707L18.025 18H6a3 3 0 01-3-3V6a3 3 0 013-3h13a3 3 0 013 3v9.01z" fill="#335EEA" opacity=".3"/><path d="M7.5 12a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm5 0a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm5 0a1.5 1.5 0 110-3 1.5 1.5 0 010 3z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/chat-6}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M14.486 18l-1.689 3.057a1 1 0 01-1.708.069L9.017 18H5a3 3 0 01-3-3V6a3 3 0 013-3h14a3 3 0 013 3v9a3 3 0 01-3 3h-4.514z" fill="#335EEA" opacity=".3"/><path d="M6 7h9a1 1 0 010 2H6a1 1 0 110-2zm0 4h5a1 1 0 010 2H6a1 1 0 010-2z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/chat-check}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M4.875 20.75a.946.946 0 01-.67-.288l-1.917-1.916a.926.926 0 010-1.342c.383-.383 1.006-.383 1.341 0l1.246 1.246 3.162-3.162a.926.926 0 011.342 0 .926.926 0 010 1.341l-3.833 3.833a.946.946 0 01-.671.288z" fill="#335EEA" opacity=".3"/><path d="M2 11.865V6a3 3 0 013-3h14a3 3 0 013 3v9.01l.025-.01v4.586a1 1 0 01-1.707.707L18.025 18h-5.041A7.5 7.5 0 002 11.865zM6 7a1 1 0 100 2h9a1 1 0 000-2H6z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/chat-error}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M2 11.865V6a3 3 0 013-3h14a3 3 0 013 3v9.01l.025-.01v4.586a1 1 0 01-1.707.707L18.025 18h-5.041A7.5 7.5 0 002 11.865zM6 7a1 1 0 100 2h9a1 1 0 000-2H6z" fill="#335EEA"/><path d="M6 14a1 1 0 011 1v2a1 1 0 01-2 0v-2a1 1 0 011-1zm0 7a1 1 0 110-2 1 1 0 010 2z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/chat-locked}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path fill="#335EEA" opacity=".3" d="M5 15l-2 6.5 6.5-2z"/><path d="M16 10v-.5a2.5 2.5 0 10-5 0v.5a1 1 0 00-1 1v3a1 1 0 001 1h5a1 1 0 001-1v-3a1 1 0 00-1-1zm-2.5 11a9.5 9.5 0 110-19 9.5 9.5 0 010 19zm0-13A1.5 1.5 0 0115 9.5v.5h-3v-.5A1.5 1.5 0 0113.5 8z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/chat-smile}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path fill="#335EEA" opacity=".3" d="M5 15l-2 6.5 6.5-2z"/><path d="M13 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S3 17.523 3 12 7.477 2 13 2zM7.168 13.555C8.678 15.819 10.646 17 13 17c2.354 0 4.322-1.18 5.832-3.445a1 1 0 10-1.664-1.11C16.01 14.181 14.646 15 13 15c-1.646 0-3.01-.82-4.168-2.555a1 1 0 10-1.664 1.11z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/clipboard-check}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M10.875 15.75a.946.946 0 01-.67-.287l-1.918-1.917a.926.926 0 010-1.342c.384-.383 1.007-.383 1.342 0l1.246 1.246 3.162-3.162a.926.926 0 011.342 0 .926.926 0 010 1.341l-3.833 3.834a.946.946 0 01-.671.287zM11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/clipboard-list}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="10" y="9" width="7" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="9" width="2" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="13" width="2" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="10" y="13" width="7" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="17" width="2" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="10" y="17" width="7" height="2" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/contact-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><circle fill="#335EEA" opacity=".3" cx="12" cy="12" r="10"/><path d="M12 11a2 2 0 110-4 2 2 0 010 4zm-5 5.5c.216-2.983 2.368-4.5 4.99-4.5 2.66 0 4.846 1.433 5.009 4.5.006.122 0 .5-.418.5H7.404c-.14 0-.415-.338-.404-.5z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/delete-user}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M9 11a4 4 0 110-8 4 4 0 010 8zm12-3h-4a1 1 0 010-2h4a1 1 0 010 2z" fill="#335EEA" opacity=".3"/><path d="M0 20.2C.389 15.426 4.263 13 8.984 13c4.788 0 8.722 2.293 9.015 7.2.012.195 0 .8-.751.8H.727c-.25 0-.747-.54-.726-.8z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/dial-numbers}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="4" y="4" width="4" height="4" rx="2"/><rect fill="#335EEA" x="4" y="10" width="4" height="4" rx="2"/><rect fill="#335EEA" x="10" y="4" width="4" height="4" rx="2"/><rect fill="#335EEA" x="10" y="10" width="4" height="4" rx="2"/><rect fill="#335EEA" x="16" y="4" width="4" height="4" rx="2"/><rect fill="#335EEA" x="16" y="10" width="4" height="4" rx="2"/><rect fill="#335EEA" x="4" y="16" width="4" height="4" rx="2"/><rect fill="#335EEA" x="10" y="16" width="4" height="4" rx="2"/><rect fill="#335EEA" x="16" y="16" width="4" height="4" rx="2"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/flag}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3.5 3H5v16.5a1.5 1.5 0 01-3 0v-15A1.5 1.5 0 013.5 3z" fill="#335EEA"/><path d="M7 3h12.755a1 1 0 01.743 1.669L17.5 8l2.998 3.331A1 1 0 0119.755 13H7V3z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/forward}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M13 10V5.67a.75.75 0 011.248-.56l7.158 6.362a.75.75 0 01.032 1.09L14.28 19.72a.75.75 0 01-1.28-.53V15c-1.347-.081-4.178-.084-8.491-.01A.5.5 0 014 14.492v-3.986a.5.5 0 01.505-.5c5.13.05 7.962.048 8.495-.005z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/group}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M18 14a3 3 0 110-6 3 3 0 010 6zm-9-3a4 4 0 110-8 4 4 0 010 8z" fill="#335EEA" opacity=".3"/><path d="M17.601 15c3.407.038 6.188 1.76 6.397 5.4.009.147 0 .6-.542.6H19.6c0-2.25-.744-4.328-1.999-6zm-17.6 5.2C.388 15.426 4.26 13 8.983 13c4.788 0 8.722 2.293 9.015 7.2.012.195 0 .8-.751.8H.727c-.25 0-.747-.54-.726-.8z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/group-chat}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M16 15.632V12a3 3 0 00-3-3H6.162V5.526A2.526 2.526 0 018.688 3h11.79a2.526 2.526 0 012.526 2.526v7.58l.017 4.68a.5.5 0 01-.854.356l-2.51-2.51H16z" fill="#335EEA"/><path d="M1.985 18v-5a2 2 0 012-2h8a2 2 0 012 2v5a2 2 0 01-2 2H4.101l-1.244 1.19a.5.5 0 01-.846-.36v-2.506A2.014 2.014 0 011.985 18zM6.5 14a.5.5 0 100 1h5a.5.5 0 100-1h-5zm3 2a.5.5 0 100 1h2a.5.5 0 100-1h-2z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/incoming-box}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M22 17v4a2 2 0 01-2 2H4a2 2 0 01-2-2v-4h4.28l.543 1.632A2 2 0 008.721 20h6.661a2 2 0 001.789-1.106L18.118 17H22z" fill="#335EEA"/><path d="M2.563 15l3.364-5.98A2 2 0 017.67 8h8.66a2 2 0 011.743 1.02L21.437 15h-3.319a2 2 0 00-1.789 1.106L15.382 18H8.721l-.544-1.632A2 2 0 006.279 15H2.563z" fill="#335EEA" opacity=".3"/><path d="M14.888 2.83H12.93V.824a.5.5 0 00-.5-.5h-1.023a.5.5 0 00-.5.5v2.008H8.95a.5.5 0 00-.381.823l2.968 3.505a.5.5 0 00.763 0l2.968-3.505a.5.5 0 00-.381-.823z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/incoming-call}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M9.86 6.012a.5.5 0 01.85.298l.524 4.709a.5.5 0 01-.552.552l-4.709-.523a.5.5 0 01-.298-.85L7.06 8.811 5.559 7.31a.5.5 0 010-.707l.707-.707a.5.5 0 01.707 0l1.502 1.501L9.86 6.012z" fill="#335EEA" opacity=".3"/><path d="M12.08 14.784l2.204-2.204a2 2 0 00.375-2.309l-.125-.25a2 2 0 01.374-2.308l2.733-2.733a.5.5 0 01.801.13l1.104 2.208a4.387 4.387 0 01-.822 5.065l-5.999 5.998a5.427 5.427 0 01-5.553 1.311l-2.415-.804a.5.5 0 01-.195-.828l2.65-2.652a2 2 0 012.31-.374l.25.125a2 2 0 002.308-.375z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/incoming-mail}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5 9h14a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2v-9a2 2 0 012-2zm13.144 1.84L12 14.148 5.856 10.84a.75.75 0 00-.712 1.32l6.5 3.5c.222.12.49.12.712 0l6.5-3.5a.75.75 0 00-.712-1.32z" fill="#335EEA"/><path d="M14.888 2.83H12.93V.824a.5.5 0 00-.5-.5h-1.023a.5.5 0 00-.5.5v2.008H8.95a.5.5 0 00-.381.823l2.968 3.505a.5.5 0 00.763 0l2.968-3.505a.5.5 0 00-.381-.823z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/mail}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5 6h14a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2zm13.144 1.84L12 11.148 5.856 7.84a.75.75 0 10-.712 1.32l6.5 3.5c.222.12.49.12.712 0l6.5-3.5a.75.75 0 00-.712-1.32z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/mail-at}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M11.575 21.2c-5.4 0-8.725-3.8-8.725-8.625 0-5.7 4.525-9.525 9.675-9.525 4.925 0 8.6 3.025 8.6 7.8 0 4.35-2.3 6.075-4.6 6.075-1.125 0-2.05-.525-2.45-1.275-.775.75-1.95 1.225-3.075 1.225-2.75 0-4.15-1.95-4.15-4.3 0-3.025 2.2-5.475 5.425-5.475.925 0 1.675.25 2.25.675l.1-.425H17l-1.175 5.5c-.225 1.1.025 1.975 1.1 1.975 1.325 0 2.1-1.1 2.1-4.025 0-3.9-3.075-5.725-6.525-5.725-3.875 0-7.45 2.675-7.45 7.5 0 3.95 2.525 6.525 6.525 6.525 1.5 0 3.05-.325 4.4-1.025L16.8 20.1c-1.55.7-3.6 1.1-5.225 1.1zm-.175-6.675c.65 0 1.3-.175 1.825-.7l.8-3.7c-.45-.475-1.1-.7-1.725-.7-1.65 0-2.85 1.275-2.85 2.95 0 1.3.625 2.15 1.95 2.15z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/mail-attachment}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M14.857 13c.093-.278.143-.574.143-.881V6.881C15 5.29 13.657 4 12 4h-.273C10.221 4 9 5.173 9 6.619h1.09c0-.868.734-1.571 1.637-1.571H12c1.054 0 1.91.82 1.91 1.833v5.238c0 .32-.086.62-.235.881h-3.35a1.768 1.768 0 01-.234-.881V9.5c0-.434.366-.786.818-.786.452 0 .818.352.818.786v1.833h1.091V9.5c0-1.013-.855-1.833-1.909-1.833S9 8.487 9 9.5v2.619c0 .307.05.603.143.881H6a1 1 0 01-1-1V3a1 1 0 011-1h12a1 1 0 011 1v9a1 1 0 01-1 1h-3.143z" fill="#335EEA" opacity=".3"/><path d="M9 10.333v1.786C9 13.71 10.343 15 12 15s3-1.29 3-2.881v-1.786l5.207-3.76a.5.5 0 01.793.405V17a2 2 0 01-2 2H5a2 2 0 01-2-2V6.978a.5.5 0 01.793-.405L9 10.333zm1.09.788L12 12.5l1.91-1.379v.998c0 1.013-.856 1.833-1.91 1.833-1.054 0-1.91-.82-1.91-1.833v-.998z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/mail-box}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M22 15v4a2 2 0 01-2 2H4a2 2 0 01-2-2v-4h4.28l.543 1.632A2 2 0 008.721 18h6.661a2 2 0 001.789-1.106L18.118 15H22z" fill="#335EEA"/><path d="M2.563 13l3.364-5.98A2 2 0 017.67 6h8.66a2 2 0 011.743 1.02L21.437 13h-3.319a2 2 0 00-1.789 1.106L15.382 16H8.721l-.544-1.632A2 2 0 006.279 13H2.563z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/mail-error}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12.984 18A7.5 7.5 0 004 11.15V7a2 2 0 012-2h14a2 2 0 012 2v9a2 2 0 01-2 2h-7.016zm6.16-11.16L13 10.148 6.856 6.84a.75.75 0 10-.712 1.32l6.5 3.5c.222.12.49.12.712 0l6.5-3.5a.75.75 0 00-.712-1.32z" fill="#335EEA"/><path d="M6.5 14a1 1 0 011 1v2a1 1 0 01-2 0v-2a1 1 0 011-1zm0 7a1 1 0 110-2 1 1 0 010 2z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/mail-heart}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M6 2h12a1 1 0 011 1v10a1 1 0 01-1 1H6a1 1 0 01-1-1V3a1 1 0 011-1zm7.8 2c-.644 0-1.397.73-1.8 1.2-.403-.47-1.156-1.2-1.8-1.2-1.14 0-1.8.889-1.8 2.02C8.4 7.273 9.6 8.6 12 10c2.4-1.4 3.6-2.7 3.6-3.9 0-1.131-.66-2.1-1.8-2.1z" fill="#335EEA" opacity=".3"/><path d="M3.793 6.573L12 12.5l8.207-5.927a.5.5 0 01.793.405V17a2 2 0 01-2 2H5a2 2 0 01-2-2V6.978a.5.5 0 01.793-.405z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/mail-locked}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12.984 18A7.5 7.5 0 004 11.15V7a2 2 0 012-2h14a2 2 0 012 2v9a2 2 0 01-2 2h-7.016zm6.16-11.16L13 10.148 6.856 6.84a.75.75 0 10-.712 1.32l6.5 3.5c.222.12.49.12.712 0l6.5-3.5a.75.75 0 00-.712-1.32z" fill="#335EEA"/><path d="M8 17a1 1 0 011 1v3a1 1 0 01-1 1H3a1 1 0 01-1-1v-3a1 1 0 011-1v-.5a2.5 2.5 0 115 0v.5zm-2.5-2A1.5 1.5 0 004 16.5v.5h3v-.5A1.5 1.5 0 005.5 15z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/mail-notification}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M21 12.083A6 6 0 0014.083 19H5a2 2 0 01-2-2V8a2 2 0 012-2h14a2 2 0 012 2v4.083zM18.144 7.84L12 11.148 5.856 7.84a.75.75 0 10-.712 1.32l6.5 3.5c.222.12.49.12.712 0l6.5-3.5a.75.75 0 00-.712-1.32z" fill="#335EEA"/><circle fill="#335EEA" opacity=".3" cx="19.5" cy="17.5" r="2.5"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/mail-opened}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M6 2h12a1 1 0 011 1v9a1 1 0 01-1 1H6a1 1 0 01-1-1V3a1 1 0 011-1zm1.5 3a.5.5 0 000 1h6a.5.5 0 100-1h-6zm0 2a.5.5 0 000 1h3a.5.5 0 100-1h-3z" fill="#335EEA" opacity=".3"/><path d="M3.793 6.573L12 12.5l8.207-5.927a.5.5 0 01.793.405V17a2 2 0 01-2 2H5a2 2 0 01-2-2V6.978a.5.5 0 01.793-.405z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/mail-unocked}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3 17v-1a1 1 0 00-2 0H0a2 2 0 114 0v1h4a1 1 0 011 1v3a1 1 0 01-1 1H3a1 1 0 01-1-1v-3a1 1 0 011-1z" fill="#335EEA" opacity=".3"/><path d="M12.984 18A7.5 7.5 0 004 11.15V7a2 2 0 012-2h14a2 2 0 012 2v9a2 2 0 01-2 2h-7.016zm6.16-11.16L13 10.148 6.856 6.84a.75.75 0 10-.712 1.32l6.5 3.5c.222.12.49.12.712 0l6.5-3.5a.75.75 0 00-.712-1.32z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/missed-call}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M6.586 8L5.172 6.586a1 1 0 111.414-1.414L8 6.586l1.414-1.414a1 1 0 111.414 1.414L9.414 8l1.414 1.414a1 1 0 11-1.414 1.414L8 9.414l-1.414 1.414a1 1 0 11-1.414-1.414L6.586 8z" fill="#335EEA" opacity=".3"/><path d="M13.08 14.784l2.204-2.204a2 2 0 00.375-2.309l-.125-.25a2 2 0 01.374-2.308l2.733-2.733a.5.5 0 01.801.13l1.104 2.208a4.387 4.387 0 01-.822 5.065l-5.999 5.998a5.427 5.427 0 01-5.553 1.311l-2.415-.804a.5.5 0 01-.195-.828l2.65-2.652a2 2 0 012.31-.374l.25.125a2 2 0 002.308-.375z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/outgoing-box}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M22 17v4a2 2 0 01-2 2H4a2 2 0 01-2-2v-4h4.28l.543 1.632A2 2 0 008.721 20h6.661a2 2 0 001.789-1.106L18.118 17H22z" fill="#335EEA"/><path d="M2.563 15l3.364-5.98A2 2 0 017.67 8h8.66a2 2 0 011.743 1.02L21.437 15h-3.319a2 2 0 00-1.789 1.106L15.382 18H8.721l-.544-1.632A2 2 0 006.279 15H2.563z" fill="#335EEA" opacity=".3"/><path d="M9.032 4.492h1.956V6.5a.5.5 0 00.5.5h1.024a.5.5 0 00.5-.5V4.492h1.956a.5.5 0 00.382-.823L12.382.164a.5.5 0 00-.764 0L8.65 3.669a.5.5 0 00.382.823z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/outgoing-call}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M7.143 11.665a.5.5 0 01-.85-.298l-.524-4.709a.5.5 0 01.552-.552l4.71.523a.5.5 0 01.298.85L9.943 8.866l1.501 1.502a.5.5 0 010 .707l-.707.707a.5.5 0 01-.707 0L8.53 10.28l-1.386 1.385z" fill="#335EEA" opacity=".3"/><path d="M12.08 14.784l2.204-2.204a2 2 0 00.375-2.309l-.125-.25a2 2 0 01.374-2.308l2.733-2.733a.5.5 0 01.801.13l1.104 2.208a4.387 4.387 0 01-.822 5.065l-5.999 5.998a5.427 5.427 0 01-5.553 1.311l-2.415-.804a.5.5 0 01-.195-.828l2.65-2.652a2 2 0 012.31-.374l.25.125a2 2 0 002.308-.375z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/outgoing-mail}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5 9h14a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2v-9a2 2 0 012-2zm13.144 1.84L12 14.148 5.856 10.84a.75.75 0 00-.712 1.32l6.5 3.5c.222.12.49.12.712 0l6.5-3.5a.75.75 0 00-.712-1.32z" fill="#335EEA"/><path d="M9.032 4.492h1.956V6.5a.5.5 0 00.5.5h1.024a.5.5 0 00.5-.5V4.492h1.956a.5.5 0 00.382-.823L12.382.164a.5.5 0 00-.764 0L8.65 3.669a.5.5 0 00.382.823z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/readed-mail}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M4.875 20.75a.946.946 0 01-.67-.288l-1.917-1.916a.926.926 0 010-1.342c.383-.383 1.006-.383 1.341 0l1.246 1.246 3.162-3.162a.926.926 0 011.342 0 .926.926 0 010 1.341l-3.833 3.833a.946.946 0 01-.671.288z" fill="#335EEA" opacity=".3"/><path d="M12.984 18A7.5 7.5 0 004 11.15V7a2 2 0 012-2h14a2 2 0 012 2v9a2 2 0 01-2 2h-7.016zm6.16-11.16L13 10.148 6.856 6.84a.75.75 0 10-.712 1.32l6.5 3.5c.222.12.49.12.712 0l6.5-3.5a.75.75 0 00-.712-1.32z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/reply}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M21.445 17.791c0-.82.176-4.058-2.378-6.626C17.348 9.437 14.777 9.137 11.7 9V4.693a.75.75 0 00-1.254-.555l-7.14 6.477a.75.75 0 00-.006 1.106l7.14 6.612a.75.75 0 001.26-.55V13.5c1.953.054 3.344.178 4.608.58 1.82.58 3.227 2.222 4.22 4.928a.75.75 0 00.704.492h.218c0-.493-.005-1.274-.005-1.709z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/reply-all}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8.296 4.138l-7.14 6.477a.75.75 0 00-.006 1.106l7.14 6.612a.75.75 0 001.26-.55V4.693a.75.75 0 00-1.254-.555z" fill="#335EEA" opacity=".3"/><path d="M23.295 17.791c0-.82.176-4.058-2.378-6.626C19.198 9.437 16.627 9.137 13.55 9V4.693a.75.75 0 00-1.254-.555l-7.14 6.477a.75.75 0 00-.006 1.106l7.14 6.612a.75.75 0 001.26-.55V13.5c1.953.054 3.344.178 4.608.58 1.82.58 3.227 2.222 4.22 4.928a.75.75 0 00.704.492h.218c0-.493-.005-1.274-.005-1.709z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/right}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12.657 10V5.67a.75.75 0 00-1.248-.56l-7.157 6.362a.75.75 0 00-.032 1.09l7.157 7.158a.75.75 0 001.28-.53V15c1.347-.081 4.178-.084 8.492-.01a.5.5 0 00.508-.499v-3.986a.5.5 0 00-.505-.5c-5.13.05-7.962.048-8.495-.005z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/rss}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><circle fill="#335EEA" cx="6" cy="18" r="3"/><path d="M16.5 21h-3c0-5.799-4.701-10.5-10.5-10.5v-3c7.456 0 13.5 6.044 13.5 13.5z" fill="#335EEA" opacity=".3"/><path d="M22.5 21h-3c0-8.837-7.663-16.5-16.5-16.5v-3c10.493 0 19.5 9.007 19.5 19.5z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/safe-chat}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 17a1 1 0 011 1v3a1 1 0 01-1 1H3a1 1 0 01-1-1v-3a1 1 0 011-1v-.5a2.5 2.5 0 115 0v.5zm-2.5-2A1.5 1.5 0 004 16.5v.5h3v-.5A1.5 1.5 0 005.5 15z" fill="#335EEA" opacity=".3"/><path d="M2 11.865V6a3 3 0 013-3h14a3 3 0 013 3v9.01l.025-.01v4.586a1 1 0 01-1.707.707L18.025 18h-5.041A7.5 7.5 0 002 11.865zM6 7a1 1 0 100 2h9a1 1 0 000-2H6z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/send}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3 13.5L19 12 3 10.5V3.773a.5.5 0 01.705-.456l18.282 8.227a.5.5 0 010 .912L3.705 20.683A.5.5 0 013 20.227V13.5z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/sending-mail}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M4 16h1a1 1 0 010 2H4a1 1 0 010-2zm-3-5h4a1 1 0 010 2H1a1 1 0 010-2zm2-5h2a1 1 0 110 2H3a1 1 0 110-2z" fill="#335EEA" opacity=".3"/><path d="M10 6h12a2 2 0 012 2v8a2 2 0 01-2 2H10a2 2 0 01-2-2V8a2 2 0 012-2zm11.085 2.072L16 10.719l-5.085-2.647a.632.632 0 00-.84.244.59.59 0 00.252.812l5.379 2.8a.64.64 0 00.588 0l5.38-2.8a.59.59 0 00.252-.812.632.632 0 00-.841-.244z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/sending}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 13.167L20.447 12 8 10.833V5.772a.5.5 0 01.705-.456l13.84 6.228a.5.5 0 010 .912l-13.84 6.228A.5.5 0 018 18.228v-5.061z" fill="#335EEA"/><path d="M4 16h1a1 1 0 010 2H4a1 1 0 010-2zm-3-5h4a1 1 0 010 2H1a1 1 0 010-2zm3-5h1a1 1 0 110 2H4a1 1 0 110-2z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/share}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M10.9 2a1 1 0 010 2H6a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2v-2a1 1 0 012 0v2a4 4 0 01-4 4H6a4 4 0 01-4-4V6a4 4 0 014-4h4.9z" fill="#335EEA" opacity=".3"/><path d="M7.005 13.897c0-.762-.164-3.772 2.21-6.16 1.599-1.608 3.99-1.886 6.85-2.013V1.838a.75.75 0 011.254-.556l6.509 5.905a.75.75 0 01.005 1.106l-6.508 6.027a.75.75 0 01-1.26-.55V9.908c-1.816.05-3.11.165-4.284.539-1.685.536-2.989 2.052-3.912 4.55a.75.75 0 01-.703.49H7c0-.46.005-1.186.005-1.59z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/shield-thunder}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M4 4l7.631-1.43a2 2 0 01.738 0L20 4v9.283a8.51 8.51 0 01-4 7.217l-3.47 2.169a1 1 0 01-1.06 0L8 20.5a8.51 8.51 0 01-4-7.217V4z" fill="#335EEA" opacity=".3"/><path fill="#335EEA" opacity=".3" d="M11.333 18L16 11.4h-2.333V7L9 13.6h2.333z"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/shield-user}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M4 4l7.631-1.43a2 2 0 01.738 0L20 4v9.283a8.51 8.51 0 01-4 7.217l-3.47 2.169a1 1 0 01-1.06 0L8 20.5a8.51 8.51 0 01-4-7.217V4z" fill="#335EEA" opacity=".3"/><path d="M12 11a2 2 0 110-4 2 2 0 010 4zM7 16.5c.216-2.983 2.368-4.5 4.99-4.5 2.66 0 4.846 1.433 5.009 4.5.006.122 0 .5-.418.5H7.404c-.14 0-.415-.338-.404-.5z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/snoozed-mail}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12.984 18A7.5 7.5 0 004 11.15V7a2 2 0 012-2h14a2 2 0 012 2v9a2 2 0 01-2 2h-7.016zm6.16-11.16L13 10.148 6.856 6.84a.75.75 0 10-.712 1.32l6.5 3.5c.222.12.49.12.712 0l6.5-3.5a.75.75 0 00-.712-1.32z" fill="#335EEA"/><path d="M8.447 18.106a1 1 0 01-.894 1.788L5 18.618V14.5a1 1 0 012 0v2.882l1.447.724z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/spam}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M4.5 3h15A1.5 1.5 0 0121 4.5v15a1.5 1.5 0 01-1.5 1.5h-15A1.5 1.5 0 013 19.5v-15A1.5 1.5 0 014.5 3zM8 5a1 1 0 100 2h8a1 1 0 000-2H8zm2.586 9l-1.414 1.414a1 1 0 101.414 1.414L12 15.414l1.414 1.414a1 1 0 101.414-1.414L13.414 14l1.414-1.414a1 1 0 10-1.414-1.414L12 12.586l-1.414-1.414a1 1 0 10-1.414 1.414L10.586 14z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/thumbtack}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M11.673 8.33L15 6.1l-.878-.878a1 1 0 010-1.414l1.415-1.415a1 1 0 011.414 0l5.657 5.657a1 1 0 010 1.414l-1.415 1.415a1 1 0 01-1.414 0L18.9 10l-2.23 3.326c.256.925.328 1.905.196 2.882l-.432 3.197a1 1 0 01-1.698.573l-9.715-9.715a1 1 0 01.573-1.698l3.197-.432a7.175 7.175 0 012.882.197z" fill="#335EEA"/><path fill="#335EEA" opacity=".3" d="M8.818 14.06l-4.04 4.041-.556 2.677 2.677-.555 4.04-4.041z"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/urgent-mail}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12.704 14l2.963-4h-2.223V6L9 12h2.222v2H6a1 1 0 01-1-1V3a1 1 0 011-1h12a1 1 0 011 1v10a1 1 0 01-1 1h-5.296z" fill="#335EEA" opacity=".3"/><path d="M9.804 10.914L9 12h2.222v4l4.445-6h-.205l4.745-3.427a.5.5 0 01.793.405V17a2 2 0 01-2 2H5a2 2 0 01-2-2V6.978a.5.5 0 01.793-.405l6.011 4.341z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> communication/write}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M21.748 7.099l-8.85 9.215a1.5 1.5 0 01-1.05.46l-3.723.079.079-3.738a1.5 1.5 0 01.442-1.033l9.05-8.999a1.5 1.5 0 012.118.003L21.727 5a1.5 1.5 0 01.021 2.1z" fill="#335EEA"/><path d="M12.9 2a1 1 0 010 2H6a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2v-5a1 1 0 012 0v5a4 4 0 01-4 4H6a4 4 0 01-4-4V6a4 4 0 014-4h6.9z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> cooking/baking-glove}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M7.036 17.266L2.54 14.235a2 2 0 012.237-3.317L7 12.418V8a6 6 0 1112 0v9a1 1 0 01-1 1H8a1 1 0 01-.964-.734z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="6" y="20" width="14" height="2" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> cooking/bowl}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 17h8v2a1 1 0 01-1 1H9a1 1 0 01-1-1v-2z" fill="#335EEA" opacity=".3"/><path d="M2 7h20v1c0 5.523-4.477 10-10 10S2 13.523 2 8V7zm15.58 2.606c-.909 2.123-2.247 3.61-4.027 4.5a1 1 0 00.894 1.788c2.22-1.11 3.882-2.956 4.972-5.5a1 1 0 10-1.838-.788z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> cooking/chef}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="5" y="20" width="14" height="2" rx="1"/><path d="M5 12.874a4.002 4.002 0 011.336-7.86 6.003 6.003 0 0111.328 0A4 4 0 0119 12.874V17a1 1 0 01-1 1H6a1 1 0 01-1-1v-4.126z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> cooking/cooking-book}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M20 18H8a1 1 0 000 2h12v1c0 .627-.358 1-1 1H7c-1.746 0-3-1.306-3-3V5c0-1.694 1.254-3 3-3h12c.642 0 1 .373 1 1v15z" id="a"/></defs><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><use fill="#335EEA" opacity=".3" xlink:href="#a"/><path d="M9.35 11.588C8.574 11.378 8 10.642 8 9.765c0-1.04.806-1.883 1.8-1.883.051 0 .102.003.151.007C10.321 6.789 11.322 6 12.5 6s2.18.789 2.549 1.889c.05-.004.1-.007.151-.007.994 0 1.8.843 1.8 1.883 0 .877-.574 1.614-1.35 1.823v1.941a.46.46 0 01-.45.471H9.8a.46.46 0 01-.45-.47v-1.942z" fill="#335EEA" opacity=".3" mask="url(#b)"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> cooking/cooking-pot}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M10 6V5a1 1 0 011-1h2a1 1 0 011 1v1h.384c1.823 0 3.63.34 5.33 1l.088.034A.5.5 0 0119.62 8H4.38a.5.5 0 01-.182-.966L4.286 7c1.7-.66 3.507-1 5.33-1H10zm10 5h2a1 1 0 010 2h-2a1 1 0 010-2zM2 11h2a1 1 0 010 2H2a1 1 0 010-2z" fill="#335EEA" opacity=".3"/><path d="M5 9h14a1 1 0 011 1v7a4 4 0 01-4 4H8a4 4 0 01-4-4v-7a1 1 0 011-1z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> cooking/cutting-board}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8.379 15.121a2.5 2.5 0 010 3.536l-2.122 2.121a2.5 2.5 0 01-3.535-3.535l2.121-2.122a2.5 2.5 0 013.536 0zm-4.561 4.632a1.25 1.25 0 101.768-1.768 1.25 1.25 0 00-1.768 1.768z" fill="#335EEA" opacity=".3"/><path d="M14.39 1.333l7.777 7.778a2 2 0 010 2.828l-9.192 9.193a2 2 0 01-2.829 0l-7.778-7.778a2 2 0 010-2.829l9.193-9.192a2 2 0 012.828 0z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> cooking/dinner}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12.5 19a6.5 6.5 0 110-13 6.5 6.5 0 010 13zm0-2.6a3.9 3.9 0 100-7.8 3.9 3.9 0 000 7.8zm0-1.3a2.6 2.6 0 110-5.2 2.6 2.6 0 010 5.2zM22 13.5c.286 0 .529.212.568.495l.53 3.89A.982.982 0 0122.125 19a1.027 1.027 0 01-1.023-1.12l.353-3.882A.548.548 0 0122 13.5z" fill="#335EEA" opacity=".3"/><path d="M21 5v7h3V8a3 3 0 00-3-3zM.714 5l.323 3.329a.393.393 0 00.783 0L2.143 5h.714l.323 3.329a.393.393 0 00.783 0L4.286 5H5v3.395a2.5 2.5 0 01-5 0V5h.714z" fill="#335EEA"/><path d="M2.5 12.368c.4 0 .731.314.753.714l.26 4.848A1.015 1.015 0 012.5 19a1.015 1.015 0 01-1.014-1.07l.261-4.848a.754.754 0 01.753-.714z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> cooking/dish}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12 21a9 9 0 110-18 9 9 0 010 18zm0-3a6 6 0 100-12 6 6 0 000 12z" fill="#335EEA"/><path d="M12 16a4 4 0 100-8 4 4 0 000 8z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> cooking/dishes}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3 16h18a4 4 0 01-4 4H7a4 4 0 01-4-4zm0-5h18v1a2 2 0 01-2 2H5a2 2 0 01-2-2v-1z" fill="#335EEA"/><path d="M3 5h18v2a2 2 0 01-2 2H5a2 2 0 01-2-2V5z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> cooking/fork}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M9.379 13.914l.707.707a1 1 0 010 1.415l-4.95 4.95a1 1 0 01-1.414 0l-.707-.708a1 1 0 010-1.414l4.95-4.95a1 1 0 011.414 0z" fill="#335EEA" opacity=".3"/><path d="M15.56 2.99l-3.313 4.188a.786.786 0 001.105 1.105l4.189-3.314.99.99-3.314 4.19a.786.786 0 001.105 1.104l4.188-3.314.708.707-4.243 4.243a4 4 0 01-5.657 0l-.707-.707a4 4 0 010-5.657l4.243-4.243.707.708z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> cooking/fork-spoon}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M15 3l.45 4.502a.552.552 0 001.1 0L17 3h1l.45 4.502a.552.552 0 001.1 0L20 3h1v4.5a3.5 3.5 0 01-7 0V3h1z" fill="#335EEA"/><path d="M17.5 13c.561 0 1.024.438 1.055.998l.362 6.504A1.419 1.419 0 0117.5 22a1.419 1.419 0 01-1.417-1.498l.362-6.504c.03-.56.494-.998 1.055-.998zM7.5 14c.562 0 1.027.437 1.062.998l.344 5.505A1.41 1.41 0 017.5 22a1.41 1.41 0 01-1.406-1.497l.344-5.505c.035-.561.5-.998 1.062-.998z" fill="#335EEA" opacity=".3"/><path d="M7.5 12C5.567 12 4 9.433 4 7.5 4 5.567 5.567 3 7.5 3S11 5.567 11 7.5C11 9.433 9.433 12 7.5 12zm.01-7.399l.05 5.347a2.097 2.097 0 001.917-2.053c.02-1.134-.844-3.19-1.967-3.294z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> cooking/fork-spoon-knife}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M11 3l.45 4.502a.552.552 0 001.1 0L13 3h1l.45 4.502a.552.552 0 001.1 0L16 3h1v4.5a3.5 3.5 0 01-7 0V3h1z" fill="#335EEA"/><path d="M13.5 13c.561 0 1.024.438 1.055.998l.362 6.504A1.419 1.419 0 0113.5 22a1.419 1.419 0 01-1.417-1.498l.362-6.504c.03-.56.494-.998 1.055-.998zM21.5 15c.563 0 1.031.435 1.071.997l.322 4.507A1.397 1.397 0 0121.5 22a1.397 1.397 0 01-1.393-1.496l.322-4.507c.04-.562.508-.997 1.071-.997z" fill="#335EEA" opacity=".3"/><path d="M20 3v10h4V7a4 4 0 00-4-4z" fill="#335EEA"/><path d="M4.5 14c.562 0 1.027.437 1.062.998l.344 5.505A1.41 1.41 0 014.5 22a1.41 1.41 0 01-1.406-1.497l.344-5.505c.035-.561.5-.998 1.062-.998z" fill="#335EEA" opacity=".3"/><path d="M4.5 12C2.567 12 1 9.433 1 7.5 1 5.567 2.567 3 4.5 3S8 5.567 8 7.5C8 9.433 6.433 12 4.5 12zm.01-7.399l.05 5.347a2.097 2.097 0 001.917-2.053c.02-1.134-.844-3.19-1.967-3.294z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> cooking/frying-pan}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M11 10.5l-.5.5-5.76-2.624a2.945 2.945 0 01-.826-4.798 2.908 2.908 0 014.72 1.01L11 10.5zM4.907 4.606a1.435 1.435 0 00-.045 2.029c.548.567 1.457.58 2.03.026a1.435 1.435 0 00.044-2.03 1.435 1.435 0 00-2.03-.025z" fill="#335EEA" opacity=".3"/><path d="M9.94 19.925a7 7 0 119.899-9.9 7 7 0 01-9.9 9.9zM15 20.5a5.5 5.5 0 100-11 5.5 5.5 0 000 11zm0-1a4.5 4.5 0 110-9 4.5 4.5 0 010 9z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> cooking/grater}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M7.928 8.371L6.072 7.63l.885-2.215a5.431 5.431 0 0110.086 0l.885 2.215-1.856.742-.886-2.214a3.431 3.431 0 00-6.372 0L7.928 8.37z" fill="#335EEA" opacity=".3"/><path d="M7.617 7h8.766a2 2 0 011.956 1.58l2.143 10A2 2 0 0118.526 21H5.474a2 2 0 01-1.956-2.42l2.143-10A2 2 0 017.617 7zM6 19a1 1 0 100-2 1 1 0 000 2zm2-4a1 1 0 100-2 1 1 0 000 2zm2-4a1 1 0 100-2 1 1 0 000 2zm4 0a1 1 0 100-2 1 1 0 000 2zm-2 4a1 1 0 100-2 1 1 0 000 2zm4 0a1 1 0 100-2 1 1 0 000 2zm-6 4a1 1 0 100-2 1 1 0 000 2zm4 0a1 1 0 100-2 1 1 0 000 2zm4 0a1 1 0 100-2 1 1 0 000 2z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> cooking/kitchen-scale}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5 8h14a2 2 0 012 2v10a2 2 0 01-2 2H5a2 2 0 01-2-2V10a2 2 0 012-2zm7 12a5 5 0 100-10 5 5 0 000 10zm-.427-6.438L12 11l.427 2.562a1.5 1.5 0 11-.854 0z" fill="#335EEA"/><path d="M14 6v2h-4V6H7.803A3.369 3.369 0 015 4.5l-.482-.723A.5.5 0 014.934 3h14.132a.5.5 0 01.416.777L19 4.5A3.369 3.369 0 0116.197 6H14z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> cooking/knife-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.782 14.646l.708.708a1 1 0 010 1.414L3.66 19.596a1 1 0 01-1.414 0l-.707-.707a1 1 0 010-1.414l2.828-2.829a1 1 0 011.414 0z" fill="#335EEA" opacity=".3"/><path d="M6.49 12.525L17.096 1.92l4.95 4.95a3 3 0 010 4.242l-6.364 6.364a3 3 0 01-4.243 0l-4.95-4.95zm10.667-5.01a1.5 1.5 0 10-2.121-2.122 1.5 1.5 0 002.12 2.122z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> cooking/knife-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M7.61 15.768a1 1 0 010 1.414l-3.535 3.536a1 1 0 01-1.414 0l-.707-.708a1 1 0 010-1.414l3.536-3.535a1 1 0 011.414 0l.707.707z" fill="#335EEA" opacity=".3"/><path d="M18.51 2.04a7 7 0 010 9.9l-5.656 5.656-4.95-4.95L18.51 2.04z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> cooking/knife-and-fork-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M6 3l.45 4.502a.552.552 0 001.1 0L8 3h1l.45 4.502a.552.552 0 001.1 0L11 3h1v4.5a3.5 3.5 0 01-7 0V3h1z" fill="#335EEA"/><path d="M8.5 13c.561 0 1.024.438 1.055.998l.362 6.504A1.419 1.419 0 018.5 22a1.419 1.419 0 01-1.417-1.498l.362-6.504c.03-.56.494-.998 1.055-.998zM17.5 15c.563 0 1.031.435 1.071.997l.322 4.507A1.397 1.397 0 0117.5 22a1.397 1.397 0 01-1.393-1.496l.322-4.507c.04-.562.508-.997 1.071-.997z" fill="#335EEA" opacity=".3"/><path d="M19 3v10h-4V7a4 4 0 014-4z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> cooking/knife-and-fork-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3.988 3.06l7.071 7.071-2.828 2.828-4.243-4.242a4 4 0 010-5.657zM17.754 3.907L14.889 7.41a.552.552 0 00.777.778l3.502-2.866.707.707-2.865 3.503a.552.552 0 00.777.777l3.502-2.865.708.707-3.182 3.182a3.5 3.5 0 11-4.95-4.95L17.047 3.2l.707.707z" fill="#335EEA"/><path d="M11.075 13.925c.397.396.413 1.033.037 1.449l-4.97 5.498a1.426 1.426 0 11-2.014-2.014l5.498-4.97a1.052 1.052 0 011.45.037zM13.075 13.925a1.052 1.052 0 011.45-.037l5.498 4.97a1.426 1.426 0 11-2.014 2.014l-4.97-5.498a1.052 1.052 0 01.036-1.45z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> cooking/ladle}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M23.374 7.61a1 1 0 010 1.415L17.01 15.39a1 1 0 01-1.414 0l-1.414-1.414a1 1 0 010-1.414l6.364-6.364a1 1 0 011.414 0l1.414 1.414z" fill="#335EEA" opacity=".3"/><path d="M9.232 18.925l3.536-3.536 1.414 1.414-3.536 3.536-.018-.019c-2.194 1.771-5.716 1.356-8.113-1.042-2.398-2.397-2.498-5.604-.692-7.762l7.41 7.409z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> cooking/rolling-pin}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.282 14.475l9.193-9.193a1.5 1.5 0 012.121 0l2.122 2.122a1.5 1.5 0 010 2.121l-9.193 9.193a1.5 1.5 0 01-2.121 0l-2.122-2.122a1.5 1.5 0 010-2.121z" fill="#335EEA"/><path d="M3.515 18.364l.707-.707a.5.5 0 01.707 0l1.414 1.414a.5.5 0 010 .707l-.707.707a1.5 1.5 0 01-2.121-2.121zm14.849-14.85a1.5 1.5 0 012.121 2.122l-.707.707a.5.5 0 01-.707 0L17.657 4.93a.5.5 0 010-.707l.707-.707z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> cooking/saucepan}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M2 9h10a1 1 0 011 1v3a4 4 0 01-4 4H5a4 4 0 01-4-4v-3a1 1 0 011-1z" fill="#335EEA"/><path d="M14.998 9.445l6.504-.362A1.419 1.419 0 0123 10.5a1.419 1.419 0 01-1.498 1.417l-6.504-.362a1.057 1.057 0 010-2.11z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> cooking/shovel}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8.525 14.56l1.414 1.415a1 1 0 010 1.414l-4.95 4.95a1 1 0 01-1.414 0l-1.414-1.414a1 1 0 010-1.415l4.95-4.95a1 1 0 011.414 0z" fill="#335EEA" opacity=".3"/><path d="M11.354 11.732L9.232 9.611a2 2 0 010-2.829l4.243-4.242a2 2 0 012.828 0l5.657 5.657a2 2 0 010 2.828l-4.242 4.243a2 2 0 01-2.829 0l-2.121-2.122-2.122 2.122-1.414-1.414 2.122-2.122zm3.889-7.424L11 8.55l.707.707 4.243-4.242-.707-.707zm2.121 2.12l-4.243 4.244.707.707 4.243-4.243-.707-.707zm2.121 2.122l-4.242 4.243.707.707 4.242-4.243-.707-.707z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> cooking/sieve}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8.613 18h6l.56 1.684A1 1 0 0114.226 21H9a1 1 0 01-.949-1.316L8.613 18z" fill="#335EEA" opacity=".3"/><path d="M21 9v1a9 9 0 01-18 0V9H2a1 1 0 110-2h20a1 1 0 010 2h-1zM6 11a1 1 0 100-2 1 1 0 000 2zm2 3a1 1 0 100-2 1 1 0 000 2zm2 3a1 1 0 100-2 1 1 0 000 2zm4 0a1 1 0 100-2 1 1 0 000 2zm-2-3a1 1 0 100-2 1 1 0 000 2zm4 0a1 1 0 100-2 1 1 0 000 2zm-6-3a1 1 0 100-2 1 1 0 000 2zm4 0a1 1 0 100-2 1 1 0 000 2zm4 0a1 1 0 100-2 1 1 0 000 2z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> cooking/spoon}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M9.379 12.914l.707.707a1 1 0 010 1.415l-4.95 4.95a1 1 0 01-1.414 0l-.707-.708a1 1 0 010-1.414l4.95-4.95a1 1 0 011.414 0z" fill="#335EEA" opacity=".3"/><path d="M15.212 13.538a4.5 4.5 0 004.5-4.5c0-2.486-2.014-7-4.5-7-2.485 0-4.5 4.514-4.5 7a4.5 4.5 0 004.5 4.5z" fill="#335EEA"/><path d="M17.625 5.507c.958 1.112-.092 3.82-1.135 4.863a2.73 2.73 0 01-3.651.189l4.786-5.052z" fill="#FFF"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/adjust}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12 20a8 8 0 110-16 8 8 0 010 16zm0-14a6 6 0 000 12V6z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/anchor-center}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path fill="#335EEA" d="M8 7h8v2H8z"/><circle fill="#335EEA" opacity=".3" cx="12" cy="13" r="3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/anchor-center-down}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><circle fill="#335EEA" opacity=".3" cx="12" cy="19" r="3"/><path d="M4 2h16v16H4z"/><path d="M13 7v7a1 1 0 01-2 0V7H9a1 1 0 110-2h6a1 1 0 010 2h-2z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/anchor-center-up}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><circle fill="#335EEA" opacity=".3" cx="12" cy="5" r="3"/><path d="M4 6h16v16H4z"/><path d="M13 11v7a1 1 0 01-2 0v-7H9a1 1 0 110-2h6a1 1 0 010 2h-2z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/anchor-left}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><circle fill="#335EEA" opacity=".3" cx="5" cy="12" r="3"/><path d="M6 4h16v16H6z"/><path d="M15 9v7a1 1 0 01-2 0V9h-2a1 1 0 110-2h6a1 1 0 010 2h-2z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/anchor-left-down}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><circle fill="#335EEA" opacity=".3" cx="5" cy="19" r="3"/><path d="M6 2h16v16H6z"/><path d="M15 7v7a1 1 0 01-2 0V7h-2a1 1 0 110-2h6a1 1 0 010 2h-2z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/anchor-left-up}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><circle fill="#335EEA" opacity=".3" cx="5" cy="5" r="3"/><path d="M6 6h16v16H6z"/><path d="M15 11v7a1 1 0 01-2 0v-7h-2a1 1 0 110-2h6a1 1 0 010 2h-2z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/anchor-right}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><circle fill="#335EEA" opacity=".3" cx="19" cy="12" r="3"/><path d="M2 4h16v16H2z"/><path d="M11 9v7a1 1 0 01-2 0V9H7a1 1 0 110-2h6a1 1 0 010 2h-2z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/anchor-right-down}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><circle fill="#335EEA" opacity=".3" cx="19" cy="19" r="3"/><path d="M2 2h16v16H2z"/><path d="M11 7v7a1 1 0 01-2 0V7H7a1 1 0 110-2h6a1 1 0 010 2h-2z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/anchor-right-up}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><circle fill="#335EEA" opacity=".3" cx="19" cy="5" r="3"/><path d="M2 6h16v16H2z"/><path d="M11 11v7a1 1 0 01-2 0v-7H7a1 1 0 110-2h6a1 1 0 010 2h-2z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/arrows}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M11 11V3.757a1 1 0 112 0V11h8.757a1 1 0 010 2H13v8.757a1 1 0 01-2 0V13H3.757a1 1 0 110-2H11z" fill="#335EEA" opacity=".3"/><path d="M3.515 12l2.121 2.121c.39.553.39 1.024 0 1.415-.39.39-.862.39-1.414 0L.686 12l3.536-3.536c.471-.47.943-.47 1.414 0 .471.472.471.943 0 1.415L3.515 12zM12 20.485l2.121-2.121c.553-.39 1.024-.39 1.415 0 .39.39.39.862 0 1.414L12 23.314l-3.536-3.536c-.47-.471-.47-.943 0-1.414.472-.471.943-.471 1.415 0L12 20.485zM20.485 12l-2.121-2.121c-.39-.553-.39-1.024 0-1.415.39-.39.862-.39 1.414 0L23.314 12l-3.536 3.536c-.471.47-.943.47-1.414 0-.471-.472-.471-.943 0-1.415L20.485 12zM12 3.515L9.879 5.636c-.553.39-1.024.39-1.415 0-.39-.39-.39-.862 0-1.414L12 .686l3.536 3.536c.47.471.47.943 0 1.414-.472.471-.943.471-1.415 0L12 3.515z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/bezier-curve}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M4.953 14.303l-1.906-.606C4.65 8.644 7.673 6 12 6c4.327 0 7.349 2.644 8.953 7.697l-1.906.606C17.688 10.023 15.377 8 12 8s-5.688 2.022-7.047 6.303zM12 8a1 1 0 100-2 1 1 0 000 2z" fill="#335EEA" opacity=".3"/><path d="M5.732 6h3.439a3.001 3.001 0 015.658 0h3.439a2 2 0 110 2h-3.439a3.001 3.001 0 01-5.658 0H5.732a2 2 0 110-2zM12 8a1 1 0 100-2 1 1 0 000 2zM4 19a3 3 0 110-6 3 3 0 010 6zm0-2a1 1 0 100-2 1 1 0 000 2zm16 2a3 3 0 110-6 3 3 0 010 6zm0-2a1 1 0 100-2 1 1 0 000 2z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/border}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M7 6a1 1 0 00-1 1v10a1 1 0 001 1h10a1 1 0 001-1V7a1 1 0 00-1-1H7zm0-2h10a3 3 0 013 3v10a3 3 0 01-3 3H7a3 3 0 01-3-3V7a3 3 0 013-3z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/brush}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M13.5 6c-.163 2.286-.72 3.786-1.672 4.5 0 0 .672-6.5-1.255-8.5 0 0 0 3.929-1.785 7.143-.837 1.507-1.786 2.999-1.786 5C7.002 17 10.47 18 12.005 18 13.803 18 17 17 17 13.5c0-1.44-1.167-3.94-3.5-7.5z" fill="#335EEA"/><path d="M9.72 20h4.56a1 1 0 01.948.684L16 23H8l.772-2.316A1 1 0 019.721 20z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/bucket}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M10.707 3.222l-7.071 7.07c-.42.422-.615.983-.582 1.533.003.064.008.127.013.187 0 .017 12.975.017 12.975.017l1.736-1.736-7.07-7.071zm1.414-1.414l7.071 7.07a2 2 0 010 2.83l-7.07 7.07a4 4 0 01-5.658 0l-4.242-4.242a4 4 0 010-5.657l7.07-7.071a2 2 0 012.83 0z" fill="#335EEA"/><path d="M20 22a3 3 0 003-3c0-1.105-1-2.771-3-5-2 2.229-3 3.895-3 5a3 3 0 003 3z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/cap-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M13 19v-3.1A5.002 5.002 0 0012 6a5 5 0 00-1 9.9V19H4V4h16v15h-7z" fill="#335EEA"/><circle fill="#335EEA" opacity=".3" cx="12" cy="11" r="2"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/cap-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="#335EEA" fill-rule="evenodd"><circle opacity=".3" cx="12" cy="7" r="2"/><path d="M11 19H4V7h3.03a4.1 4.1 0 00-.03.5c0 2.177 1.718 3.993 4 4.41V19zm2 0v-7.09c2.282-.417 4-2.233 4-4.41a4.1 4.1 0 00-.03-.5H20v12h-7z"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/cap-3}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M13 19v-3.1A5.002 5.002 0 0012 6a5 5 0 00-1 9.9V19H4v-7a8 8 0 1116 0v7h-7z" fill="#335EEA"/><circle fill="#335EEA" opacity=".3" cx="12" cy="11" r="2"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/circle}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><circle fill="#335EEA" cx="12" cy="12" r="8"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/color}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12 21a7 7 0 007-7c0-2.577-2.333-5.91-7-10-4.667 4.09-7 7.423-7 10a7 7 0 007 7z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/color-profile}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12 11a5 5 0 110 8 5 5 0 110-8zm1.334 1.504c.423.735.666 1.587.666 2.496s-.243 1.761-.666 2.496a3 3 0 100-4.991z" fill="#335EEA" opacity=".3"/><circle fill="#335EEA" cx="12" cy="9" r="5"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/component}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12.744 3.279l6.503 3.716a1.5 1.5 0 01.756 1.302v7.406a1.5 1.5 0 01-.756 1.302l-6.503 3.716a1.5 1.5 0 01-1.488 0l-6.503-3.716a1.5 1.5 0 01-.756-1.302V8.297a1.5 1.5 0 01.756-1.302l6.503-3.716a1.5 1.5 0 011.488 0zM12 14.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/crop}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M10 6h4.5C16.71 6 18 7.29 18 9.5V14h-2V9.5c0-1.105-.395-1.5-1.5-1.5H10V6zM8 6v2H4a1 1 0 110-2h4zm10 10v4a1 1 0 01-2 0v-4h2z" fill="#335EEA" opacity=".3"/><path d="M20 16a1 1 0 110 2H9.5C7.29 18 6 16.71 6 14.5V4a1 1 0 012 0v10.5c0 1.105.395 1.5 1.5 1.5H20z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/difference}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M6 9v6a3 3 0 003 3h6v.818C15 20.232 14.232 21 12.818 21H5.182C3.768 21 3 20.232 3 18.818v-7.636C3 9.768 3.768 9 5.182 9H6zm11 7v-6a3 3 0 00-3-3H8v-.818C8 4.768 8.768 4 10.182 4h7.636C19.232 4 20 4.768 20 6.182v7.636C20 15.232 19.232 16 17.818 16H17z" fill="#335EEA"/><path d="M9.273 9h4.454C14.552 9 15 9.448 15 10.273v4.454c0 .825-.448 1.273-1.273 1.273H9.273C8.448 16 8 15.552 8 14.727v-4.454C8 9.448 8.448 9 9.273 9z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/edit}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M19.925 8.44l-8.449 8.448a1.5 1.5 0 01-1.075.44l-3.523-.035a1.5 1.5 0 01-1.485-1.463l-.086-3.427a1.5 1.5 0 01.439-1.098l8.522-8.522a1.5 1.5 0 012.121 0l3.536 3.535a1.5 1.5 0 010 2.121z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="5" y="20" width="15" height="2" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/eraser}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.929 14.828l4.243 4.243L13 16.243 8.757 12 5.93 14.828zm-1.238-1.59l9.546-9.547c.88-.878 2.167-1.015 2.877-.305l4.5 4.5c.71.71.573 1.998-.305 2.877l-9.546 9.546c-.88.878-2.167 1.015-2.877.305l-4.5-4.5c-.71-.71-.573-1.998.305-2.877z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/flatten}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><circle fill="#335EEA" cx="9" cy="15" r="6"/><path d="M8.801 7.002a6 6 0 118.196 8.196 8 8 0 00-8.196-8.196z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/flip-horizontal}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3.739 19H8.5a.5.5 0 00.5-.5V6.596a.5.5 0 00-.964-.185L3.274 18.314A.5.5 0 003.74 19z" fill="#335EEA" opacity=".3"/><path d="M20.261 19H15.5a.5.5 0 01-.5-.5V6.596a.5.5 0 01.964-.185l4.762 11.903a.5.5 0 01-.465.686z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="11" y="2" width="2" height="20" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/flip-vertical}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5 3.739V8.5a.5.5 0 00.5.5h11.904a.5.5 0 00.185-.964L5.686 3.274A.5.5 0 005 3.74z" fill="#335EEA" opacity=".3"/><path d="M5 20.261V15.5a.5.5 0 01.5-.5h11.904a.5.5 0 01.185.964L5.686 20.726A.5.5 0 015 20.26z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" transform="rotate(90 12 12)" x="11" y="2" width="2" height="20" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/horizontal}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M21 12a1 1 0 01-1 1h-1a1 1 0 010-2h1a1 1 0 011 1zm-5 0a1 1 0 01-1 1h-1a1 1 0 010-2h1a1 1 0 011 1zm-5 0a1 1 0 01-1 1H9a1 1 0 010-2h1a1 1 0 011 1zm-5 0a1 1 0 01-1 1H4a1 1 0 010-2h1a1 1 0 011 1z" fill="#335EEA"/><path d="M14.96 21H9.04a.5.5 0 01-.39-.812l2.96-3.7a.5.5 0 01.78 0l2.96 3.7a.5.5 0 01-.39.812zM9.04 3h5.92a.5.5 0 01.39.812l-2.96 3.7a.5.5 0 01-.78 0l-2.96-3.7A.5.5 0 019.04 3z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/image}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M6 5h12a3 3 0 013 3v9a3 3 0 01-3 3H6a3 3 0 01-3-3V8a3 3 0 013-3zM5 17h9l-4.5-6L5 17zm11-3a3 3 0 100-6 3 3 0 000 6z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/interselect}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M6 9v6a3 3 0 003 3h6v.818C15 20.232 14.232 21 12.818 21H5.182C3.768 21 3 20.232 3 18.818v-7.636C3 9.768 3.768 9 5.182 9H6zm11 7v-6a3 3 0 00-3-3H8v-.818C8 4.768 8.768 4 10.182 4h7.636C19.232 4 20 4.768 20 6.182v7.636C20 15.232 19.232 16 17.818 16H17z" fill="#335EEA" opacity=".3"/><path d="M9.273 9h4.454C14.552 9 15 9.448 15 10.273v4.454c0 .825-.448 1.273-1.273 1.273H9.273C8.448 16 8 15.552 8 14.727v-4.454C8 9.448 8.448 9 9.273 9z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/join-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M14 10v9h4V6H5v4h9z" fill="#335EEA"/><circle fill="#335EEA" opacity=".3" cx="8" cy="16" r="2"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/join-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M18 12l-5-6H5v4h5.833L14 13.8V19h4v-7z" fill="#335EEA"/><circle fill="#335EEA" opacity=".3" cx="8" cy="16" r="2"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/join-3}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><circle fill="#335EEA" opacity=".3" cx="8" cy="16" r="2"/><path d="M14.004 19h4c.037-4.64-1.045-8.039-3.412-10.1C12.33 6.93 9.11 5.993 5 6l.006 4c3.223-.005 5.52.663 6.959 1.916 1.332 1.16 2.068 3.5 2.039 7.084z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/layers}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12.934 16.072l6.426-5.116.158-.125a1.5 1.5 0 00.003-2.35l-6.587-5.238a1.5 1.5 0 00-1.868 0L4.475 8.485a1.5 1.5 0 00-.001 2.347l.156.124 6.436 5.117a1.5 1.5 0 001.868 0z" fill="#335EEA"/><path d="M11.056 18.67l-5.72-4.547a.903.903 0 00-1.276.154.91.91 0 00.166 1.279l6.861 5.247a1.5 1.5 0 001.823 0l6.858-5.243a.915.915 0 00.167-1.288.91.91 0 00-1.286-.155l-5.725 4.554a1.5 1.5 0 01-1.868 0z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/line}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M13 9V6c-3.954 1.488-6.211 2.994-8 7h3c.743-.8 1.989-3 5-4z" fill="#335EEA" opacity=".3"/><circle fill="#335EEA" cx="18" cy="7.5" r="3"/><circle fill="#335EEA" cx="6" cy="18" r="3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/magic}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M17.071 7.343L15.657 5.93 12.12 9.464l1.415 1.415 3.535-3.536zm2.121.707L5.05 22.192a1 1 0 01-1.414 0L.808 19.364a1 1 0 010-1.414L14.95 3.808a1 1 0 011.414 0l2.828 2.828a1 1 0 010 1.414z" fill="#335EEA"/><path d="M17.5 12h1a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-1a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5zm3-3h1a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-1a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5zm1 4h1a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-1a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/mask}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M7.675 18.731A7.493 7.493 0 0011 12.5a7.5 7.5 0 00-4.083-6.678 8 8 0 11.758 12.91z" fill="#335EEA" opacity=".3"/><path d="M6.393 17.706A7.976 7.976 0 014 12c0-1.932.685-3.704 1.825-5.086A6.497 6.497 0 019 12.5a6.49 6.49 0 01-2.607 5.206z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/patch}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M11.293 5.636l7.071 7.071L12 19.071 4.929 12l6.364-6.364zm-2.829 5.657a1 1 0 101.415 1.414 1 1 0 00-1.415-1.414zm2.829-2.829a1 1 0 101.414 1.415 1 1 0 00-1.414-1.415zm0 5.657a1 1 0 101.414 1.415 1 1 0 00-1.414-1.415zm2.828-2.828a1 1 0 101.415 1.414 1 1 0 00-1.415-1.414z" fill="#335EEA"/><path d="M10.515 20.415a5.002 5.002 0 01-6.93-6.93l6.93 6.93zM12.778 4.293a5.002 5.002 0 016.93 6.93l-6.93-6.93z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/pen-and-ruller}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3 16h2a1 1 0 000-2H3v-2h2a1 1 0 000-2H3V8h2a1 1 0 100-2H3V4a1 1 0 011-1h6a1 1 0 011 1v15a1 1 0 01-1 1H4a1 1 0 01-1-1v-3z" fill="#335EEA" opacity=".3"/><path d="M16 3h3a2 2 0 012 2v10.249a2 2 0 01-.495 1.317l-2.629 3.004a.5.5 0 01-.752 0l-2.63-3.004A2 2 0 0114 15.249V5a2 2 0 012-2z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/pencil}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M10.5 8L6 19c.035.133.063.231.082.294C6.437 20.431 8.076 21 9 21c1.5 0 2-2 3.5-2s2.092 1.984 3.5 2c.939.01 1.939-.656 3-2L14.5 8h-4zM11.3 6l1.2-3 1.2 3h-2.4zm3.2 2h-4 4z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/pen-tool-vector}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M11 3v8c0 .086.01.17.031.25a2 2 0 101.938 0c.02-.08.031-.164.031-.25V3l4.793 9.585a1 1 0 01.024.841l-2.687 6.271a.5.5 0 01-.46.303H9.33a.5.5 0 01-.46-.303l-2.687-6.27a1 1 0 01.024-.842L11 3z" fill="#335EEA"/><path d="M10 21h4a1 1 0 011 1v1H9v-1a1 1 0 011-1z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/picker}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M10.232 10.232l3.536 3.536-5.304 5.303a2.5 2.5 0 01-3.535-3.535l5.303-5.304z" fill="#335EEA"/><path d="M13.768 6.697l1.768-1.768a2.5 2.5 0 113.535 3.535l-1.768 1.768 1.061 1.06a1.5 1.5 0 11-2.121 2.122l-5.657-5.657a1.5 1.5 0 012.121-2.121l1.06 1.06z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/pixels}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="16" width="4" height="4" rx="1"/><rect fill="#335EEA" x="4" y="10" width="4" height="4" rx="1"/><rect fill="#335EEA" x="10" y="16" width="4" height="4" rx="1"/><rect fill="#335EEA" opacity=".3" x="10" y="10" width="4" height="4" rx="1"/><rect fill="#335EEA" x="4" y="4" width="4" height="4" rx="1"/><rect fill="#335EEA" x="16" y="16" width="4" height="4" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/polygon}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8.081 20h7.838a1.5 1.5 0 001.423-1.026l2.33-6.99a1.5 1.5 0 00-.476-1.638l-6.24-5.077a1.5 1.5 0 00-1.892-.001l-6.258 5.078a1.5 1.5 0 00-.478 1.639l2.33 6.99A1.5 1.5 0 008.081 20z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/position}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M6 18h3c.667.114 1 .448 1 1s-.333.886-1 1H4v-5c0-.667.333-1 1-1s1 .333 1 1v3zm12 0v-3c.114-.667.448-1 1-1s.886.333 1 1v5h-5c-.667 0-1-.333-1-1s.333-1 1-1h3zm0-12h-3c-.667-.114-1-.448-1-1s.333-.886 1-1h5v5c0 .667-.333 1-1 1s-1-.333-1-1V6zM6 6v3c-.114.667-.448 1-1 1s-.886-.333-1-1V4h5c.667 0 1 .333 1 1s-.333 1-1 1H6z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/rectangle}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="16" height="16" rx="2"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/saturation}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M7 14a5 5 0 0010 0c0-1.626-1.63-4.131-5-7.3-3.37 3.169-5 5.674-5 7.3zm5 7a7 7 0 01-7-7c0-2.577 2.333-5.91 7-10 4.667 4.09 7 7.423 7 10a7 7 0 01-7 7z" fill="#335EEA"/><path d="M12 4c4.667 4.09 7 7.423 7 10a7 7 0 01-7 7V4z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/select}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M18.5 8a2.5 2.5 0 110-5 2.5 2.5 0 010 5zm0 13a2.5 2.5 0 110-5 2.5 2.5 0 010 5zm-13 0a2.5 2.5 0 110-5 2.5 2.5 0 010 5z" fill="#335EEA" opacity=".3"/><path d="M5.5 8a2.5 2.5 0 110-5 2.5 2.5 0 010 5zM11 4h2a1 1 0 010 2h-2a1 1 0 010-2zm0 14h2a1 1 0 010 2h-2a1 1 0 010-2zm-6-8a1 1 0 011 1v2a1 1 0 01-2 0v-2a1 1 0 011-1zm14 0a1 1 0 011 1v2a1 1 0 01-2 0v-2a1 1 0 011-1z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/sketch}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path fill="#335EEA" opacity=".3" d="M5 3h14l4 5H1z"/><path fill="#335EEA" d="M23 8L12 20 1 8z"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/stamp}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12.986 8.834c.01.054.014.11.014.166v2h4a2 2 0 012 2v3H5v-3a2 2 0 012-2h4V9c0-.057.005-.112.014-.166A3.001 3.001 0 0112 3a3 3 0 01.986 5.834z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="5" y="18" width="14" height="2" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/substract}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M6 9v6a3 3 0 003 3h6v.818C15 20.232 14.232 21 12.818 21H5.182C3.768 21 3 20.232 3 18.818v-7.636C3 9.768 3.768 9 5.182 9H6z" fill="#335EEA"/><path d="M10.182 4h7.636C19.232 4 20 4.768 20 6.182v7.636C20 15.232 19.232 16 17.818 16h-7.636C8.768 16 8 15.232 8 13.818V6.182C8 4.768 8.768 4 10.182 4z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/target}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M19 11h2a1 1 0 010 2h-2a1 1 0 010-2zM3 11h2a1 1 0 010 2H3a1 1 0 010-2zm9-9a1 1 0 011 1v2a1 1 0 01-2 0V3a1 1 0 011-1zm0 16a1 1 0 011 1v2a1 1 0 01-2 0v-2a1 1 0 011-1z" fill="#335EEA" opacity=".3"/><circle fill="#335EEA" cx="12" cy="12" r="3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/triangle}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3.954 19h16.092a.5.5 0 00.41-.785L12.412 6.594a.5.5 0 00-.822 0L3.543 18.215a.5.5 0 00.411.785z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/union}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 9V6.182C8 4.768 8.768 4 10.182 4h7.636C19.232 4 20 4.768 20 6.182v7.636C20 15.232 19.232 16 17.818 16H15v2.818C15 20.232 14.232 21 12.818 21H5.182C3.768 21 3 20.232 3 18.818v-7.636C3 9.768 3.768 9 5.182 9H8z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/vertical}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12 3a1 1 0 011 1v1a1 1 0 01-2 0V4a1 1 0 011-1zm0 5a1 1 0 011 1v1a1 1 0 01-2 0V9a1 1 0 011-1zm0 5a1 1 0 011 1v1a1 1 0 01-2 0v-1a1 1 0 011-1zm0 5a1 1 0 011 1v1a1 1 0 01-2 0v-1a1 1 0 011-1z" fill="#335EEA"/><path d="M21 9.04v5.92a.5.5 0 01-.812.39l-3.7-2.96a.5.5 0 010-.78l3.7-2.96a.5.5 0 01.812.39zM3 14.96V9.04a.5.5 0 01.812-.39l3.7 2.96a.5.5 0 010 .78l-3.7 2.96A.5.5 0 013 14.96z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/zoom-minus}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M14.293 16.707a1 1 0 011.414-1.414l4 4a1 1 0 01-1.414 1.414l-4-4z" fill="#335EEA" opacity=".3"/><path d="M11 16a5 5 0 100-10 5 5 0 000 10zm0 2a7 7 0 110-14 7 7 0 010 14z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="9" y="10.5" width="4" height="1" rx=".5"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> design/zoom-plus}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M14.293 16.707a1 1 0 011.414-1.414l4 4a1 1 0 01-1.414 1.414l-4-4z" fill="#335EEA" opacity=".3"/><path d="M11 16a5 5 0 100-10 5 5 0 000 10zm0 2a7 7 0 110-14 7 7 0 010 14z" fill="#335EEA"/><path d="M10.5 10.5v-1a.5.5 0 111 0v1h1a.5.5 0 110 1h-1v1a.5.5 0 11-1 0v-1h-1a.5.5 0 110-1h1z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/airpods}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M17 12.917V20.5a1.5 1.5 0 01-3 0v-9.028a5.98 5.98 0 003 1.445zM10 11.472V20.5a1.5 1.5 0 01-3 0v-7.583a5.98 5.98 0 003-1.445z" fill="#335EEA" opacity=".3"/><path d="M18 12a5 5 0 110-10 5 5 0 010 10zm-3.25-5.5a.75.75 0 100 1.5h.5a.75.75 0 100-1.5h-.5zM21 5a1 1 0 00-1 1v2a1 1 0 002 0V6a1 1 0 00-1-1zM6 12A5 5 0 116 2a5 5 0 010 10zm2.75-5.5a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM3 5a1 1 0 00-1 1v2a1 1 0 102 0V6a1 1 0 00-1-1z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/android}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M7.5 4v15h9V4h-9zm.214-2h8.572C17.232 2 18 2.895 18 4v16c0 1.105-.768 2-1.714 2H7.714C6.768 22 6 21.105 6 20V4c0-1.105.768-2 1.714-2z" fill="#335EEA"/><path fill="#335EEA" opacity=".3" d="M7.5 4v15h9V4z"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/apple-watch}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M16.45 4.176a1 1 0 01-.99 1.737 7 7 0 10-.031 12.19 1 1 0 01.981 1.744 9 9 0 11.04-15.671z" fill="#335EEA" opacity=".3"/><path d="M18.5 6A2.5 2.5 0 0121 8.5v7a2.5 2.5 0 11-5 0v-7A2.5 2.5 0 0118.5 6zm0 6a1.5 1.5 0 100-3 1.5 1.5 0 000 3z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/battery-charging}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M4 9v6h13V9H4zm0-2h13a2 2 0 012 2v6a2 2 0 01-2 2H4a2 2 0 01-2-2V9a2 2 0 012-2z" fill="#335EEA"/><path d="M10.356 14.055l1.384-1.73a.2.2 0 00-.156-.325H11v-1.84a.2.2 0 00-.366-.11l-1.427 2.14a.2.2 0 00.167.31H10v1.43a.2.2 0 00.356.125zM20 10h1a1 1 0 011 1v2a1 1 0 01-1 1h-1v-4z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/battery-empty}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M4 9v6h13V9H4zm0-2h13a2 2 0 012 2v6a2 2 0 01-2 2H4a2 2 0 01-2-2V9a2 2 0 012-2z" fill="#335EEA"/><path d="M20 10h1a1 1 0 011 1v2a1 1 0 01-1 1h-1v-4z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/battery-full}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="2" y="7" width="17" height="10" rx="2"/><path d="M20 10h1a1 1 0 011 1v2a1 1 0 01-1 1h-1v-4z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/battery-half}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M11 9v6h6V9h-6zM4 7h13a2 2 0 012 2v6a2 2 0 01-2 2H4a2 2 0 01-2-2V9a2 2 0 012-2z" fill="#335EEA"/><path d="M20 10h1a1 1 0 011 1v2a1 1 0 01-1 1h-1v-4z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/bluetooth}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12 13.845v4.914l3.313-1.932L12 13.845zm-2-1.8L6.331 8.743a1 1 0 011.338-1.486l10 9a1 1 0 01-.165 1.607l-6 3.5A1 1 0 0110 20.5v-8.455z" fill="#335EEA" opacity=".3"/><path d="M12 10.438l3.398-2.89L12 5v5.438zM10 3a1 1 0 011.6-.8l6 4.5a1 1 0 01.048 1.562l-10 8.5a1 1 0 11-1.296-1.524l3.648-3.1V3z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/camera}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5 7h14a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2V9a2 2 0 012-2zm7 10a4 4 0 100-8 4 4 0 000 8z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="9" y="4" width="6" height="2" rx="1"/><circle fill="#335EEA" opacity=".3" cx="12" cy="13" r="2"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/cardboard-vr}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path fill="#335EEA" opacity=".3" d="M6 4h12l2 2.5H4z"/><path d="M5 6h14a2 2 0 012 2v9a2 2 0 01-2 2h-3c-1 0-1.5-2-4-2s-2.5 2-4 2H5a2 2 0 01-2-2V8a2 2 0 012-2zm3 8a2 2 0 100-4 2 2 0 000 4zm8 0a2 2 0 100-4 2 2 0 000 4z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/cassete}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="5" y="15" width="14" height="2" rx="1"/><path d="M6.5 15a2.5 2.5 0 100-5 2.5 2.5 0 000 5zm0 2a4.5 4.5 0 110-9 4.5 4.5 0 010 9zM17.5 15a2.5 2.5 0 100-5 2.5 2.5 0 000 5zm0 2a4.5 4.5 0 110-9 4.5 4.5 0 010 9z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/cpu-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="4" y="4" width="16" height="16" rx="2"/><path fill="#335EEA" opacity=".3" d="M9 9h6v6H9z"/><path d="M20 7h1a1 1 0 010 2h-1V7zM20 11h1a1 1 0 010 2h-1v-2zM20 15h1a1 1 0 010 2h-1v-2zM3 7h1v2H3a1 1 0 110-2zM3 11h1v2H3a1 1 0 010-2zM3 15h1v2H3a1 1 0 010-2z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/cpu-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="3" y="3" width="18" height="18" rx="1"/><path d="M11 11v2h2v-2h-2zm-1-2h4a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-4a1 1 0 011-1z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" opacity=".3" x="5" y="5" width="2" height="2" rx=".5"/><rect fill="#335EEA" opacity=".3" x="5" y="9" width="2" height="2" rx=".5"/><rect fill="#335EEA" opacity=".3" x="5" y="13" width="2" height="2" rx=".5"/><rect fill="#335EEA" opacity=".3" x="9" y="5" width="2" height="2" rx=".5"/><rect fill="#335EEA" opacity=".3" x="13" y="5" width="2" height="2" rx=".5"/><rect fill="#335EEA" opacity=".3" x="17" y="5" width="2" height="2" rx=".5"/><rect fill="#335EEA" opacity=".3" x="17" y="9" width="2" height="2" rx=".5"/><rect fill="#335EEA" opacity=".3" x="17" y="13" width="2" height="2" rx=".5"/><rect fill="#335EEA" opacity=".3" x="5" y="17" width="2" height="2" rx=".5"/><rect fill="#335EEA" opacity=".3" x="9" y="17" width="2" height="2" rx=".5"/><rect fill="#335EEA" opacity=".3" x="13" y="17" width="2" height="2" rx=".5"/><rect fill="#335EEA" opacity=".3" x="17" y="17" width="2" height="2" rx=".5"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/diagnostics}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="2" y="3" width="20" height="18" rx="2"/><path d="M9.949 13.316A1 1 0 019 14H5a1 1 0 010-2h3.28l1.771-5.316c.317-.95 1.676-.897 1.92.073l1.844 7.378.79-1.582A1 1 0 0115.5 12H19a1 1 0 010 2h-2.882l-1.724 3.447c-.415.83-1.639.696-1.864-.204l-1.667-6.669-.914 2.742z" fill="#335EEA"/><circle fill="#335EEA" opacity=".3" cx="19" cy="6" r="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/display-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M11 20v-3a1 1 0 012 0v3h2.5a.5.5 0 110 1h-7a.5.5 0 110-1H11z" fill="#335EEA" opacity=".3"/><path d="M3 5h18a1 1 0 011 1v10a1 1 0 01-1 1H3a1 1 0 01-1-1V6a1 1 0 011-1zm1.5 3a.5.5 0 000 1h9a.5.5 0 100-1h-9zm0 2a.5.5 0 100 1h3a.5.5 0 100-1h-3z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/display-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path fill="#335EEA" opacity=".3" d="M6 7v8h12V7z"/><path d="M11 19v-3a1 1 0 012 0v3h1.5a.5.5 0 110 1h-5a.5.5 0 110-1H11z" fill="#335EEA" opacity=".3"/><path d="M6 7v8h12V7H6zm0-2h12a2 2 0 012 2v8a2 2 0 01-2 2H6a2 2 0 01-2-2V7a2 2 0 012-2z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/display-3}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path fill="#335EEA" opacity=".3" d="M5 7v8h14V7z"/><path d="M11 19v-3a1 1 0 012 0v3h1.5a.5.5 0 110 1h-5a.5.5 0 110-1H11z" fill="#335EEA" opacity=".3"/><path d="M5 7v8h14V7H5zm.25-2h13.5C19.993 5 21 5.895 21 7v8c0 1.105-1.007 2-2.25 2H5.25C4.007 17 3 16.105 3 15V7c0-1.105 1.007-2 2.25-2z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/gameboy}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M11 16v-6a1 1 0 012 0v6h6a2 2 0 012 2v1a2 2 0 01-2 2H5a2 2 0 01-2-2v-1a2 2 0 012-2h6z" fill="#335EEA" opacity=".3"/><circle fill="#335EEA" cx="12" cy="7" r="3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/gamepad-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12.949 9.316l-1.898-.632c.765-2.294 1.992-3.725 3.706-4.154C15.65 4.307 17 2.87 17 2h2c0 1.797-1.984 4.027-3.757 4.47-.952.238-1.726 1.14-2.294 2.846z" fill="#335EEA" opacity=".3"/><path d="M7.057 8.028C7.202 8.009 7.35 8 7.5 8h9c.15 0 .298.01.443.028A5.5 5.5 0 1113.257 17h-2.514a5.5 5.5 0 11-3.686-8.972zM5.5 10a.5.5 0 00-.5.5v1a.5.5 0 00.5.5h1a.5.5 0 00.5-.5v-1a.5.5 0 00-.5-.5h-1zm2 2a.5.5 0 00-.5.5v1a.5.5 0 00.5.5h1a.5.5 0 00.5-.5v-1a.5.5 0 00-.5-.5h-1zM19 12a1 1 0 100-2 1 1 0 000 2zm-1 3a1 1 0 100-2 1 1 0 000 2zM5.5 14a.5.5 0 00-.5.5v1a.5.5 0 00.5.5h1a.5.5 0 00.5-.5v-1a.5.5 0 00-.5-.5h-1zm-2-2a.5.5 0 00-.5.5v1a.5.5 0 00.5.5h1a.5.5 0 00.5-.5v-1a.5.5 0 00-.5-.5h-1z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/gamepad-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12.949 8.316l-1.898-.632c.765-2.294 1.992-3.725 3.706-4.154C15.65 3.307 17 1.87 17 1h2c0 1.797-1.984 4.027-3.757 4.47-.952.238-1.726 1.14-2.294 2.846z" fill="#335EEA" opacity=".3"/><path d="M7.818 7h8.385a3 3 0 013.323 1.72l3.424 7.674a3 3 0 01-.666 3.39l-.445.426a2.642 2.642 0 01-3.793-.146L15.299 17H8.865l-2.747 3.064a2.642 2.642 0 01-3.793.146l-.467-.447a3 3 0 01-.684-3.352l3.287-7.655A3 3 0 017.818 7zM8 14a2 2 0 100-4 2 2 0 000 4zm9-2a1 1 0 100-2 1 1 0 000 2zm-2 2a1 1 0 100-2 1 1 0 000 2z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/generator}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="2" y="6" width="20" height="14" rx="2"/><path d="M5 4h2a1 1 0 011 1v1H4V5a1 1 0 011-1zm12 0h2a1 1 0 011 1v1h-4V5a1 1 0 011-1zM7 12v-1a1 1 0 012 0v1h1a1 1 0 010 2H9v1a1 1 0 01-2 0v-1H6a1 1 0 010-2h1z" fill="#335EEA"/><rect fill="#335EEA" x="14" y="12" width="4" height="2" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/hard-drive}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M2 13h20v5a2 2 0 01-2 2H4a2 2 0 01-2-2v-5zm16.5 5a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm-5 0a1.5 1.5 0 100-3 1.5 1.5 0 000 3z" fill="#335EEA"/><path d="M5.793 8h12.414a1 1 0 01.839.455L22 13H2l2.954-4.545A1 1 0 015.793 8z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/headphones}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M19 16v-4a7 7 0 00-14 0v4h14zm2 0H3v-4a9 9 0 1118 0v4z" fill="#335EEA" opacity=".3"/><path d="M5 14h1a2 2 0 012 2v3a2 2 0 01-2 2H5a2 2 0 01-2-2v-3a2 2 0 012-2zm13 0h1a2 2 0 012 2v3a2 2 0 01-2 2h-1a2 2 0 01-2-2v-3a2 2 0 012-2z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/homepod}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M17.928 4.465A5.986 5.986 0 0120 9v7a6 6 0 01-6 6h-4a6 6 0 01-6-6V9c0-1.811.803-3.435 2.072-4.535C6.518 5.9 9.002 7 12 7c2.998 0 5.482-1.1 5.928-2.535z" fill="#335EEA" opacity=".3"/><path d="M15.348 3.668C14.524 3.255 13.317 3 12 3c-1.317 0-2.524.255-3.348.668A2.71 2.71 0 008.125 4c.124.105.301.22.527.332C9.476 4.745 10.683 5 12 5c1.317 0 2.524-.255 3.348-.668A2.71 2.71 0 0015.875 4a2.71 2.71 0 00-.527-.332z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/imac}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5 5v11h14V5H5zm0-2h14c1.42 0 2 .716 2 1.6v12.8c0 .884-.58 1.6-2 1.6H5c-1.42 0-2-.716-2-1.6V4.6C3 3.716 3.58 3 5 3zm7 15a.5.5 0 100-1 .5.5 0 000 1z" fill="#335EEA"/><path fill="#335EEA" opacity=".3" d="M5 5v11h14V5z"/><rect fill="#335EEA" opacity=".3" x="10" y="20" width="4" height="1" rx=".5"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/iphone-back}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 2h8a2 2 0 012 2v16a2 2 0 01-2 2H8a2 2 0 01-2-2V4a2 2 0 012-2zm0 1a1 1 0 100 2h2a1 1 0 000-2H8z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/iphone-x}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 2.5c-.69 0-1.25.56-1.25 1.25v16.5c0 .69.56 1.25 1.25 1.25h8c.69 0 1.25-.56 1.25-1.25V3.75c0-.69-.56-1.25-1.25-1.25H8z" fill="#335EEA" opacity=".3"/><path d="M8 2.5c-.69 0-1.25.56-1.25 1.25v16.5c0 .69.56 1.25 1.25 1.25h8c.69 0 1.25-.56 1.25-1.25V3.75c0-.69-.56-1.25-1.25-1.25H8zM8 1h8a2.75 2.75 0 012.75 2.75v16.5A2.75 2.75 0 0116 23H8a2.75 2.75 0 01-2.75-2.75V3.75A2.75 2.75 0 018 1zm1.5.75h5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/iphone-x-back}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 2h8a2 2 0 012 2v16a2 2 0 01-2 2H8a2 2 0 01-2-2V4a2 2 0 012-2zm0 1a1 1 0 00-1 1v2a1 1 0 102 0V4a1 1 0 00-1-1z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/keyboard}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M11.949 8.316l-1.898-.632c.765-2.294 1.992-3.725 3.706-4.154C14.65 3.307 16 1.87 16 1h2c0 1.797-1.984 4.027-3.757 4.47-.952.238-1.726 1.14-2.294 2.846z" fill="#335EEA" opacity=".3"/><path d="M3 7h18a2 2 0 012 2v10a2 2 0 01-2 2H3a2 2 0 01-2-2V9a2 2 0 012-2zm4.5 2a.5.5 0 00-.5.5v1a.5.5 0 00.5.5h1a.5.5 0 00.5-.5v-1a.5.5 0 00-.5-.5h-1zm-4 0a.5.5 0 00-.5.5v1a.5.5 0 00.5.5h1a.5.5 0 00.5-.5v-1a.5.5 0 00-.5-.5h-1zm2 4a.5.5 0 00-.5.5v1a.5.5 0 00.5.5h1a.5.5 0 00.5-.5v-1a.5.5 0 00-.5-.5h-1zm4 0a.5.5 0 00-.5.5v1a.5.5 0 00.5.5h1a.5.5 0 00.5-.5v-1a.5.5 0 00-.5-.5h-1zm4 0a.5.5 0 00-.5.5v1a.5.5 0 00.5.5h1a.5.5 0 00.5-.5v-1a.5.5 0 00-.5-.5h-1zm4 0a.5.5 0 00-.5.5v1a.5.5 0 00.5.5h1a.5.5 0 00.5-.5v-1a.5.5 0 00-.5-.5h-1zm-6-4a.5.5 0 00-.5.5v1a.5.5 0 00.5.5h1a.5.5 0 00.5-.5v-1a.5.5 0 00-.5-.5h-1zm-6 8a.5.5 0 00-.5.5v1a.5.5 0 00.5.5h13a.5.5 0 00.5-.5v-1a.5.5 0 00-.5-.5h-13zm10-8a.5.5 0 00-.5.5v1a.5.5 0 00.5.5h1a.5.5 0 00.5-.5v-1a.5.5 0 00-.5-.5h-1zm4 0a.5.5 0 00-.5.5v1a.5.5 0 00.5.5h1a.5.5 0 00.5-.5v-1a.5.5 0 00-.5-.5h-1z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/laptop}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M6 8v8h12V8H6zm14 8h1.382a1 1 0 01.894.553L22.5 17a.691.691 0 01-.618 1H2.118a.691.691 0 01-.618-1l.224-.447A1 1 0 012.618 16H4V8a2 2 0 012-2h12a2 2 0 012 2v8z" fill="#335EEA"/><path fill="#335EEA" opacity=".3" d="M6 8v8h12V8z"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/laptop-macbook}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5 6h14a1 1 0 011 1v10H4V7a1 1 0 011-1z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="1" y="18" width="22" height="1" rx=".5"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/lte-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M15.45 17.403l-1.272-1.543A4.987 4.987 0 0016 12a4.987 4.987 0 00-1.81-3.85l1.276-1.54A6.986 6.986 0 0118 12a6.987 6.987 0 01-2.55 5.403zm2.571 3.065l-1.277-1.539A8.978 8.978 0 0020 12a8.978 8.978 0 00-3.248-6.922l1.28-1.538A10.977 10.977 0 0122 12c0 3.315-1.477 6.392-3.979 8.468zM8.55 17.403A6.987 6.987 0 016 12c0-2.11.94-4.07 2.534-5.39L9.81 8.15A4.987 4.987 0 008 12c0 1.514.675 2.915 1.822 3.86l-1.273 1.543zm-2.57 3.065A10.977 10.977 0 012 12c0-3.31 1.473-6.383 3.969-8.46l1.279 1.538A8.978 8.978 0 004 12a8.978 8.978 0 003.256 6.93L5.98 20.467z" fill="#335EEA" opacity=".3"/><circle fill="#335EEA" cx="12" cy="12" r="2"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/lte-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M16.45 17.403l-1.272-1.543A4.987 4.987 0 0017 12a4.987 4.987 0 00-1.81-3.85l1.276-1.54A6.986 6.986 0 0119 12a6.987 6.987 0 01-2.55 5.403zm2.571 3.065l-1.277-1.539A8.978 8.978 0 0021 12a8.978 8.978 0 00-3.248-6.922l1.28-1.538A10.977 10.977 0 0123 12c0 3.315-1.477 6.392-3.979 8.468zM7.55 17.403A6.987 6.987 0 015 12c0-2.11.94-4.07 2.534-5.39L8.81 8.15A4.987 4.987 0 007 12c0 1.514.675 2.915 1.822 3.86l-1.273 1.543zm-2.57 3.065A10.977 10.977 0 011 12c0-3.31 1.473-6.383 3.969-8.46l1.279 1.538A8.978 8.978 0 003 12a8.978 8.978 0 003.256 6.93L4.98 20.467z" fill="#335EEA" opacity=".3"/><path d="M11 14.292a2.5 2.5 0 112 0V20a1 1 0 01-2 0v-5.708z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/mic}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12.998 17.93L13 18v3a1 1 0 01-2 0v-3c0-.024 0-.047.002-.07A7.002 7.002 0 015 11h2a5 5 0 0010 0h2a7.002 7.002 0 01-6.002 6.93z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="9" y="2" width="6" height="12" rx="3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/midi}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M4 6h17a1 1 0 011 1v11a1 1 0 01-1 1H4a1 1 0 01-1-1V7a1 1 0 011-1z" fill="#335EEA" opacity=".3"/><path fill="#335EEA" opacity=".3" d="M7 13h1v6H7zM12 13h1v6h-1zM17 13h1v6h-1z"/><path d="M6 6h3v6a1 1 0 01-1 1H7a1 1 0 01-1-1V6zM11 6h3v6a1 1 0 01-1 1h-1a1 1 0 01-1-1V6zM16 6h3v6a1 1 0 01-1 1h-1a1 1 0 01-1-1V6z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/mouse}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="6" y="5" width="12" height="18" rx="6"/><path d="M11.5 2h1a.5.5 0 01.5.5V5h-2V2.5a.5.5 0 01.5-.5z" fill="#335EEA"/><rect fill="#335EEA" x="11" y="16" width="2" height="5" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/phone}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M7.139 4v15h9.722V4H7.14zm.694-3h8.334c1.406 0 2.083.981 2.083 2.5v17c0 1.519-.677 2.5-2.083 2.5H7.833c-1.406 0-2.083-.981-2.083-2.5v-17c0-1.519.677-2.5 2.083-2.5z" fill="#335EEA"/><path fill="#335EEA" opacity=".3" d="M7 4v15h10V4z"/><circle fill="#335EEA" cx="12" cy="21" r="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/printer}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M16 17v4a1 1 0 01-1 1H9a1 1 0 01-1-1v-4H5a2 2 0 01-2-2V8a2 2 0 012-2h14a2 2 0 012 2v7a2 2 0 01-2 2h-3zm1.5-6a1.5 1.5 0 100-3 1.5 1.5 0 000 3zM10 14v6h4v-6h-4z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="8" y="2" width="8" height="2" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/radio}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M4 7h16a2 2 0 012 2v10a2 2 0 01-2 2H4a2 2 0 01-2-2V9a2 2 0 012-2zm12 11a4 4 0 100-8 4 4 0 000 8z" fill="#335EEA" opacity=".3"/><path d="M20.619 7.098A1.998 1.998 0 0020 7h-2.799L8.013 1.873A1 1 0 118.987.127l11.125 6.207a.999.999 0 01.507.764zM16 16a2 2 0 100-4 2 2 0 000 4z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="4" y="11" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="4" y="15" width="5" height="2" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/router-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M15 15v-5a1 1 0 012 0v5h3a2 2 0 012 2v2a2 2 0 01-2 2H4a2 2 0 01-2-2v-2a2 2 0 012-2h11zM5 17a1 1 0 000 2h5a1 1 0 000-2H5z" fill="#335EEA"/><path d="M20.5 7.716l-1.287 1.141c-.788-1.028-1.956-1.634-3.218-1.634-1.258 0-2.423.602-3.211 1.624L11.5 7.702c1.102-1.43 2.735-2.273 4.495-2.273 1.765 0 3.404.85 4.505 2.287zm3-2.255l-1.364 1.11a8.015 8.015 0 00-6.14-2.832 8.015 8.015 0 00-6.134 2.825L8.5 5.452A9.8 9.8 0 0115.996 2 9.8 9.8 0 0123.5 5.46z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/router-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="3" y="13" width="18" height="7" rx="2"/><path d="M17.403 9.55l-1.543 1.272A4.987 4.987 0 0012 9a4.987 4.987 0 00-3.85 1.81L6.61 9.535A6.986 6.986 0 0112 7c2.117 0 4.082.947 5.403 2.55zm3.065-2.571L18.93 8.256A8.978 8.978 0 0012 5a8.978 8.978 0 00-6.922 3.248L3.54 6.968A10.977 10.977 0 0112 3c3.315 0 6.392 1.477 8.468 3.979z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/sd-card}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5 5a1 1 0 011-1h9.75a.5.5 0 01.4.2l2.75 3.667a.5.5 0 01.1.3V19a1 1 0 01-1 1H6a1 1 0 01-1-1V5zm2 1v3h2V6H7zm3 0v3h2V6h-2zm3 0v3h2V6h-2z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/server}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5 2h14a2 2 0 012 2v2a2 2 0 01-2 2H5a2 2 0 01-2-2V4a2 2 0 012-2zm6 2a1 1 0 000 2h5a1 1 0 000-2h-5zM7 6a1 1 0 100-2 1 1 0 000 2z" fill="#335EEA" opacity=".3"/><path d="M5 9h14a2 2 0 012 2v2a2 2 0 01-2 2H5a2 2 0 01-2-2v-2a2 2 0 012-2zm6 2a1 1 0 000 2h5a1 1 0 000-2h-5zm-4 2a1 1 0 100-2 1 1 0 000 2zM5 16h14a2 2 0 012 2v2a2 2 0 01-2 2H5a2 2 0 01-2-2v-2a2 2 0 012-2zm6 2a1 1 0 000 2h5a1 1 0 000-2h-5zm-4 2a1 1 0 100-2 1 1 0 000 2z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/speaker}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M7 2h10a2 2 0 012 2v16a2 2 0 01-2 2H7a2 2 0 01-2-2V4a2 2 0 012-2zm5 17a4 4 0 110-8 4 4 0 010 8zm0-12a1.5 1.5 0 110-3 1.5 1.5 0 010 3z" fill="#335EEA"/><path d="M12 17a2 2 0 100-4 2 2 0 000 4z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/tablet}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M6.5 4v16h11V4h-11zM7 2h10a2 2 0 012 2v16a2 2 0 01-2 2H7a2 2 0 01-2-2V4a2 2 0 012-2z" fill="#335EEA"/><path fill="#335EEA" opacity=".3" d="M6.5 4v16h11V4z"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/tv-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M4.5 6h15c1.38 0 2.5.97 2.5 2.167v8.666C22 18.03 20.88 19 19.5 19h-15C3.12 19 2 18.03 2 16.833V8.167C2 6.97 3.12 6 4.5 6zM4 8v9h16V8H4z" fill="#335EEA"/><path fill="#335EEA" opacity=".3" d="M4 8v9h16V8z"/><rect fill="#335EEA" opacity=".3" x="7" y="20" width="10" height="1" rx=".5"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/tv-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3 5h18a1 1 0 011 1v11a1 1 0 01-1 1H3a1 1 0 01-1-1V6a1 1 0 011-1zm6.632 5.066h1.4V9.044H7.035v1.022h1.4V14h1.197v-3.934zM14.935 14l1.911-4.956h-1.323l-1.141 3.514h-.028l-1.148-3.514h-1.344L13.738 14h1.197z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="3" y="19" width="18" height="1" rx=".5"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/usb}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="9" width="16" height="9" rx="2"/><path d="M7 3h10v6H7V3zm2 2v2h2V5H9zm4 0v2h2V5h-2zM10 18h4v2a1 1 0 01-1 1h-2a1 1 0 01-1-1v-2z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/usb-storage}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M11.5 17.45L6.55 12.5a1 1 0 010-1.414l7.071-7.071a2 2 0 012.829 0l3.535 3.535a2 2 0 010 2.829l-7.07 7.07a1 1 0 01-1.415 0z" fill="#335EEA"/><path d="M6.904 19.925l-2.829-2.829a.5.5 0 010-.707l2.475-2.475 3.536 3.536-2.475 2.475a.5.5 0 01-.707 0z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/video-camera}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="2" y="6" width="13" height="12" rx="2"/><path d="M22 8.414v7.172a1 1 0 01-1.707.707l-3.586-3.586a1 1 0 010-1.414l3.586-3.586A1 1 0 0122 8.414z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/watch-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M9 8a1 1 0 00-1 1v6a1 1 0 001 1h6a1 1 0 001-1V9a1 1 0 00-1-1H9zm0-2h6a3 3 0 013 3v6a3 3 0 01-3 3H9a3 3 0 01-3-3V9a3 3 0 013-3z" fill="#335EEA"/><path d="M9 8a1 1 0 00-1 1v6a1 1 0 001 1h6a1 1 0 001-1V9a1 1 0 00-1-1H9zM9 18h6v2.5a1.5 1.5 0 01-1.5 1.5h-3A1.5 1.5 0 019 20.5V18zM10.5 2h3A1.5 1.5 0 0115 3.5V6H9V3.5A1.5 1.5 0 0110.5 2z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/watch-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M9 17h6v3.5a1.5 1.5 0 01-1.5 1.5h-3A1.5 1.5 0 019 20.5V17zM12 17a5 5 0 100-10 5 5 0 000 10zM10.5 2h3A1.5 1.5 0 0115 3.5V7H9V3.5A1.5 1.5 0 0110.5 2z" fill="#335EEA" opacity=".3"/><path d="M12 17a5 5 0 100-10 5 5 0 000 10zm0 2a7 7 0 110-14 7 7 0 010 14z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> devices/wi-fi}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M19.366 13.93l-2.104 1.736a6.8 6.8 0 00-5.264-2.484 6.8 6.8 0 00-5.25 2.469l-2.1-1.741a9.527 9.527 0 017.35-3.455 9.527 9.527 0 017.368 3.476zm4.18-3.504l-2.099 1.742a12.242 12.242 0 00-9.449-4.44c-3.695 0-7.12 1.641-9.44 4.428L.463 10.412A14.969 14.969 0 0111.998 5c4.521 0 8.716 2.014 11.548 5.426z" fill="#335EEA" opacity=".3"/><path d="M15.119 17.354l-2.08 1.765-1.077.881-1.029-.851-2.128-1.706a4.085 4.085 0 013.193-1.534c1.217 0 2.35.536 3.121 1.445z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> electric/air-conditioning}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3 3h18a1 1 0 011 1v7a1 1 0 01-1 1H3a1 1 0 01-1-1V4a1 1 0 011-1zm2 5a1 1 0 100 2h14a1 1 0 000-2H5z" fill="#335EEA"/><path d="M17.291 14.294l1.418 1.412a2.688 2.688 0 00.296 4.05l.593.443-1.196 1.602-.594-.443a4.688 4.688 0 01-.517-7.064zm-6 1l1.418 1.412a2.688 2.688 0 00.296 4.05l.593.443-1.196 1.602-.594-.443a4.688 4.688 0 01-.517-7.064zm-6-1l1.418 1.412a2.688 2.688 0 00.296 4.05l.593.443L6.402 21.8l-.594-.443a4.688 4.688 0 01-.517-7.064z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> electric/blender}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="#335EEA" fill-rule="evenodd"><path d="M17.202 13H15a1 1 0 000 2h1.642l-.64 2.286a1 1 0 01-.964.73h-7.07c-.645 0-1.312-1.437-2-4.313C4.823 12.948 3 10.911 3 8.516c0-3.037 1.322-5.5 2.953-5.5.024 0 .048 0 .072.002.076-.023 4.296-.024 12.66-.003a1 1 0 01.96 1.27l-.2.715H15a1 1 0 000 2h3.884l-.56 2H15a1 1 0 000 2h2.763l-.56 2zM6.445 11.016v-6c-.984.5-1.476 1.133-1.476 3 0 2.08 1.254 3 1.476 3z"/><path d="M6 19h10a2 2 0 012 2v1.5a.5.5 0 01-.5.5h-13a.5.5 0 01-.5-.5V21a2 2 0 012-2zm5 3a1 1 0 100-2 1 1 0 000 2z" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> electric/fan}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M23.374 18.897c-1.242 2.152-4.964 2.33-8.312.397-3.348-1.933-5.055-5.245-3.812-7.397 1.243-2.152 4.964-2.33 8.312-.397 3.348 1.933 5.055 5.245 3.812 7.397z" fill="#335EEA" opacity=".3"/><ellipse fill="#335EEA" opacity=".3" transform="rotate(-180 12.5 9)" cx="12.5" cy="9" rx="4.5" ry="7"/><path d="M1.25 18.897c-1.243-2.152.464-5.464 3.812-7.397 3.348-1.933 7.07-1.755 8.312.397 1.243 2.152-.464 5.464-3.812 7.397-3.348 1.933-7.07 1.755-8.312-.397z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> electric/fridge}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M7 10v6a1 1 0 002 0v-6h10v12a1 1 0 01-1 1H6a1 1 0 01-1-1V10h2zm0-2H5V2a1 1 0 011-1h12a1 1 0 011 1v6H9V5a1 1 0 10-2 0v3z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> electric/gas-stove}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M21 10H3V5a1 1 0 011-1h16a1 1 0 011 1v5zm-5-4a1 1 0 100 2 1 1 0 000-2zM8 6a1 1 0 110 2 1 1 0 010-2zm13 5v10a1 1 0 01-1 1H4a1 1 0 01-1-1V11h18zM8 13c-.552 0-1 .522-1 1.167v4.666C7 19.478 7.448 20 8 20h8c.552 0 1-.522 1-1.167v-4.666c0-.645-.448-1.167-1-1.167H8z" fill="#335EEA"/><path d="M6 3h4a1 1 0 011 1H5a1 1 0 011-1zm10 0h2a1 1 0 011 1h-4a1 1 0 011-1z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> electric/highvoltage}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M2.767 20a1 1 0 01-.867-1.499l9.233-16.05a1 1 0 011.734 0L22.1 18.5A1 1 0 0121.233 20H2.767zM11 18l4-6h-2.056V8L9 14h2v4z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> electric/iron}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M20.143 18L19 20H2c0-.679.048-1.347.142-2h18zM17 7h6v2h-6V7z" fill="#335EEA" opacity=".3"/><path d="M21.286 16H2.58C4.3 10.217 9.658 5 16 5h1.5l5.5 8-1.714 3zM10.99 8.859c-.568.08-.99.567-.99 1.141a1 1 0 001 1h4.5a1.5 1.5 0 001.487-1.684 1.3 1.3 0 00-1.472-1.104l-4.525.647zM7 14a1 1 0 100-2 1 1 0 000 2z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> electric/kettle}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M18 2c1.657 0 3 2.462 3 5.5 0 2.395-.835 4.432-2 5.187V19H6V9.207a.5.5 0 00-.146-.353l-1.48-1.48c-.204-.229-.186-.545.02-.728C6.927 4.395 8.962 3.013 10.5 2.5c1.416-.472 7.306-.534 7.427-.498L18 2zm-.5 9c.225 0 1.5-1.92 1.5-4 0-1.868-.5-2.5-1.5-3v7zM11 15h1a1 1 0 000-2h-1v-1h1a1 1 0 000-2h-1V9h1a1 1 0 000-2h-1a2 2 0 114 0v8a2 2 0 11-4 0z" fill="#335EEA"/><path d="M6 20h13a1 1 0 011 1v1H5v-1a1 1 0 011-1z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> electric/mixer}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8.423 7.196a.5.5 0 01-.133-.49l.553-2.028a1.5 1.5 0 011.334-1.101L17.799 3l1.061 1.06c1.072 1.072 2.51 2.7 4.318 4.885a2 2 0 01.273 2.117l-2.559 5.515a1.5 1.5 0 01-2.409.442L8.423 7.196zm12.12 2.025l-2.744-3.657a1.3 1.3 0 00-1.96-.14 1.5 1.5 0 000 2.122l3.182 3.182a1 1 0 001.414 0 1.153 1.153 0 00.107-1.507z" fill="#335EEA"/><path d="M10.377 14.232l1.663 1.663a1.568 1.568 0 010 2.218L8.713 21.44a1.568 1.568 0 01-2.218 0L2.06 17.004a1.568 1.568 0 010-2.218l3.327-3.327a1.568 1.568 0 012.218 0l1.664 1.664 1.663-1.664 1.11 1.11-1.664 1.663zm-3.05 5.822l3.327-3.327-.555-.554-3.326 3.326.554.555zM5.664 18.39l3.326-3.326-.554-.555-3.327 3.327.555.554zM4 16.727L7.327 13.4l-.554-.554-3.327 3.327.554.554z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> electric/outlet}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M15 4a1 1 0 011 1v4h-2V5a1 1 0 011-1zM9 4a1 1 0 011 1v4H8V5a1 1 0 011-1z" fill="#335EEA" opacity=".3"/><path d="M13 16.93V22h-2v-5.07A7.002 7.002 0 015 10V9h14v1a7.002 7.002 0 01-6 6.93z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> electric/range-hood}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M9 13h6l5.447 2.724a1 1 0 01.553.894V20a1 1 0 01-1 1H4a1 1 0 01-1-1v-3.382a1 1 0 01.553-.894L9 13zm1-11h4-4zm8 17a1 1 0 100-2 1 1 0 000 2zm-3 0a1 1 0 100-2 1 1 0 000 2zm-3 0a1 1 0 100-2 1 1 0 000 2z" fill="#335EEA"/><path d="M9 13V3a1 1 0 011-1h4a1 1 0 011 1v10H9z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> electric/shutdown}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M7.623 5.303a1 1 0 111.096 1.673 6 6 0 106.669.071 1 1 0 111.13-1.65 8 8 0 11-8.895-.095z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="11" y="3" width="2" height="10" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> electric/socket-eu}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M11 3.055V5a1 1 0 002 0V3.055a9.001 9.001 0 010 17.89V19a1 1 0 00-2 0v1.945a9.001 9.001 0 010-17.89zM8.5 13a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm7 0a1.5 1.5 0 100-3 1.5 1.5 0 000 3z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> electric/socket-us}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5 4h14a1 1 0 011 1v14a1 1 0 01-1 1H5a1 1 0 01-1-1V5a1 1 0 011-1zm4 3a1 1 0 00-1 1v3a1 1 0 002 0V8a1 1 0 00-1-1zm3 8a1.5 1.5 0 00-1.5 1.5V18h3v-1.5A1.5 1.5 0 0012 15zm3-8a1 1 0 00-1 1v3a1 1 0 002 0V8a1 1 0 00-1-1z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> electric/washer}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M6 4a1 1 0 00-1 1v3h14V5a1 1 0 00-1-1H6zm0-2h12a3 3 0 013 3v15a3 3 0 01-3 3H6a3 3 0 01-3-3V5a3 3 0 013-3zm6 19.5a6 6 0 100-12 6 6 0 000 12zM7 7a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2z" fill="#335EEA"/><path d="M12 19.5a4 4 0 100-8 4 4 0 000 8z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> electric/hair-dryer}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M4.585 12.782l4.83-1.295 1.923 7.179a2.5 2.5 0 01-4.83 1.294l-1.923-7.178zm7.798 1.63a1.25 1.25 0 011.53.883l.13.483a1.25 1.25 0 01-2.415.647l-.13-.482a1.25 1.25 0 01.885-1.531zM18 6l3-1v7l-3-1V6z" fill="#335EEA" opacity=".3"/><path d="M8.445 4.778L17 6v5l-8.712 2.489A4.149 4.149 0 013 9.5a4.77 4.77 0 015.445-4.722zM7 11a2 2 0 100-4 2 2 0 000 4z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/cloud-download}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.747 13.043A6 6 0 1114.811 6.5h2.439a3.75 3.75 0 010 7.5h-9c-.962 0-1.84-.362-2.503-.957z" fill="#335EEA" opacity=".3"/><path d="M14.888 17.83H12.93v-2.007a.5.5 0 00-.5-.5h-1.023a.5.5 0 00-.5.5v2.008H8.95a.5.5 0 00-.381.823l2.968 3.505a.5.5 0 00.763 0l2.968-3.505a.5.5 0 00-.381-.823z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/cloud-upload}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.747 13.043A6 6 0 1114.811 6.5h2.439a3.75 3.75 0 010 7.5h-9c-.962 0-1.84-.362-2.503-.957z" fill="#335EEA" opacity=".3"/><path d="M9.032 19.492h1.956V21.5a.5.5 0 00.5.5h1.024a.5.5 0 00.5-.5v-2.008h1.956a.5.5 0 00.382-.823l-2.968-3.505a.5.5 0 00-.764 0L8.65 18.669a.5.5 0 00.382.823z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/compilation}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3.5 21h17a1.5 1.5 0 001.5-1.5v-11A1.5 1.5 0 0020.5 7H10L7.44 4.44A1.5 1.5 0 006.378 4H3.5A1.5 1.5 0 002 5.5v14A1.5 1.5 0 003.5 21z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" opacity=".3" transform="rotate(-45 8.984 14.127)" x="7.413" y="12.556" width="3.143" height="3.143" rx=".75"/><rect fill="#335EEA" opacity=".3" transform="rotate(-45 15.27 14.127)" x="13.699" y="12.556" width="3.143" height="3.143" rx=".75"/><rect fill="#335EEA" transform="rotate(-45 12.127 17.27)" x="10.556" y="15.699" width="3.143" height="3.143" rx=".75"/><rect fill="#335EEA" transform="rotate(-45 12.127 10.984)" x="10.556" y="9.413" width="3.143" height="3.143" rx=".75"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/compiled-file}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" opacity=".3" transform="rotate(-45 8.984 12.127)" x="7.413" y="10.556" width="3.143" height="3.143" rx=".75"/><rect fill="#335EEA" opacity=".3" transform="rotate(-45 15.27 12.127)" x="13.699" y="10.556" width="3.143" height="3.143" rx=".75"/><rect fill="#335EEA" transform="rotate(-45 12.127 15.27)" x="10.556" y="13.699" width="3.143" height="3.143" rx=".75"/><rect fill="#335EEA" transform="rotate(-45 12.127 8.984)" x="10.556" y="7.413" width="3.143" height="3.143" rx=".75"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/deleted-file}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><path d="M10.586 13l-1.414-1.414a1 1 0 111.414-1.414L12 11.586l1.414-1.414a1 1 0 111.414 1.414L13.414 13l1.414 1.414a1 1 0 11-1.414 1.414L12 14.414l-1.414 1.414a1 1 0 11-1.414-1.414L10.586 13z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/deleted-folder}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3.5 21h17a1.5 1.5 0 001.5-1.5v-11A1.5 1.5 0 0020.5 7H10L7.44 4.44A1.5 1.5 0 006.378 4H3.5A1.5 1.5 0 002 5.5v14A1.5 1.5 0 003.5 21z" fill="#335EEA" opacity=".3"/><path d="M10.586 14l-1.414-1.414a1 1 0 111.414-1.414L12 12.586l1.414-1.414a1 1 0 111.414 1.414L13.414 14l1.414 1.414a1 1 0 11-1.414 1.414L12 15.414l-1.414 1.414a1 1 0 11-1.414-1.414L10.586 14z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/download}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M2 13c0-.5.5-1 1-1s1 .5 1 1v5a2 2 0 002 2h12a2 2 0 002-2v-5a1 1 0 012 0v5a4 4 0 01-4 4H6a4 4 0 01-4-4v-5z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" opacity=".3" transform="rotate(-180 12 8)" x="11" y="1" width="2" height="14" rx="1"/><path d="M16.293 9.293a1 1 0 111.414 1.414l-5 5a1 1 0 01-1.376.036l-5-4.5a1 1 0 111.338-1.486l4.295 3.865 4.329-4.33z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/downloaded-file}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><path d="M10.927 9.855v1.956H8.92a.5.5 0 00-.5.5v1.024a.5.5 0 00.5.5h2.008v1.956a.5.5 0 00.823.382l3.506-2.968a.5.5 0 000-.764L11.75 9.473a.5.5 0 00-.823.382z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/downloads-folder}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3.5 21h17a1.5 1.5 0 001.5-1.5v-11A1.5 1.5 0 0020.5 7H10L7.44 4.44A1.5 1.5 0 006.378 4H3.5A1.5 1.5 0 002 5.5v14A1.5 1.5 0 003.5 21z" fill="#335EEA" opacity=".3"/><path d="M10.927 10.855v1.956H8.92a.5.5 0 00-.5.5v1.024a.5.5 0 00.5.5h2.008v1.956a.5.5 0 00.823.382l3.506-2.968a.5.5 0 000-.764l-3.506-2.968a.5.5 0 00-.823.382z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/export}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M17 8a1 1 0 010-2h1a4 4 0 014 4v8a4 4 0 01-4 4H6a4 4 0 01-4-4V9.993a4 4 0 014-4h1a1 1 0 110 2H6a2 2 0 00-2 2V18a2 2 0 002 2h12a2 2 0 002-2v-8a2 2 0 00-2-2h-1z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" opacity=".3" transform="matrix(-1 0 0 1 24 0)" x="11" y="2" width="2" height="12" rx="1"/><path d="M12 2.414l2.293 2.293a1 1 0 001.414-1.414l-3-3a1 1 0 00-1.414 0l-3 3a1 1 0 001.414 1.414L12 2.414z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/file}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/file-cloud}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><path d="M8.637 15.463A3.5 3.5 0 1113.965 12H15a2 2 0 110 4h-5a1.993 1.993 0 01-1.363-.537z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/file-done}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2zm5.018 13.75c.24 0 .48-.096.67-.287l3.834-3.834a.926.926 0 000-1.341.926.926 0 00-1.341 0l-3.163 3.162-1.246-1.246c-.335-.383-.958-.383-1.341 0a.926.926 0 000 1.342l1.916 1.917a.946.946 0 00.671.287z" fill="#335EEA" opacity=".3"/><path d="M10.875 15.75a.946.946 0 01-.67-.287l-1.918-1.917a.926.926 0 010-1.342c.384-.383 1.007-.383 1.342 0l1.246 1.246 3.162-3.162a.926.926 0 011.342 0 .926.926 0 010 1.341l-3.833 3.834a.946.946 0 01-.671.287z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/file-minus}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="9" y="12" width="6" height="2" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/file-plus}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><path d="M10.586 13l-1.414-1.414a1 1 0 111.414-1.414L12 11.586l1.414-1.414a1 1 0 111.414 1.414L13.414 13l1.414 1.414a1 1 0 11-1.414 1.414L12 14.414l-1.414 1.414a1 1 0 11-1.414-1.414L10.586 13z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/folder}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3.5 21h17a1.5 1.5 0 001.5-1.5v-11A1.5 1.5 0 0020.5 7H10L7.44 4.44A1.5 1.5 0 006.378 4H3.5A1.5 1.5 0 002 5.5v14A1.5 1.5 0 003.5 21z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/folder-check}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3.5 21h17a1.5 1.5 0 001.5-1.5v-11A1.5 1.5 0 0020.5 7H10L7.44 4.44A1.5 1.5 0 006.378 4H3.5A1.5 1.5 0 002 5.5v14A1.5 1.5 0 003.5 21z" fill="#335EEA" opacity=".3"/><path d="M10.875 16.75a.946.946 0 01-.67-.288l-1.918-1.916a.926.926 0 010-1.342c.384-.383 1.007-.383 1.342 0l1.246 1.246 3.162-3.162a.926.926 0 011.342 0 .926.926 0 010 1.341l-3.833 3.833a.946.946 0 01-.671.288z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/folder-cloud}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3.5 21h17a1.5 1.5 0 001.5-1.5v-11A1.5 1.5 0 0020.5 7H10L7.44 4.44A1.5 1.5 0 006.378 4H3.5A1.5 1.5 0 002 5.5v14A1.5 1.5 0 003.5 21z" fill="#335EEA" opacity=".3"/><path d="M8.637 16.463A3.5 3.5 0 1113.965 13H15a2 2 0 110 4h-5a1.993 1.993 0 01-1.363-.537z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/folder-error}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M2 13.15V5.5A1.5 1.5 0 013.5 4h2.879a1.5 1.5 0 011.06.44L10 7h10.5A1.5 1.5 0 0122 8.5v11a1.5 1.5 0 01-1.5 1.5h-9.516A7.5 7.5 0 002 13.15z" fill="#335EEA"/><path d="M4.5 16a1 1 0 011 1v2a1 1 0 01-2 0v-2a1 1 0 011-1zm0 7a1 1 0 110-2 1 1 0 010 2z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/folder-heart}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3.5 21h17a1.5 1.5 0 001.5-1.5v-11A1.5 1.5 0 0020.5 7H10L7.44 4.44A1.5 1.5 0 006.378 4H3.5A1.5 1.5 0 002 5.5v14A1.5 1.5 0 003.5 21z" fill="#335EEA" opacity=".3"/><path d="M14.35 10.5c-.805 0-1.746.912-2.25 1.5-.504-.588-1.445-1.5-2.25-1.5-1.425 0-2.25 1.111-2.25 2.525 0 1.567 1.5 3.225 4.5 4.975 3-1.75 4.5-3.375 4.5-4.875 0-1.414-.826-2.625-2.25-2.625z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/folder-minus}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3.5 21h17a1.5 1.5 0 001.5-1.5v-11A1.5 1.5 0 0020.5 7H10L7.44 4.44A1.5 1.5 0 006.378 4H3.5A1.5 1.5 0 002 5.5v14A1.5 1.5 0 003.5 21z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="9" y="13" width="6" height="2" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/folder-plus}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3.5 21h17a1.5 1.5 0 001.5-1.5v-11A1.5 1.5 0 0020.5 7H10L7.44 4.44A1.5 1.5 0 006.378 4H3.5A1.5 1.5 0 002 5.5v14A1.5 1.5 0 003.5 21z" fill="#335EEA" opacity=".3"/><path d="M11 13v-2a1 1 0 012 0v2h2a1 1 0 010 2h-2v2a1 1 0 01-2 0v-2H9a1 1 0 010-2h2z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/folder-solid}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3.5 21h17a1.5 1.5 0 001.5-1.5v-11A1.5 1.5 0 0020.5 7H10L7.44 4.44A1.5 1.5 0 006.378 4H3.5A1.5 1.5 0 002 5.5v14A1.5 1.5 0 003.5 21z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/folder-star}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3.5 21h17a1.5 1.5 0 001.5-1.5v-11A1.5 1.5 0 0020.5 7H10L7.44 4.44A1.5 1.5 0 006.378 4H3.5A1.5 1.5 0 002 5.5v14A1.5 1.5 0 003.5 21z" fill="#335EEA" opacity=".3"/><path d="M12 17.228l-2.198 1.207a.527.527 0 01-.727-.236.585.585 0 01-.054-.357l.42-2.557-1.778-1.812a.58.58 0 01-.01-.795.53.53 0 01.308-.164l2.457-.373 1.1-2.327a.528.528 0 01.965 0l1.099 2.327 2.457.373a.56.56 0 01.455.637.572.572 0 01-.157.322l-1.778 1.812.42 2.557a.56.56 0 01-.44.65.518.518 0 01-.34-.057L12 17.228z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/folder-thunder}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3.5 21h17a1.5 1.5 0 001.5-1.5v-11A1.5 1.5 0 0020.5 7H10L7.44 4.44A1.5 1.5 0 006.378 4H3.5A1.5 1.5 0 002 5.5v14A1.5 1.5 0 003.5 21z" fill="#335EEA" opacity=".3"/><path d="M12.67 18.788l3.3-4.949a.75.75 0 00-.624-1.166h-2.687V9.7a.75.75 0 00-1.374-.416l-3.299 4.949a.75.75 0 00.624 1.166h2.687v2.973a.75.75 0 001.374.416z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/group-folders}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M4.5 21h17a1.5 1.5 0 001.5-1.5v-11A1.5 1.5 0 0021.5 7H11L8.44 4.44A1.5 1.5 0 007.378 4H4.5A1.5 1.5 0 003 5.5v14A1.5 1.5 0 004.5 21z" fill="#335EEA" opacity=".3"/><path d="M2.5 19h17a1.5 1.5 0 001.5-1.5v-11A1.5 1.5 0 0019.5 5H9L6.44 2.44A1.5 1.5 0 005.378 2H2.5A1.5 1.5 0 001 3.5v14A1.5 1.5 0 002.5 19z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/import}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" transform="rotate(-180 12 7)" x="11" y="1" width="2" height="12" rx="1"/><path d="M17 8a1 1 0 010-2h1a4 4 0 014 4v8a4 4 0 01-4 4H6a4 4 0 01-4-4V9.993a4 4 0 014-4h1a1 1 0 110 2H6a2 2 0 00-2 2V18a2 2 0 002 2h12a2 2 0 002-2v-8a2 2 0 00-2-2h-1z" fill="#335EEA" opacity=".3"/><path d="M14.293 10.293a1 1 0 011.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 011.414-1.414L12 12.586l2.293-2.293z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/locked-folder}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3.5 21h17a1.5 1.5 0 001.5-1.5v-11A1.5 1.5 0 0020.5 7H10L7.44 4.44A1.5 1.5 0 006.378 4H3.5A1.5 1.5 0 002 5.5v14A1.5 1.5 0 003.5 21z" fill="#335EEA" opacity=".3"/><path d="M14.5 13a1 1 0 011 1v3a1 1 0 01-1 1h-5a1 1 0 01-1-1v-3a1 1 0 011-1v-.5a2.5 2.5 0 115 0v.5zM12 11a1.5 1.5 0 00-1.5 1.5v.5h3v-.5A1.5 1.5 0 0012 11z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/media}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><path d="M10.782 15.805l4.404-3.01a.5.5 0 000-.824l-4.403-3.03a.5.5 0 00-.783.413v6.039a.5.5 0 00.782.412z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/media-folder}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3.5 21h17a1.5 1.5 0 001.5-1.5v-11A1.5 1.5 0 0020.5 7H10L7.44 4.44A1.5 1.5 0 006.378 4H3.5A1.5 1.5 0 002 5.5v14A1.5 1.5 0 003.5 21z" fill="#335EEA" opacity=".3"/><path d="M10.782 17.51l4.404-3.01a.5.5 0 000-.825l-4.403-3.029a.5.5 0 00-.783.412v6.04a.5.5 0 00.782.412z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/music}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><path d="M9.833 17C8.821 17 8 16.316 8 15.472s.82-1.528 1.833-1.528c.215 0 .42.031.611.087v-4.24c0-.313.196-.59.483-.683l3.514-1.075c.442-.144.892.2.892.684v1.075c0 .358-.335.587-.61.652-.397.095-1.416.299-3.056.612v4.448a.837.837 0 01-.013.152c-.11.757-.883 1.344-1.82 1.344z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/pictures-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3.5 21h17a1.5 1.5 0 001.5-1.5v-11A1.5 1.5 0 0020.5 7H10L7.44 4.44A1.5 1.5 0 006.378 4H3.5A1.5 1.5 0 002 5.5v14A1.5 1.5 0 003.5 21z" fill="#335EEA" opacity=".3"/><path fill="#335EEA" opacity=".3" d="M4 19l6-8 6 8z"/><path fill="#335EEA" d="M11 19l4-5 4 5z"/><path d="M18 12a1.5 1.5 0 100-3 1.5 1.5 0 000 3z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/pictures-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3.5 21h17a1.5 1.5 0 001.5-1.5v-11A1.5 1.5 0 0020.5 7H10L7.44 4.44A1.5 1.5 0 006.378 4H3.5A1.5 1.5 0 002 5.5v14A1.5 1.5 0 003.5 21z" fill="#335EEA" opacity=".3"/><circle fill="#335EEA" opacity=".3" cx="13.5" cy="16.5" r="2.5"/><circle fill="#335EEA" opacity=".3" cx="10.5" cy="16.5" r="2.5"/><circle fill="#335EEA" opacity=".3" cx="9.5" cy="13.5" r="2.5"/><circle fill="#335EEA" opacity=".3" cx="14.5" cy="13.5" r="2.5"/><circle fill="#335EEA" opacity=".3" cx="12" cy="11.5" r="2.5"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/protected-file}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><path d="M14.5 12a1 1 0 011 1v3a1 1 0 01-1 1h-5a1 1 0 01-1-1v-3a1 1 0 011-1v-.5a2.5 2.5 0 115 0v.5zM12 10a1.5 1.5 0 00-1.5 1.5v.5h3v-.5A1.5 1.5 0 0012 10z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/selected-file}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M4.857 1h6.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0118 6.529v12.554c0 1.79-.02 1.917-1.857 1.917H4.857C3.02 21 3 20.874 3 19.083V2.917C3 1.127 3.02 1 4.857 1zM8 12a1 1 0 000 2h7a1 1 0 000-2H8zm0 4a1 1 0 000 2h3a1 1 0 000-2H8z" fill="#335EEA" opacity=".3"/><path d="M6.857 3h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0121 8.529v12.554c0 1.79-.02 1.917-1.857 1.917H6.857C5.02 23 5 22.874 5 21.083V4.917C5 3.127 5.02 3 6.857 3zM8 12a1 1 0 000 2h7a1 1 0 000-2H8zm0 4a1 1 0 000 2h3a1 1 0 000-2H8z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/share}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M15.123 19.011L7.838 14.82a3.996 3.996 0 001.024-1.774l7.236 4.202a3.993 3.993 0 00-.975 1.764zm-7.367-9.91l7.321-4.313c.14.698.461 1.33.913 1.846l-7.125 4.332A3.998 3.998 0 007.755 9.1z" fill="#335EEA"/><circle fill="#335EEA" opacity=".3" cx="19" cy="4" r="3"/><circle fill="#335EEA" opacity=".3" cx="19" cy="20" r="3"/><circle fill="#335EEA" opacity=".3" cx="5" cy="12" r="3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/upload}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M2 13c0-.5.5-1 1-1s1 .5 1 1v5a2 2 0 002 2h12a2 2 0 002-2v-5a1 1 0 012 0v5a4 4 0 01-4 4H6a4 4 0 01-4-4v-5z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" opacity=".3" x="11" y="2" width="2" height="14" rx="1"/><path d="M12.036 3.378l-4.329 4.33a1 1 0 01-1.414-1.415l5-5a1 1 0 011.376-.036l5 4.5a1 1 0 11-1.338 1.486l-4.295-3.865z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/uploaded-file}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><path d="M10.927 9.855v1.956H8.92a.5.5 0 00-.5.5v1.024a.5.5 0 00.5.5h2.008v1.956a.5.5 0 00.823.382l3.506-2.968a.5.5 0 000-.764L11.75 9.473a.5.5 0 00-.823.382z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/upload-folder}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3.5 21h17a1.5 1.5 0 001.5-1.5v-11A1.5 1.5 0 0020.5 7H10L7.44 4.44A1.5 1.5 0 006.378 4H3.5A1.5 1.5 0 002 5.5v14A1.5 1.5 0 003.5 21z" fill="#335EEA" opacity=".3"/><path d="M10.758 10.293v2.123H8.75a.5.5 0 00-.5.5v1.168a.5.5 0 00.5.5h2.008v2.123a.5.5 0 00.836.37l3.535-3.207a.5.5 0 000-.74l-3.535-3.207a.5.5 0 00-.836.37z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> files/user-folder}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3.5 21h17a1.5 1.5 0 001.5-1.5v-11A1.5 1.5 0 0020.5 7H10L7.44 4.44A1.5 1.5 0 006.378 4H3.5A1.5 1.5 0 002 5.5v14A1.5 1.5 0 003.5 21z" fill="#335EEA" opacity=".3"/><path d="M12 13a2 2 0 110-4 2 2 0 010 4zM7 18.5c.216-2.983 2.368-4.5 4.99-4.5 2.66 0 4.846 1.433 5.009 4.5.006.122 0 .5-.418.5H7.404c-.14 0-.415-.338-.404-.5z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> food/beer}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M16 7v2h3a1 1 0 011 1v3a1 1 0 01-1 1h-3v2h3a3 3 0 003-3v-3a3 3 0 00-3-3h-3zM4.758 5A4.496 4.496 0 018.5 3c1.56 0 2.935.794 3.742 2H4.758z" fill="#335EEA" opacity=".3"/><path d="M7 5a4 4 0 118 0H7z" fill="#335EEA" opacity=".3"/><path d="M12.05 5a2.5 2.5 0 014.9 0h-4.9z" fill="#335EEA" opacity=".3"/><path d="M8 8a1 1 0 011 1v9a1 1 0 01-2 0V9a1 1 0 011-1zm5 0a1 1 0 011 1v9a1 1 0 01-2 0V9a1 1 0 011-1zM4.06 5h12.88a1 1 0 01.998 1.059l-.827 14.058A2 2 0 0115.114 22H5.886a2 2 0 01-1.997-1.883L3.062 6.06A1 1 0 014.061 5z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> food/bottle-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M6.2 9.733L8.7 6.4a1 1 0 01.8-.4h5a1 1 0 01.8.4l2.5 3.333a1 1 0 01.2.6V21a2 2 0 01-2 2H8a2 2 0 01-2-2V10.333a1 1 0 01.2-.6zM9 12a1 1 0 00-1 1v7a1 1 0 001 1h1a1 1 0 001-1v-7a1 1 0 00-1-1H9z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="9" y="1" width="6" height="3" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> food/bottle-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 18v4a1 1 0 001 1h6a1 1 0 001-1V10.414a1 1 0 00-.293-.707l-1.414-1.414A1 1 0 0114 7.586V5a1 1 0 00-1-1h-2a1 1 0 00-1 1v2.586a1 1 0 01-.293.707L8.293 9.707a1 1 0 00-.293.707V13h4v5H8z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="10" y="1" width="4" height="2" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> food/bread}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M21 10.663V19a2 2 0 01-2 2H9a2 2 0 01-2-2v-8.337A3.5 3.5 0 018.5 4h11a3.5 3.5 0 011.5 6.663z" fill="#335EEA" opacity=".3"/><path d="M17 10.663V19a2 2 0 01-2 2H5a2 2 0 01-2-2v-8.337A3.5 3.5 0 014.5 4h11a3.5 3.5 0 011.5 6.663z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> food/bucket}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="7" y="1" width="10" height="3" rx="1"/><path d="M9.322 6h5.356a5 5 0 014.99 5.312l-.55 8.813A2 2 0 0117.12 22H6.88a2 2 0 01-1.996-1.875l-.551-8.813A5 5 0 019.322 6zM9 9a2 2 0 00-2 2v1a2 2 0 002 2h6a2 2 0 002-2v-1a2 2 0 00-2-2H9z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> food/burger}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M15 15l.997 1.14a1 1 0 001.506 0L18.5 15H21a6.22 6.22 0 01-6.099 5H9.099A6.22 6.22 0 013 15h12zM3 4h18a6.22 6.22 0 01-6.099 5H9.099A6.22 6.22 0 013 4z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="2" y="11" width="20" height="2" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> food/cake}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M13 11h4a4 4 0 013.98 3.605l-.687.688C19.133 16.453 18.039 17 17 17c-.478 0-.812-.148-1.435-.598l-.29-.21C14.137 15.361 13.306 15 12 15c-1.282 0-2.121.337-3.42 1.153l-.299.188C7.5 16.828 7.065 17 6.5 17c-.673 0-1.319-.283-1.915-.773a4.214 4.214 0 01-.76-.792c-.24-.303-.327-.413-.787-.988A4 4 0 017 11h4V9h2v2z" fill="#335EEA"/><path d="M12 7a2 2 0 002-2c0-.736-.667-1.736-2-3-1.333 1.264-2 2.264-2 3a2 2 0 002 2zM21 17.357V21a1 1 0 01-1 1H4a1 1 0 01-1-1v-3.502c.098.09.204.182.316.275C4.24 18.533 5.307 19 6.5 19c1.026 0 1.766-.294 2.838-.961l.306-.192C10.65 17.214 11.184 17 12 17c.799 0 1.27.206 2.1.809l.294.215c.933.673 1.616.976 2.606.976 1.375 0 2.71-.56 4-1.643z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> food/carrot}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12.886 11.478c-1.601-5.836-.611-9.529 2.97-11.08 2.204 3.101 1.215 6.795-2.97 11.08z" fill="#335EEA" opacity=".3"/><path d="M23.06 7.669c-5.836-1.601-9.53-.612-11.08 2.969 3.1 2.205 6.794 1.215 11.08-2.969z" fill="#335EEA" opacity=".3"/><path d="M20.005 3.495c-5.854 1.53-8.558 4.234-8.11 8.11 3.787.36 6.49-2.344 8.11-8.11z" fill="#335EEA" opacity=".3"/><path d="M2.578 17.513l.29.29a1 1 0 101.414-1.414l-.69-.691 1.012-1.816 1.093 1.093A1 1 0 007.11 13.56l-1.414-1.415a1.011 1.011 0 00-.083-.074l1.016-1.82 1.895 1.894a1 1 0 101.414-1.414L7.818 8.611a1.002 1.002 0 00-.19-.15l.245-.437a2 2 0 013.16-.44l4.883 4.883a2 2 0 01-.44 3.16l-12.007 6.7a1.687 1.687 0 01-2.295-2.296l1.404-2.518z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> food/cheese}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M22 13.915V19a2 2 0 01-2 2h-6a2 2 0 10-4 0H4a2 2 0 01-2-2V7h20v4.085a1.5 1.5 0 100 2.83zM9 17a4 4 0 100-8 4 4 0 000 8zm9 1a1 1 0 100-2 1 1 0 000 2zM5 21a1 1 0 100-2 1 1 0 000 2z" fill="#335EEA"/><path d="M19.595 5.835L4.61 4.072a1 1 0 00-.95.438L2 7h20a4.074 4.074 0 00-2.405-1.165z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> food/chicken}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><g fill="#335EEA"><path d="M20.132 4.368a5.882 5.882 0 01-1.43 9.37l-5.105 2.673a4.08 4.08 0 01-5.508-5.508l2.674-5.105a5.882 5.882 0 019.369-1.43z"/><path d="M4.869 17.51l1.474-1.474 2.121 2.12-1.474 1.475a1.5 1.5 0 11-2.852.73 1.5 1.5 0 11.73-2.852z" opacity=".3"/></g></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> food/coffee-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8.4 17H5c-1.657 0-3-1.843-3-3.5S3.343 10 5 10h1V8h15v3.5A7.5 7.5 0 018.4 17zm-1.535-2a7.455 7.455 0 01-.849-3H5c-.552 0-1 .948-1 1.5S4.448 15 5 15h1.865z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="6" y="21" width="15" height="2" rx="1"/><path d="M8.116 0l1.157 1.153a2.195 2.195 0 00.242 3.307l.485.362-.977 1.31-.485-.363A3.829 3.829 0 018.116 0zM13.116 1l1.157 1.153a2.195 2.195 0 00.242 3.307l.485.362-.977 1.31-.485-.363A3.829 3.829 0 0113.116 1zM18.116 0l1.157 1.153a2.195 2.195 0 00.242 3.307l.485.362-.977 1.31-.485-.363A3.829 3.829 0 0118.116 0z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> food/coffee-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 4h13a1 1 0 011 1v11a4 4 0 01-4 4h-7a4 4 0 01-4-4V5a1 1 0 011-1z" fill="#335EEA" opacity=".3"/><path d="M7 7v2H5a1 1 0 00-1 1v2a1 1 0 001 1h2v2H5a3 3 0 01-3-3v-2a3 3 0 013-3h2z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="18" y="7" width="2" height="8" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> food/cookie}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path fill="#335EEA" opacity=".3" d="M12 20.66l-2.536-.025-2.146-1.35-2.12-1.391-1.075-2.297-1.031-2.316.336-2.513.385-2.507L5.455 6.33l1.68-1.9L9.56 3.69 12 3l2.44.69 2.426.739 1.679 1.9 1.642 1.932.385 2.507.336 2.513-1.03 2.316-1.076 2.297-2.12 1.391-2.146 1.35z"/><circle fill="#335EEA" opacity=".3" cx="8.5" cy="13.5" r="1.5"/><circle fill="#335EEA" opacity=".3" cx="13.5" cy="7.5" r="1.5"/><circle fill="#335EEA" opacity=".3" cx="14.5" cy="15.5" r="1.5"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> food/dinner}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12 8a2 2 0 110-4 2 2 0 010 4zM3 18h18a1 1 0 010 2H3a1 1 0 010-2z" fill="#335EEA" opacity=".3"/><path d="M21 16a9 9 0 00-18 0h18z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> food/fish}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M7.223 10.494c.223-.002.447.01.67.034.061.56.04 1.127-.061 1.682.102.555.122 1.123.06 1.682a5.798 5.798 0 01-.669.035c-.257.47-.585.913-.984 1.312a5.754 5.754 0 01-4.71 1.653 5.753 5.753 0 011.625-4.682 5.753 5.753 0 01-1.626-4.682 5.754 5.754 0 014.71 1.654c.4.399.728.841.985 1.312z" fill="#335EEA" opacity=".3"/><path d="M14 6c3.813 0 7.211 3.15 9.41 6.595C21.21 15.851 17.812 19 14 19c-3.813 0-7.211-3.15-9.41-6.405C6.79 9.15 10.188 6 14 6zm6 7a1 1 0 100-2 1 1 0 000 2z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> food/french-bread}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M11.195 6.192c.1.074.213.13.34.164l3.268.876a1 1 0 00.518-1.932l-2.093-.56c3.267-2.078 6.26-2.723 7.61-1.372 1.953 1.953-.263 7.335-4.949 12.021-4.686 4.686-10.068 6.902-12.02 4.95-1.244-1.243-.798-3.875.9-6.833.02.008.043.015.065.02l2.898.777a1 1 0 10.518-1.932l-2.347-.628c.472-.662.999-1.33 1.576-1.992l.054.016 3.735 1a1 1 0 00.517-1.931L9.04 8.1a27.943 27.943 0 012.156-1.908z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> food/glass-martini}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M13 19.4l3.686 1.474a.5.5 0 01.314.465v.161a.5.5 0 01-.5.5h-9a.5.5 0 01-.5-.5v-.161a.5.5 0 01.314-.465L11 19.4v-5.9h2v5.9z" fill="#335EEA" opacity=".3"/><path d="M13.25 13.961a2 2 0 01-2.812-.312L3.87 5.437A1.5 1.5 0 015.04 3h13.92a1.5 1.5 0 011.171 2.437l-6.57 8.212a2 2 0 01-.312.312zM6.08 5L8.5 8.012h7L17.92 5H6.08z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> food/ice-cream-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12.202 22.05L16.5 13H7l4.298 9.05a.5.5 0 00.904 0z" fill="#335EEA" opacity=".3"/><path d="M17 6h.5a2.5 2.5 0 110 5h-11a2.5 2.5 0 010-5H7a5 5 0 1110 0z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> food/ice-cream-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12 2a6 6 0 016 6v8a1 1 0 01-1 1H7a1 1 0 01-1-1V8a6 6 0 016-6z" fill="#335EEA"/><path d="M10.5 19h3v2.5a1.5 1.5 0 01-3 0V19z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> food/miso-soup}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M2 14h20a9 9 0 01-9 9h-2a9 9 0 01-9-9z" fill="#335EEA"/><path d="M16.723 1.418a.964.964 0 01.335 1.347l-6.52 10.402a.518.518 0 01-.897-.518l5.748-10.848a.964.964 0 011.334-.383zm5.154 2.799a.964.964 0 01-.098 1.385l-9.416 7.878a.518.518 0 01-.693-.77l8.82-8.54a.964.964 0 011.387.047z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> food/orange}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12 19a7 7 0 100-14 7 7 0 000 14zm0 2a9 9 0 110-18 9 9 0 010 18z" fill="#335EEA"/><path d="M12 9.667c-.667-1.022-1-1.786-1-2.292C11 6.615 11.448 6 12 6s1 .616 1 1.375c0 .506-.333 1.27-1 2.292zM12 14c.667 1.022 1 1.785 1 2.292 0 .76-.448 1.375-1 1.375s-1-.616-1-1.375c0-.507.333-1.27 1-2.292zm2.333-2c1.022-.667 1.786-1 2.292-1 .76 0 1.375.448 1.375 1s-.616 1-1.375 1c-.506 0-1.27-.333-2.292-1zM10 12c-1.022.667-1.785 1-2.292 1-.76 0-1.375-.448-1.375-1s.616-1 1.375-1c.507 0 1.27.333 2.292 1zm3.65-1.65c.25-1.194.555-1.97.913-2.327.537-.537 1.29-.656 1.68-.266.39.39.271 1.143-.266 1.68-.358.358-1.133.662-2.327.913zm-3.064 3.064c-.251 1.194-.556 1.97-.914 2.328-.537.537-1.288.655-1.679.265-.39-.39-.272-1.142.265-1.68.358-.357 1.134-.662 2.328-.913zm3.064.236c1.194.25 1.97.555 2.327.913.537.537.656 1.29.266 1.68-.39.39-1.143.271-1.68-.266-.358-.358-.662-1.133-.913-2.327zm-3.064-3.064c-1.194-.251-1.97-.556-2.328-.914-.537-.537-.655-1.288-.265-1.679.39-.39 1.142-.272 1.68.265.357.358.662 1.134.913 2.328z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> food/pizza}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M2.88 5.666A16.686 16.686 0 0111.956 3c3.344 0 6.46.979 9.075 2.666L11.955 22 2.881 5.666z" fill="#335EEA" opacity=".3"/><circle fill="#335EEA" opacity=".3" cx="9.5" cy="9.5" r="1.5"/><circle fill="#335EEA" opacity=".3" cx="15.5" cy="7.5" r="1.5"/><circle fill="#335EEA" opacity=".3" cx="12.5" cy="15.5" r="1.5"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> food/sushi}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M7 17c2.281 0 4-1.031 4-2 0-.969-1.719-2-4-2-2.281 0-4 1.031-4 2 0 .969 1.719 2 4 2zm4.5 4.31C10.69 22.31 8.98 23 7 23c-2.761 0-5-1.343-5-3v-5c0-1.657 2.239-3 5-3 1.98 0 3.69.69 4.5 1.69.81-1 2.52-1.69 4.5-1.69 2.761 0 5 1.343 5 3v5c0 1.657-2.239 3-5 3-1.98 0-3.69-.69-4.5-1.69zM16 17c2.281 0 4-1.031 4-2 0-.969-1.719-2-4-2-2.281 0-4 1.031-4 2 0 .969 1.719 2 4 2z" fill="#335EEA"/><path d="M19.66 2.021a.974.974 0 01-.627 1.246L2.336 8.53a.513.513 0 01-.334-.97l16.397-6.133a.974.974 0 011.262.595zm1.312 4.53a.974.974 0 01-.816 1.133L2.842 10.27a.513.513 0 01-.179-1.011l17.155-3.493a.974.974 0 011.154.786zM16 16c-.828 0-1.5-.448-1.5-1s.672-1 1.5-1 1.5.448 1.5 1-.672 1-1.5 1zm-9 0c-.828 0-1.5-.448-1.5-1s.672-1 1.5-1 1.5.448 1.5 1-.672 1-1.5 1z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> food/two-bottles}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M11 12H2v-1a3 3 0 013-3h3a3 3 0 013 3v1zm0 2v6a1 1 0 01-1 1H3a1 1 0 01-1-1v-6h9z" fill="#335EEA"/><path d="M22 12h-9v-1a3 3 0 013-3h3a3 3 0 013 3v1zm0 2v6a1 1 0 01-1 1h-7a1 1 0 01-1-1v-6h9zM5 3h3a1 1 0 011 1v1a1 1 0 01-1 1H5a1 1 0 01-1-1V4a1 1 0 011-1zm11 0h3a1 1 0 011 1v1a1 1 0 01-1 1h-3a1 1 0 01-1-1V4a1 1 0 011-1z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> food/wine}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M13 21.008A3.618 3.618 0 0116 23H8a3.618 3.618 0 013-1.992V15.5h2v5.508z" fill="#335EEA" opacity=".3"/><path d="M8 4l-.5 4h9c-.062-.794-.23-2.127-.5-4H8zm.286-2h7.428c1.233 0 2.258.928 2.353 2.13l.475 6.037c.274 3.495-2.4 6.545-5.973 6.814a6.634 6.634 0 01-.497.019h-.144c-3.583 0-6.489-2.841-6.489-6.346 0-.163.007-.325.02-.487l.474-6.036C6.028 2.928 7.053 2 8.286 2z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/attachment-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M10.586 12l-2.122 2.121a1 1 0 001.415 1.415L12 13.414l.707.707a2 2 0 010 2.829L9.88 19.778a2 2 0 01-2.829 0L4.222 16.95a2 2 0 010-2.829l2.828-2.828a2 2 0 012.829 0l.707.707z" fill="#335EEA" opacity=".3"/><path d="M13.414 12l2.122-2.121a1 1 0 10-1.415-1.415L12 10.586l-.707-.707a2 2 0 010-2.829l2.828-2.828a2 2 0 012.829 0l2.828 2.828a2 2 0 010 2.829l-2.828 2.828a2 2 0 01-2.829 0L13.414 12z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/attachment-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M9.879 12.707l-2.122 2.121a1 1 0 101.415 1.415l2.12-2.122.708.707a2 2 0 010 2.829l-2.828 2.828a2 2 0 01-2.829 0l-2.828-2.828a2 2 0 010-2.829L6.343 12a2 2 0 012.829 0l.707.707z" fill="#335EEA" opacity=".3"/><path d="M14.121 11.293l2.122-2.121a1 1 0 00-1.415-1.415l-2.12 2.122L12 9.172a2 2 0 010-2.829l2.828-2.828a2 2 0 012.829 0l2.828 2.828a2 2 0 010 2.829L17.657 12a2 2 0 01-2.829 0l-.707-.707z" fill="#335EEA"/><path d="M4.222 4.222a1 1 0 011.414 0L7.05 5.636A1 1 0 115.636 7.05L4.222 5.636a1 1 0 010-1.414zm5.121-2.707a1 1 0 011 1v2a1 1 0 11-2 0v-2a1 1 0 011-1zM1.686 9.172a1 1 0 011-1h2a1 1 0 010 2h-2a1 1 0 01-1-1zM19.657 19.657a1 1 0 000-1.414l-1.414-1.415a1 1 0 00-1.415 1.415l1.415 1.414a1 1 0 001.414 0zm2.707-5.121a1 1 0 00-1-1h-2a1 1 0 000 2h2a1 1 0 001-1zm-7.657 7.656a1 1 0 001-1v-2a1 1 0 00-2 0v2a1 1 0 001 1z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/binocular}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12.843 16h-1.686l-.172.64a4.547 4.547 0 01-8.784-2.354l1.72-6.418A4.547 4.547 0 0112 6.383a4.547 4.547 0 018.08 1.484l1.719 6.419a4.547 4.547 0 01-8.784 2.353L12.843 16zm4.613 2.105c1.507 0 2.729-1.267 2.729-2.83 0-1.564-1.222-2.831-2.729-2.831-1.506 0-2.728 1.267-2.728 2.83 0 1.564 1.222 2.831 2.728 2.831zm-10.912 0c1.506 0 2.728-1.267 2.728-2.83 0-1.564-1.222-2.831-2.728-2.831-1.507 0-2.729 1.267-2.729 2.83 0 1.564 1.222 2.831 2.729 2.831z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/bookmark}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 4h8a2 2 0 012 2v11.727a1 1 0 01-1.676.737l-3.648-3.345a1 1 0 00-1.352 0l-3.648 3.345A1 1 0 016 17.727V6a2 2 0 012-2z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/clip}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M11.086 16.036L9.672 14.62l2.474-2.475a1.5 1.5 0 00-2.12-2.12L6.49 13.56a3.5 3.5 0 004.95 4.95l7.07-7.072a3.5 3.5 0 000-4.95l-.353-.353a3 3 0 00-4.243 0L12.5 4.722a5 5 0 017.071 0l.354.353a5.5 5.5 0 010 7.779l-7.071 7.07a5.5 5.5 0 01-7.779-7.778l3.536-3.535a3.5 3.5 0 014.95 4.95l-2.475 2.475z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/clipboard}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/cursor}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M14.233 14.367l2.078 4.456a.5.5 0 01-.242.665l-1.812.845a.5.5 0 01-.665-.242l-2.125-4.558-2.613 2.613A.5.5 0 018 17.793V5.13a.5.5 0 01.836-.37l9.306 8.46a.5.5 0 01-.298.869l-3.611.278z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/dislike}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M15 10v9l-1.153.384a12 12 0 01-3.794.616H6.459a3 3 0 01-2.941-2.412l-.75-3.746a3 3 0 013.142-3.581l3.59.239-.364-4.006A1.37 1.37 0 0110.5 5c.93 0 1.793.488 2.272 1.286L15 10z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" transform="matrix(-1 0 0 1 39 0)" x="17" y="9" width="5" height="11" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/duplicate}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M15.996 6H9a3 3 0 00-3 3v6.996c-1.298-.064-2-.825-2-2.178V6.182C4 4.768 4.768 4 6.182 4h7.636c1.353 0 2.114.702 2.178 2z" fill="#335EEA" opacity=".3"/><path d="M10.182 8h7.636C19.232 8 20 8.768 20 10.182v7.636C20 19.232 19.232 20 17.818 20h-7.636C8.768 20 8 19.232 8 17.818v-7.636C8 8.768 8.768 8 10.182 8z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/edit}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M20.504 10.424l-9.56 10.107a1.5 1.5 0 01-1.09.469H5.5A1.5 1.5 0 014 19.5v-4.393c0-.39.152-.763.423-1.043l9.659-9.97a1.5 1.5 0 012.138-.016l4.255 4.254a1.5 1.5 0 01.029 2.092z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/expand-arrows}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M10.586 12L5.464 6.879A1 1 0 016.88 5.464L12 10.586l6.192-6.193a1 1 0 111.415 1.415L13.414 12l6.193 6.192a1 1 0 11-1.415 1.415L12 13.414l-5.121 5.122a1 1 0 11-1.415-1.415L10.586 12z" fill="#335EEA" opacity=".3"/><path d="M6 18h3c.667.114 1 .448 1 1s-.333.886-1 1H4v-5c0-.667.333-1 1-1s1 .333 1 1v3zm12 0v-3c.114-.667.448-1 1-1s.886.333 1 1v5h-5c-.667 0-1-.333-1-1s.333-1 1-1h3zm0-12h-3c-.667-.114-1-.448-1-1s.333-.886 1-1h5v5c0 .667-.333 1-1 1s-1-.333-1-1V6zM6 6v3c-.114.667-.448 1-1 1s-.886-.333-1-1V4h5c.667 0 1 .333 1 1s-.333 1-1 1H6z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/fire}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M14 7c-.333 3.333-1.333 5.117-3 5.35 0 0 1.5-5.85-.5-8.85 0 0-.212 3.214-2.355 7.072C7.14 12.38 6 13.599 6 16c0 3.429 3.511 5.2 6.006 5.2C14.5 21.2 18 20 18 15.8c0-1.727-1.333-4.66-4-8.8z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/folder}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3.5 20h17a1.5 1.5 0 001.5-1.5v-10A1.5 1.5 0 0020.5 7H11L8.44 4.44A1.5 1.5 0 007.378 4H3.5A1.5 1.5 0 002 5.5v13A1.5 1.5 0 003.5 20z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/half-heart}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M16.5 4.5c-1.61 0-3.492 1.825-4.5 3-1.008-1.175-2.89-3-4.5-3C4.651 4.5 3 6.722 3 9.55c0 3.133 3 6.45 9 9.95 6-3.5 9-6.75 9-9.75 0-2.828-1.651-5.25-4.5-5.25z" fill="#335EEA" opacity=".3"/><path d="M12 19.5C6 16 3 12.683 3 9.55 3 6.722 4.651 4.5 7.5 4.5c1.61 0 3.492 1.825 4.5 3v12z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/half-star}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12 4.26a.996.996 0 01.897.557l2.042 4.138 4.566.663a1 1 0 01.555 1.706l-3.305 3.221.78 4.548a1 1 0 01-1.45 1.054L12 18V4.26z" fill="#335EEA" opacity=".3"/><path d="M12 4.26V18l-4.084 2.147a1 1 0 01-1.451-1.054l.78-4.548-3.305-3.22a1 1 0 01.555-1.707l4.566-.663 2.042-4.138A1 1 0 0112 4.259z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/heart}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M16.5 4.5c-1.61 0-3.492 1.825-4.5 3-1.008-1.175-2.89-3-4.5-3C4.651 4.5 3 6.722 3 9.55c0 3.133 3 6.45 9 9.95 6-3.5 9-6.75 9-9.75 0-2.828-1.651-5.25-4.5-5.25z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/hidden}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M19.208 9.848C20.33 11.018 21 12 21 12s-4.09 6-9 6c-.31 0-.612-.014-.904-.04l8.112-8.112zM14.505 6.495L12 9a3 3 0 00-3 3l-3.473 3.473C3.75 13.833 3 12 3 12s2.455-6 9-6c.867 0 1.708.187 2.505.495z" fill="#335EEA"/><path fill="#335EEA" opacity=".3" d="M5.1 18.435L18.537 5l1.414 1.414L6.515 19.85z"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/like}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M9 10v9l1.153.384a12 12 0 003.794.616h3.594a3 3 0 002.941-2.412l.75-3.746a3 3 0 00-3.142-3.581l-3.59.239.364-4.006A1.37 1.37 0 0013.5 5a2.65 2.65 0 00-2.272 1.286L9 10z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="2" y="9" width="5" height="11" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/lock}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><defs><path id="a" d="M0 0h24v24H0z"/></defs><g fill="none" fill-rule="evenodd"><path d="M7 10V8a5 5 0 1110 0v2h1a2 2 0 012 2v6a2 2 0 01-2 2H6a2 2 0 01-2-2v-6a2 2 0 012-2h1zm5-5a3 3 0 00-3 3v2h6V8a3 3 0 00-3-3z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/notification-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M13.207 4A5.5 5.5 0 0020 10.793V17a3 3 0 01-3 3H7a3 3 0 01-3-3V7a3 3 0 013-3h6.207z" fill="#335EEA"/><circle fill="#335EEA" opacity=".3" cx="18.5" cy="5.5" r="2.5"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/notifications-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="#335EEA" fill-rule="evenodd"><path d="M17 12h1.5a1.5 1.5 0 010 3h-13a1.5 1.5 0 010-3H7l.558-5.024a4.47 4.47 0 018.884 0L17 12z"/><rect opacity=".3" x="10" y="16" width="4" height="4" rx="2"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/other-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><circle fill="#335EEA" cx="12" cy="5" r="2"/><circle fill="#335EEA" cx="12" cy="12" r="2"/><circle fill="#335EEA" cx="12" cy="19" r="2"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/other-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><circle fill="#335EEA" cx="5" cy="12" r="2"/><circle fill="#335EEA" cx="12" cy="12" r="2"/><circle fill="#335EEA" cx="19" cy="12" r="2"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/sad}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="2" y="2" width="20" height="20" rx="10"/><path d="M6.168 16.445a1 1 0 001.664 1.11C8.99 15.819 10.354 15 12 15c1.646 0 3.01.819 4.168 2.555a1 1 0 101.664-1.11C16.322 14.181 14.354 13 12 13c-2.354 0-4.322 1.18-5.832 3.445z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/save}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M17 4H6c-1.209 0-2 .7-2 2v12c0 1.3.791 2 2 2h12c1.2 0 2-.7 2-2V7.207a.5.5 0 00-.146-.353L17 4zm0 7H7V4h10v7z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="12" y="4" width="3" height="5" rx=".5"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/scale}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M10 14H5c-.667-.114-1-.448-1-1s.333-.886 1-1h7v7c0 .667-.333 1-1 1s-1-.333-1-1v-5zm5-5h5c.667.114 1 .448 1 1s-.333.886-1 1h-7V4c0-.667.333-1 1-1s1 .333 1 1v5z" fill="#335EEA"/><path d="M3.879 18.707l2.828-2.828a1 1 0 011.414 1.414L5.293 20.12a1 1 0 01-1.414-1.414zm13-13l2.828-2.828a1 1 0 111.414 1.414L18.293 7.12a1 1 0 11-1.414-1.414z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/scissors}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M7.707 11.647l-3.55-1.894a.4.4 0 01.314-.733l5.101 1.694-1.865.933zm5.025 2.68l3.637-1.357 2.263.752h-.002a3.501 3.501 0 01-1.13 6.814 3.5 3.5 0 01-3.017-5.275l-1.75-.934zm4.768 1.21a1.5 1.5 0 100 3 1.5 1.5 0 000-3z" fill="#335EEA" opacity=".3"/><path d="M17.5 9a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm-3.017.276a3.5 3.5 0 114.147 1.538h.002L4.47 15.516a.4.4 0 01-.314-.733l10.326-5.507z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/search}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M14.293 16.707a1 1 0 011.414-1.414l4 4a1 1 0 01-1.414 1.414l-4-4z" fill="#335EEA" opacity=".3"/><path d="M11 16a5 5 0 100-10 5 5 0 000 10zm0 2a7 7 0 110-14 7 7 0 010 14z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/settings-3}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="2" y="6" width="21" height="12" rx="6"/><circle fill="#335EEA" cx="17" cy="12" r="4"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/settings-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M7 3h10a4 4 0 110 8H7a4 4 0 110-8zm0 6a2 2 0 100-4 2 2 0 000 4z" fill="#335EEA"/><path d="M7 13h10a4 4 0 110 8H7a4 4 0 110-8zm10 6a2 2 0 100-4 2 2 0 000 4z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/settings-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5 8.686V5h3.686l2.9-2.9 2.9 2.9H19v4.515L21.485 12 19 14.485V19h-4.515l-2.9 2.9L8.687 19H5v-3.686L1.686 12 5 8.686zM12 15a3 3 0 100-6 3 3 0 000 6z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/shield-check}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M4 4l7.631-1.43a2 2 0 01.738 0L20 4v9.283a8.51 8.51 0 01-4 7.217l-3.47 2.169a1 1 0 01-1.06 0L8 20.5a8.51 8.51 0 01-4-7.217V4z" fill="#335EEA" opacity=".3"/><path d="M11.175 14.75a.946.946 0 01-.67-.287l-1.917-1.917a.926.926 0 010-1.342c.383-.383 1.006-.383 1.341 0l1.246 1.246 3.163-3.162a.926.926 0 011.341 0 .926.926 0 010 1.341l-3.833 3.834a.946.946 0 01-.671.287z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/shield-disabled}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M4 4l7.631-1.43a2 2 0 01.738 0L20 4v9.283a8.51 8.51 0 01-4 7.217l-3.47 2.169a1 1 0 01-1.06 0L8 20.5a8.51 8.51 0 01-4-7.217V4z" fill="#335EEA" opacity=".3"/><path d="M10.586 12l-1.414-1.414a1 1 0 111.414-1.414L12 10.586l1.414-1.414a1 1 0 111.414 1.414L13.414 12l1.414 1.414a1 1 0 11-1.414 1.414L12 13.414l-1.414 1.414a1 1 0 11-1.414-1.414L10.586 12z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/shield-protected}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M4 4l7.631-1.43a2 2 0 01.738 0L20 4v9.283a8.51 8.51 0 01-4 7.217l-3.47 2.169a1 1 0 01-1.06 0L8 20.5a8.51 8.51 0 01-4-7.217V4z" fill="#335EEA" opacity=".3"/><path d="M14.5 11a1 1 0 011 1v3a1 1 0 01-1 1h-5a1 1 0 01-1-1v-3a1 1 0 011-1v-.5a2.5 2.5 0 115 0v.5zM12 9a1.5 1.5 0 00-1.5 1.5v.5h3v-.5A1.5 1.5 0 0012 9z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/size}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M18 6h-7c-.667-.114-1-.448-1-1s.333-.886 1-1h9v9c0 .667-.333 1-1 1s-1-.333-1-1V6zM6 18h7c.667.114 1 .448 1 1s-.333.886-1 1H4v-9c0-.667.333-1 1-1s1 .333 1 1v7z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" transform="rotate(-45 12 12)" x="7" y="11" width="10" height="2" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/smile}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="2" y="2" width="20" height="20" rx="10"/><path d="M6.168 14.555a1 1 0 011.664-1.11C8.99 15.181 10.354 16 12 16c1.646 0 3.01-.82 4.168-2.555a1 1 0 111.664 1.11C16.322 16.819 14.354 18 12 18c-2.354 0-4.322-1.18-5.832-3.445z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/star}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12 18l-4.084 2.147a1 1 0 01-1.451-1.054l.78-4.548-3.305-3.22a1 1 0 01.555-1.707l4.566-.663 2.042-4.138a1 1 0 011.794 0l2.042 4.138 4.566.663a1 1 0 01.555 1.706l-3.305 3.221.78 4.548a1 1 0 01-1.45 1.054L12 18z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/thunder}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12.374 19.939l5.849-8.773A.75.75 0 0017.599 10H13V4.477a.75.75 0 00-1.374-.416l-5.849 8.773A.75.75 0 006.401 14H11v5.523a.75.75 0 001.374.416z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/thunder-move}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M16.374 19.939l5.849-8.773A.75.75 0 0021.599 10H17V4.477a.75.75 0 00-1.374-.416l-5.849 8.773A.75.75 0 0010.401 14H15v5.523a.75.75 0 001.374.416z" fill="#335EEA"/><path d="M4.5 5h5a1.5 1.5 0 010 3h-5a1.5 1.5 0 010-3zm0 12h5a1.5 1.5 0 010 3h-5a1.5 1.5 0 010-3zm-2-6h4a1.5 1.5 0 010 3h-4a1.5 1.5 0 010-3z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/trash}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M6 8v12.5A1.5 1.5 0 007.5 22h9a1.5 1.5 0 001.5-1.5V8H6z" fill="#335EEA"/><path d="M14 4.5V4a1 1 0 00-1-1h-2a1 1 0 00-1 1v.5H5.5A.5.5 0 005 5v.5a.5.5 0 00.5.5h13a.5.5 0 00.5-.5V5a.5.5 0 00-.5-.5H14z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/unlock}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><defs><path id="a" d="M0 0h24v24H0z"/></defs><g fill="none" fill-rule="evenodd"><path d="M15.627 4.559L14.47 6.296A3 3 0 009 8l.001 2h9a2 2 0 012 2v6a2 2 0 01-2 2H6a2 2 0 01-2-2v-6a2 2 0 012-2h1V8a5 5 0 018.627-3.441z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/update}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8.433 7.174l.975.683a.5.5 0 01-.13.884L5.89 9.858a.5.5 0 01-.657-.461L5.136 5.84a.5.5 0 01.787-.423l.806.564A8 8 0 114 12h2.001a6 6 0 102.433-4.826z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/user}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12 11a4 4 0 110-8 4 4 0 010 8z" fill="#335EEA" opacity=".3"/><path d="M3 20.2c.388-4.773 4.262-7.2 8.983-7.2 4.788 0 8.722 2.293 9.015 7.2.012.195 0 .8-.751.8H3.727c-.25 0-.747-.54-.726-.8z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> general/visible}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3 12s2.455-6 9-6c4.91 0 9 6 9 6s-4.09 6-9 6c-6.545 0-9-6-9-6z" fill="#335EEA" opacity=".3"/><path d="M12 15a3 3 0 110-6 3 3 0 010 6z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/air-ballon}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M10.157 15.71a6.672 6.672 0 003.61 0l.511 1.378a.424.424 0 01-.395.577l-1.077-.027c.056 1.188.488 1.87 1.61 2.25.443.149.681.632.534 1.08a.84.84 0 01-1.066.54c-1.812-.612-2.706-1.92-2.762-3.843h-1.08a.429.429 0 01-.395-.577l.51-1.378z" fill="#335EEA"/><path d="M12 16a7 7 0 110-14 7 7 0 010 14zM8.816 8.8a.656.656 0 10-1.31.092c.117 1.661.89 2.972 2.289 3.875a.656.656 0 00.712-1.102c-1.051-.68-1.604-1.616-1.691-2.864z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/alarm-clock}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M7.143 19.358a7.993 7.993 0 001.728 1.007l-.979 1.695a1 1 0 11-1.732-1l.983-1.702zm7.994 1.004c.62-.265 1.199-.605 1.726-1.01l.97 1.678a1 1 0 01-1.733 1l-.963-1.668z" fill="#335EEA"/><path d="M12 21a8 8 0 110-16 8 8 0 010 16zm7.069-17.746l1.75 1.75a1.5 1.5 0 01-2.122 2.12l-1.75-1.749a1.5 1.5 0 012.122-2.12zm-13.77-.372a1.5 1.5 0 012.12 2.121L5.3 7.125a1.5 1.5 0 11-2.122-2.122L5.3 2.883z" fill="#335EEA" opacity=".3"/><path d="M11.963 7.5h.085a.5.5 0 01.497.45L13 12.5l3.248 1.856a.5.5 0 01.252.434V15a.382.382 0 01-.482.368l-4.62-1.26a.5.5 0 01-.366-.52l.432-5.626a.5.5 0 01.499-.462z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/armchair}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="#335EEA" fill-rule="evenodd"><path d="M20 8h-1.826a2 2 0 00-2 2v2a1 1 0 01-1 1H8.87a1 1 0 01-1-1v-2a2 2 0 00-2-2H4V6a3 3 0 013-3h10a3 3 0 013 3v2zM6.16 21.06l2-3.464a1 1 0 111.732 1l-2 3.464a1 1 0 11-1.732-1zm11.672-.03a1 1 0 01-1.732 1l-2-3.464a1 1 0 111.732-1l2 3.464z" opacity=".3"/><path d="M20 10v5a3 3 0 01-3 3H7a3 3 0 01-3-3v-5h1.87v2a3 3 0 003 3h6.304a3 3 0 003-3v-2H20z"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/bag-chair}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12 2c2.298 0 4.4 1.298 5.427 3.354L20.75 12a6.91 6.91 0 01-6.18 10H9.43a6.91 6.91 0 01-6.18-10l3.323-6.646A6.068 6.068 0 0112 2z" fill="#335EEA" opacity=".3"/><path d="M6.437 16.5L7.562 15c1.513 1.135 2.987 1.688 4.438 1.688 1.45 0 2.924-.553 4.437-1.688l1.125 1.5c-1.82 1.365-3.68 2.063-5.562 2.063-1.883 0-3.742-.698-5.563-2.063z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/bath}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="#335EEA" fill-rule="evenodd"><path d="M6 10a1 1 0 01-2 0V6a3 3 0 116 0 1 1 0 11-2 0 1 1 0 10-2 0v4zM6 20H4c0-2.761 2.239-4 5-4h6c2.761 0 5 1.239 5 4h-2c0-1.657-1.343-2-3-2H9c-1.657 0-3 .343-3 2z" opacity=".3"/><path d="M2 9h21l-.506 4.552A5 5 0 0117.524 18H7.476a5 5 0 01-4.97-4.448L2 9zm17.25 2.5c0 1.43-.556 2.542-1.7 3.4a.75.75 0 00.9 1.2c1.522-1.142 2.3-2.697 2.3-4.6a.75.75 0 10-1.5 0z"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/bed}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M4 22H2c0-2.761 2.239-4 5-4h10c2.761 0 5 1.239 5 4h-2c0-1.657-1.343-2-3-2H7c-1.657 0-3 .343-3 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="1" y="14" width="22" height="6" rx="1"/><path d="M13 13h-2v-1a1 1 0 00-1-1H6a1 1 0 00-1 1v1H4a1 1 0 01-1-1V8a2 2 0 012-2h14a2 2 0 012 2v4a1 1 0 01-1 1h-1v-1a1 1 0 00-1-1h-4a1 1 0 00-1 1v1z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/book}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M20 18H8a1 1 0 000 2h12v1c0 .627-.358 1-1 1H7c-1.746 0-3-1.306-3-3V5c0-1.694 1.254-3 3-3h12c.642 0 1 .373 1 1v15z" id="a"/></defs><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><use fill="#335EEA" xlink:href="#a"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/book-open}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M13.686 18.708C15.91 17.82 18.683 17.25 22 17V5.506a.5.5 0 00-.513-.5C18.658 5.078 15.83 5.743 13 7v11.244a.5.5 0 00.686.464z" fill="#335EEA"/><path d="M2.686 18.708C4.91 17.82 7.683 17.25 11 17V5.506a.5.5 0 00-.513-.5C7.658 5.078 4.83 5.743 2 7v11.244a.5.5 0 00.686.464z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/box}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M4 7h16v12.5a1.5 1.5 0 01-1.5 1.5h-13A1.5 1.5 0 014 19.5V7zm6 3a1 1 0 000 2h4a1 1 0 000-2h-4z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="2" y="3" width="20" height="4" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/broom}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M10.528 22.528l-1.73-1.73 1.197-2.352-2.64.91-2.306-2.307 3.105-5.412-5.412 3.105L1.3 13.3l7.965-5.269a4.677 4.677 0 016.343 1.122 5.82 5.82 0 01-.108 7.06l-4.972 6.315z" fill="#335EEA" opacity=".3"/><path d="M14.993 6.679L19.01 2.66A2 2 0 1121.84 5.49l-4.024 4.024a7.67 7.67 0 00-.619-.985 6.123 6.123 0 00-2.203-1.85z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/building}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M13.5 21v-3a1 1 0 00-1-1h-1a1 1 0 00-1 1v3H5V4a2 2 0 012-2h10a2 2 0 012 2v17h-5.5zM9 4a1 1 0 00-1 1v1a1 1 0 001 1h1a1 1 0 001-1V5a1 1 0 00-1-1H9zm5 0a1 1 0 00-1 1v1a1 1 0 001 1h1a1 1 0 001-1V5a1 1 0 00-1-1h-1zM9 8a1 1 0 00-1 1v1a1 1 0 001 1h1a1 1 0 001-1V9a1 1 0 00-1-1H9zm0 4a1 1 0 00-1 1v1a1 1 0 001 1h1a1 1 0 001-1v-1a1 1 0 00-1-1H9zm5 0a1 1 0 00-1 1v1a1 1 0 001 1h1a1 1 0 001-1v-1a1 1 0 00-1-1h-1z" fill="#335EEA"/><rect fill="#FFF" x="13" y="8" width="3" height="3" rx="1"/><path d="M4 21h16a1 1 0 011 1v.4a.6.6 0 01-.6.6H3.6a.6.6 0 01-.6-.6V22a1 1 0 011-1z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/bulb-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><circle fill="#335EEA" opacity=".3" cx="12" cy="9" r="8"/><path d="M14.53 11H9.462l2.514 6.465L14.53 11zm-3.962 8.362L6.538 9H17.47l-4.096 10.367-1.398-.552-1.408.547zM10 22h4a2 2 0 11-4 0z" fill="#335EEA" opacity=".3"/><path d="M9 20a1 1 0 010-2 1 1 0 010-2h6a1 1 0 010 2 1 1 0 010 2 1 1 0 010 2H9a1 1 0 010-2z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/bulb-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.112 2.038C7.062 1.346 9.358 1 12 1c2.642 0 4.938.346 6.887 1.038a2 2 0 011.087 2.843L15 14H9L4.026 4.88a2 2 0 011.086-2.842zM10 20h4a2 2 0 11-4 0z" fill="#335EEA" opacity=".3"/><path d="M13 10v8a1 1 0 01-2 0v-8h-.5a.5.5 0 110-1h3a.5.5 0 110 1H13z" fill="#335EEA" opacity=".3"/><path d="M9 18a1 1 0 010-2 1 1 0 010-2h6a1 1 0 010 2 1 1 0 010 2 1 1 0 010 2H9a1 1 0 010-2z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/chair-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12 2a4.854 4.854 0 014.342 2.683L19 10a5.528 5.528 0 01-4.944 8H9.944A5.528 5.528 0 015 10l2.658-5.317A4.854 4.854 0 0112 2zM7.55 13.6c1.456 1.092 2.944 1.65 4.45 1.65 1.506 0 2.994-.558 4.45-1.65l-.9-1.2c-1.21.908-2.39 1.35-3.55 1.35-1.16 0-2.34-.442-3.55-1.35l-.9 1.2z" fill="#335EEA"/><path d="M6.16 21.06l2-3.464a1 1 0 111.732 1l-2 3.464a1 1 0 11-1.732-1zm11.672-.03a1 1 0 01-1.732 1l-2-3.464a1 1 0 111.732-1l2 3.464z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/chair-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M6.542 21.501l1.599-5.964a1 1 0 111.931.518l-1.598 5.964a1 1 0 01-1.932-.518zm10.908-.03a1 1 0 01-1.932.518l-1.303-4.863a1 1 0 011.932-.517l1.303 4.862z" fill="#335EEA" opacity=".3"/><path d="M7.36 1h9.28a2 2 0 011.972 2.329l-1.542 9.253a.5.5 0 01-.494.418H7.424a.5.5 0 01-.494-.418L5.388 3.33A2 2 0 017.361 1zM5.5 14h13a1.5 1.5 0 010 3h-13a1.5 1.5 0 010-3z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/clock}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12 22a9 9 0 110-18 9 9 0 010 18z" fill="#335EEA" opacity=".3"/><path d="M11.963 7.5h.085a.5.5 0 01.497.45L13 12.5l3.248 1.856a.5.5 0 01.252.434V15a.382.382 0 01-.482.368l-4.62-1.26a.5.5 0 01-.366-.52l.432-5.626a.5.5 0 01.499-.462z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/commode-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.5 4h13A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-13A1.5 1.5 0 014 9.5v-4A1.5 1.5 0 015.5 4zM11 6a1 1 0 000 2h2a1 1 0 000-2h-2z" fill="#335EEA" opacity=".3"/><path d="M5.5 13h13a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-13A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm5.5 2a1 1 0 000 2h2a1 1 0 000-2h-2z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/commode-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.5 2h13A1.5 1.5 0 0120 3.5v3A1.5 1.5 0 0118.5 8h-13A1.5 1.5 0 014 6.5v-3A1.5 1.5 0 015.5 2zM11 4a1 1 0 000 2h2a1 1 0 000-2h-2z" fill="#335EEA" opacity=".3"/><path d="M5.5 9h13a1.5 1.5 0 011.5 1.5v3a1.5 1.5 0 01-1.5 1.5h-13A1.5 1.5 0 014 13.5v-3A1.5 1.5 0 015.5 9zm5.5 2a1 1 0 000 2h2a1 1 0 000-2h-2zm-5.5 5h13a1.5 1.5 0 011.5 1.5v3a1.5 1.5 0 01-1.5 1.5h-13A1.5 1.5 0 014 20.5v-3A1.5 1.5 0 015.5 16zm5.5 2a1 1 0 000 2h2a1 1 0 000-2h-2z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/couch}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="#335EEA" fill-rule="evenodd"><path d="M6 20H4c0-2.761 2.239-4 5-4h6c2.761 0 5 1.239 5 4h-2c0-1.657-1.343-2-3-2H9c-1.657 0-3 .343-3 2zM23 8h-1.826a2 2 0 00-2 2v2a1 1 0 01-1 1H5.87a1 1 0 01-1-1v-2a2 2 0 00-2-2H1a3 3 0 013-3h16a3 3 0 013 3z" opacity=".3"/><path d="M23 10v5a3 3 0 01-3 3H4a3 3 0 01-3-3v-5h1.87v2a3 3 0 003 3h12.304a3 3 0 003-3v-2H23z"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/cupboard}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3.5 3h6A1.5 1.5 0 0111 4.5v14A1.5 1.5 0 019.5 20h-6A1.5 1.5 0 012 18.5v-14A1.5 1.5 0 013.5 3zM9 9a1 1 0 00-1 1v2a1 1 0 002 0v-2a1 1 0 00-1-1z" fill="#335EEA" opacity=".3"/><path d="M20.5 3h-6A1.5 1.5 0 0013 4.5v14a1.5 1.5 0 001.5 1.5h6a1.5 1.5 0 001.5-1.5v-14A1.5 1.5 0 0020.5 3zM15 9a1 1 0 011 1v2a1 1 0 01-2 0v-2a1 1 0 011-1z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/curtains}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3 4a1 1 0 011-1h7v2a8 8 0 01-8 8V4zm18 0v9a8 8 0 01-8-8V3h7a1 1 0 011 1z" fill="#335EEA" opacity=".3"/><path d="M4 21a1 1 0 01-1-1v-7a6 6 0 016 6v2H4zm16 0h-5v-2a6 6 0 016-6v7a1 1 0 01-1 1z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/deer}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M21.982 8.19a.993.993 0 01-.468.667l-5 3A1 1 0 0116 12H8a1 1 0 01-.514-.143l-5-3a.993.993 0 01-.468-.668l-.999-4.993a1 1 0 011.962-.392l.633 3.168 2.679-2.68a1 1 0 011.414 1.415L4.613 7.801 8.277 10h7.446l3.664-2.199-3.094-3.094a1 1 0 111.414-1.414l2.679 2.679.633-3.168a1 1 0 011.962.392l-.999 4.993zm-6.93.704a1 1 0 01.895-1.788l3 1.5a1 1 0 01.067 1.751l-2.5 1.5A1 1 0 0116 12H8a1 1 0 01-.514-.143l-2.5-1.5a1 1 0 010-1.714l2.5-1.5a1 1 0 011.028 1.714l-1.07.643.833.5h7.446l.7-.42-1.37-.686z" fill="#335EEA" opacity=".3"/><path d="M9.855 10h4.29a2 2 0 011.88 2.683l-2.683 7.377a1.428 1.428 0 01-2.683 0l-2.683-7.377A2 2 0 019.856 10z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/door-open}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path opacity=".3" d="M0 0h24v24H0z"/><path fill="#335EEA" opacity=".3" d="M7 4.895V21H5V3h6v1.895z"/><path d="M10.178 2.247l8 1.45a1 1 0 01.822.984v14.638a1 1 0 01-.822.984l-8 1.45A1 1 0 019 20.769V3.23a1 1 0 011.178-.984zm1.739 10.659c.69 0 1.25-.608 1.25-1.359 0-.75-.56-1.359-1.25-1.359s-1.25.608-1.25 1.359c0 .75.56 1.359 1.25 1.359z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/earth}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><circle fill="#335EEA" opacity=".3" cx="12" cy="12" r="9"/><path d="M11.736 20.996a9 9 0 01-8.733-9.245c.66.063 1.853.206 1.91.67.077.64 0 1.44.545 1.68s.701-.96 1.169-.64c.467.32 1.714.629 1.714 1.195 0 .566-.234 1.447 0 1.608.234.16 1.168 1.28 1.168 1.44 0 .161.33.975.231 1.287-.08.258-.491 1.06-.89 1.424a8.742 8.742 0 002.886.581zM8.283 3.801A8.967 8.967 0 0112 3a9 9 0 018.036 4.944c.034.78.028 1.447.2 1.689.877 1.227-2.136 2.071-1.679 3.928.202.818-2.004.559-2.543 1.325-.54.767-1.857.252-2.162.104-.305-.147-1.475.344-1.373-.49.102-.835.813-.884 1.577-1.228.762-.343 1.863-1.485 1.322-1.634-2.546-.702-3.414-3.16-3.414-3.16-.153-.029-.115-1.737-.776-1.786-.661-.05-1.018.196-1.984 0s-.763-.835-.915-2.21c-.034-.308-.033-.525-.006-.68zm12.716 8.076L21 12a9 9 0 01-8.91 9c4.88-.05 8.844-4.112 8.91-9.123z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/fireplace}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M17 20v-8a5 5 0 00-10 0v8H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v12a2 2 0 01-2 2h-2z" fill="#335EEA" opacity=".3"/><path d="M12.972 11.7c-.162 1.62-.648 2.487-1.458 2.6 0 0 .729-2.842-.243-4.3 0 0-.103 1.562-1.144 3.436-.488.878-1.042 1.47-1.042 2.637 0 1.666 1.706 2.527 2.918 2.527 1.212 0 2.912-.583 2.912-2.623 0-.84-.648-2.265-1.943-4.276z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/flashlight}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M6 10V6h12v4c-2 1.52-3 2.853-3 4v6a2 2 0 01-2 2h-2a2 2 0 01-2-2v-6c0-1.667-1-3-3-4zm6 1a2 2 0 00-2 2v2a2 2 0 104 0v-2a2 2 0 00-2-2zm0 3a1 1 0 110-2 1 1 0 010 2z" fill="#335EEA"/><path d="M7 2h10a1 1 0 011 1v1H6V3a1 1 0 011-1z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/flower-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.133 2.036c6.945 3.876 9.445 8.206 7.5 12.99-4.97-.79-7.47-5.12-7.5-12.99z" fill="#335EEA" opacity=".3"/><path d="M18.742 2.036c-6.945 3.876-9.445 8.206-7.5 12.99 4.97-.79 7.47-5.12 7.5-12.99z" fill="#335EEA" opacity=".3"/><path d="M12 1c-4.076 6.83-4.076 11.83 0 15 3.91-3.17 3.91-8.17 0-15z" fill="#335EEA" opacity=".3"/><path d="M6.344 13h11.312a1 1 0 01.958 1.287l-2.186 7.288A2 2 0 0114.512 23H9.488a2 2 0 01-1.916-1.425l-2.186-7.288A1 1 0 016.344 13z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/flower-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><circle fill="#335EEA" opacity=".3" cx="15" cy="17" r="5"/><circle fill="#335EEA" opacity=".3" cx="9" cy="17" r="5"/><circle fill="#335EEA" opacity=".3" cx="7" cy="11" r="5"/><circle fill="#335EEA" opacity=".3" cx="17" cy="11" r="5"/><circle fill="#335EEA" opacity=".3" cx="12" cy="7" r="5"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/flower-3}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M1.415 4.84c9.763 5.496 13.293 11.61 10.588 18.34C5.025 22.04 1.496 15.926 1.415 4.84z" fill="#335EEA" opacity=".3"/><path d="M22.595 4.84c-9.763 5.496-13.292 11.61-10.588 18.34 6.978-1.14 10.508-7.253 10.588-18.34z" fill="#335EEA" opacity=".3"/><path d="M12 2c-5.707 9.641-5.707 16.7 0 21.176C17.474 18.7 17.474 11.641 12 2z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/globe}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M13 18.945V20h1a2 2 0 012 2H8a2 2 0 012-2h1v-1.055a8.972 8.972 0 01-5.206-2.427l-1.055 1.156a1 1 0 01-1.478-1.348l1.788-1.959a1 1 0 011.515.044 7 7 0 109.557-10.07 1 1 0 111.18-1.615 9.001 9.001 0 01-4.3 16.22z" fill="#335EEA"/><circle fill="#335EEA" opacity=".3" cx="12" cy="10" r="6"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/home}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3.957 8.415L11.48 3.82a1 1 0 011.042 0l7.522 4.596A2 2 0 0121 10.122V19a2 2 0 01-2 2H5a2 2 0 01-2-2v-8.878a2 2 0 01.957-1.707zM10 13a1 1 0 00-1 1v3a1 1 0 001 1h4a1 1 0 001-1v-3a1 1 0 00-1-1h-4z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/home-heart}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3.957 8.415L11.48 3.82a1 1 0 011.042 0l7.522 4.596A2 2 0 0121 10.122V19a2 2 0 01-2 2H5a2 2 0 01-2-2v-8.878a2 2 0 01.957-1.707z" fill="#335EEA" opacity=".3"/><path d="M13.8 12c-.644 0-1.397.73-1.8 1.2-.403-.47-1.156-1.2-1.8-1.2-1.14 0-1.8.889-1.8 2.02 0 1.253 1.2 2.58 3.6 3.98 2.4-1.4 3.6-2.7 3.6-3.9 0-1.131-.66-2.1-1.8-2.1z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/key}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path fill="#335EEA" opacity=".3" d="M11.366 10.823L5 17v3h3v-2h1.942v-2H12l2.184-2.359z"/><path d="M11.743 13.228a6 6 0 118.485-8.485 6 6 0 01-8.485 8.485zm4.318-4.046a1.5 1.5 0 102.121-2.121 1.5 1.5 0 00-2.121 2.121z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/ladder}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M7 5h10a1 1 0 010 2H7a1 1 0 110-2zm0 4h10a1 1 0 010 2H7a1 1 0 010-2zm0 4h10a1 1 0 010 2H7a1 1 0 010-2zm0 4h10a1 1 0 010 2H7a1 1 0 010-2z" fill="#335EEA" opacity=".3"/><path d="M5.5 2A1.5 1.5 0 017 3.5v17a1.5 1.5 0 01-3 0v-17A1.5 1.5 0 015.5 2zm13 0A1.5 1.5 0 0120 3.5v17a1.5 1.5 0 01-3 0v-17A1.5 1.5 0 0118.5 2z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/lamp-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M10 19h4a2 2 0 012 2H8a2 2 0 012-2z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="11" y="12" width="2" height="6" rx="1"/><rect fill="#FFF" transform="rotate(-15 16.613 8.674)" x="15.613" y="6.174" width="2" height="5" rx="1"/><path d="M7.442 4h9.116a2 2 0 011.898 1.368L21 13H3l2.544-7.632A2 2 0 017.442 4z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/lamp-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12 2a1 1 0 011 1v8a1 1 0 01-2 0V3a1 1 0 011-1zM8.126 19h7.748a4.002 4.002 0 01-7.748 0z" fill="#335EEA" opacity=".3"/><path d="M12 8a9 9 0 019 9H3a9 9 0 019-9z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/library}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5 3h1a1 1 0 011 1v16a1 1 0 01-1 1H5a1 1 0 01-1-1V4a1 1 0 011-1zm5 0h1a1 1 0 011 1v16a1 1 0 01-1 1h-1a1 1 0 01-1-1V4a1 1 0 011-1z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" transform="rotate(-19 17.826 11.946)" x="16.326" y="2.946" width="3" height="18" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/mailbox}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 6h12.5a1.5 1.5 0 010 3H8v10.5a1.5 1.5 0 01-3 0V9H3.5a1.5 1.5 0 010-3H5V4.5a1.5 1.5 0 013 0V6z" fill="#335EEA"/><path d="M10 11h10.5a1.5 1.5 0 011.5 1.5V15a4 4 0 01-4 4h-6.5a1.5 1.5 0 01-1.5-1.5V11zm10 1a1 1 0 00-1 1v3a1 1 0 002 0v-3a1 1 0 00-1-1z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/mirror}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M13 17.048V18h1a2 2 0 012 2H8a2 2 0 012-2h1v-.952A8.996 8.996 0 013.076 9.22a1 1 0 011.985-.244 6.995 6.995 0 0013.891-.098 1 1 0 011.989.216A8.995 8.995 0 0113 17.048z" fill="#335EEA"/><path d="M12 14a6 6 0 110-12 6 6 0 010 12zM8.816 7.8a.656.656 0 10-1.31.092c.117 1.661.89 2.972 2.289 3.875a.656.656 0 00.712-1.102C9.456 9.985 8.903 9.049 8.816 7.8z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/picture}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="2" y="4" width="20" height="16" rx="2"/><path fill="#335EEA" opacity=".3" d="M4 20l6.5-9 6.5 9z"/><path fill="#335EEA" d="M11 20l4.5-6 4.5 6z"/><circle fill="#335EEA" opacity=".3" cx="18.5" cy="8.5" r="1.5"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/ruller}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M10.586 6.343l.707.707a1 1 0 001.414-1.414L12 4.929l1.414-1.414 2.122 2.121a1 1 0 001.414-1.414L14.828 2.1a2 2 0 012.829 0l4.242 4.242a2 2 0 010 2.829L9.172 21.899a2 2 0 01-2.829 0l-4.242-4.242a2 2 0 010-2.829l2.12 2.122a1 1 0 001.415-1.414l-2.121-2.122L4.929 12l.707.707a1 1 0 101.414-1.414l-.707-.707 1.414-1.414 2.122 2.12a1 1 0 001.414-1.413L9.172 7.757l1.414-1.414z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/stairs}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M21 5.5v12a1.5 1.5 0 01-1.5 1.5h-15A1.5 1.5 0 013 17.5v-3A1.5 1.5 0 014.5 13H9V9.5A1.5 1.5 0 0110.5 8H15V5.5A1.5 1.5 0 0116.5 4h3A1.5 1.5 0 0121 5.5z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/timer}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12 21a8 8 0 110-16 8 8 0 010 16z" fill="#335EEA" opacity=".3"/><path d="M13 5.062a8.079 8.079 0 00-2 0V4h-1a1 1 0 110-2h4a1 1 0 010 2h-1v1.062zM16.71 6.533l.826-.826a1 1 0 011.414 1.414l-.783.783a8.047 8.047 0 00-1.457-1.371zM11.963 7.5h.074a.5.5 0 01.499.462l.423 5.5a.5.5 0 01-.499.538h-.92a.5.5 0 01-.499-.538l.423-5.5a.5.5 0 01.499-.462z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/toilet}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="#335EEA" fill-rule="evenodd"><rect opacity=".3" x="6" y="1" width="12" height="4" rx="1"/><path d="M17.86 12.887c.092.52.14 1.06.14 1.613 0 4.142-2.686 7.5-6 7.5s-6-3.358-6-7.5c0-.554.048-1.094.14-1.613l.641-5.135A2 2 0 018.766 6h6.468a2 2 0 011.985 1.752l.642 5.135zM12 20c2.21 0 4-2.239 4-5s-1.79-5-4-5-4 2.239-4 5 1.79 5 4 5z"/><path d="M11 14h2a.5.5 0 01.5.5v1a1.5 1.5 0 01-3 0v-1a.5.5 0 01.5-.5z" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/towel}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M18 16H9a1 1 0 010-2h8a1 1 0 000-2H9a3 3 0 000 6h10.5c1.5 0 1.5.5 1.5 1s0 1-1.5 1H7a4 4 0 01-4-4V8a4 4 0 014-4h10a4 4 0 014 4v5a3 3 0 01-3 3z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/trash}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M6 8h12l-.893 11.615A1.5 1.5 0 0115.61 21H8.389a1.5 1.5 0 01-1.496-1.385L6 8zm2 2l.454 4.09 7.098-.056L16 10H8z" fill="#335EEA"/><path d="M14 4.5v-1a.5.5 0 00-.5-.5h-3a.5.5 0 00-.5.5v1H5.5A.5.5 0 005 5v.5a.5.5 0 00.5.5h13a.5.5 0 00.5-.5V5a.5.5 0 00-.5-.5H14z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/water-mixer}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 18a4 4 0 014 4H4a4 4 0 014-4z" fill="#335EEA" opacity=".3"/><path d="M7 12.126V8a6 6 0 1112 0v1h-2V8a4 4 0 10-8 0v4.126A4.002 4.002 0 018 20a4 4 0 01-1-7.874zM8 18a2 2 0 100-4 2 2 0 000 4z" fill="#335EEA"/><path d="M18 17a2 2 0 002-2c0-.736-.667-1.736-2-3-1.333 1.264-2 2.264-2 3a2 2 0 002 2z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/weight-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8.342 9h7.316a3 3 0 012.91 2.272L21 21H3l2.432-9.728A3 3 0 018.342 9zm2.922 9h1.344v-5.664h-1.232l-1.864 1.368.696.952 1.056-.816V18z" fill="#335EEA"/><circle fill="#335EEA" opacity=".3" cx="12" cy="5.5" r="2.5"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/weight-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" transform="rotate(33 12.023 11.753)" x="11.023" y="7.928" width="2" height="7.65" rx="1"/><path d="M7.5 3h9A4.5 4.5 0 0121 7.5v8a4.5 4.5 0 01-4.5 4.5h-9A4.5 4.5 0 013 15.5v-8A4.5 4.5 0 017.5 3zM6 7.882L8.571 12h6.858L18 7.882C17 5.961 15 5 12 5s-5 .96-6 2.882z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/wood-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12 19a7 7 0 007-7c0-2.577-2.333-5.91-7-10-4.667 4.09-7 7.423-7 10a7 7 0 007 7z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="11" y="11" width="2" height="11" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/wood-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path fill="#335EEA" opacity=".3" d="M12 2L4 19h16z"/><rect fill="#335EEA" x="11" y="11" width="2" height="11" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> home/wood-horse}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M6.981 21.5h.637a.5.5 0 00.482-.368l1.277-4.682a.5.5 0 01.578-.36c1.405.273 2.42.41 3.045.41.647 0 2.001-.146 4.064-.438a.5.5 0 01.552.364l1.284 4.706a.5.5 0 00.482.368h.656a.5.5 0 00.499-.46l.617-7.721A4 4 0 0017.167 9H13c-.974-2.032-1.808-3.365-2.5-4-.317-.29-2.14-1.058-5.466-2.301a.3.3 0 00-.396.354l.291 1.165a.5.5 0 01-.139.482C4.136 5.326 3.706 5.76 3.5 6c-.215.25-.524 1.007-.927 2.27a.5.5 0 00.06.43l.603.903a.5.5 0 00.673.152l.841-.505a.863.863 0 011.306.707l.426 11.062a.5.5 0 00.5.481z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> layout/layout-3d}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M1.5 5h3A1.5 1.5 0 016 6.5v11A1.5 1.5 0 014.5 19h-3A1.5 1.5 0 010 17.5v-11A1.5 1.5 0 011.5 5zm17 0h4A1.5 1.5 0 0124 6.5v11a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-11A1.5 1.5 0 0118.5 5z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="8" y="5" width="7" height="14" rx="1.5"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> layout/layout-4-blocks}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> layout/layout-arrange}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.5 4h4A1.5 1.5 0 0111 5.5v1A1.5 1.5 0 019.5 8h-4A1.5 1.5 0 014 6.5v-1A1.5 1.5 0 015.5 4zm9 12h4a1.5 1.5 0 011.5 1.5v1a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-1a1.5 1.5 0 011.5-1.5z" fill="#335EEA"/><path d="M5.5 10h4a1.5 1.5 0 011.5 1.5v7A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-7A1.5 1.5 0 015.5 10zm9-6h4A1.5 1.5 0 0120 5.5v7a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-7A1.5 1.5 0 0114.5 4z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> layout/layout-grid}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="4" y="4" width="4" height="4" rx="1"/><path d="M5 10h2a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1v-2a1 1 0 011-1zm6-6h2a1 1 0 011 1v2a1 1 0 01-1 1h-2a1 1 0 01-1-1V5a1 1 0 011-1zm0 6h2a1 1 0 011 1v2a1 1 0 01-1 1h-2a1 1 0 01-1-1v-2a1 1 0 011-1zm6-6h2a1 1 0 011 1v2a1 1 0 01-1 1h-2a1 1 0 01-1-1V5a1 1 0 011-1zm0 6h2a1 1 0 011 1v2a1 1 0 01-1 1h-2a1 1 0 01-1-1v-2a1 1 0 011-1zM5 16h2a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1v-2a1 1 0 011-1zm6 0h2a1 1 0 011 1v2a1 1 0 01-1 1h-2a1 1 0 01-1-1v-2a1 1 0 011-1zm6 0h2a1 1 0 011 1v2a1 1 0 01-1 1h-2a1 1 0 01-1-1v-2a1 1 0 011-1z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> layout/layout-horizontal}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="4" y="5" width="16" height="6" rx="1.5"/><rect fill="#335EEA" x="4" y="13" width="16" height="6" rx="1.5"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> layout/layout-left-panel-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="9" y="5" width="13" height="14" rx="1.5"/><rect fill="#335EEA" opacity=".3" x="2" y="5" width="5" height="14" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> layout/layout-left-panel-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M10 4h11a1 1 0 011 1v2a1 1 0 01-1 1H10a1 1 0 01-1-1V5a1 1 0 011-1zm0 6h11a1 1 0 011 1v2a1 1 0 01-1 1H10a1 1 0 01-1-1v-2a1 1 0 011-1zm0 6h11a1 1 0 011 1v2a1 1 0 01-1 1H10a1 1 0 01-1-1v-2a1 1 0 011-1z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="2" y="4" width="5" height="16" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> layout/layout-right-panel-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="2" y="5" width="13" height="14" rx="1.5"/><rect fill="#335EEA" opacity=".3" x="17" y="5" width="5" height="14" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> layout/layout-right-panel-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M10.5 5h10A1.5 1.5 0 0122 6.5v3a1.5 1.5 0 01-1.5 1.5h-10A1.5 1.5 0 019 9.5v-3A1.5 1.5 0 0110.5 5zm0 8h10a1.5 1.5 0 011.5 1.5v3a1.5 1.5 0 01-1.5 1.5h-10A1.5 1.5 0 019 17.5v-3a1.5 1.5 0 011.5-1.5z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="2" y="5" width="5" height="14" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> layout/layout-top-panel-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="2" y="4" width="19" height="4" rx="1"/><path d="M3 10h3a1 1 0 011 1v8a1 1 0 01-1 1H3a1 1 0 01-1-1v-8a1 1 0 011-1zm7 0h3a1 1 0 011 1v8a1 1 0 01-1 1h-3a1 1 0 01-1-1v-8a1 1 0 011-1zm7 0h3a1 1 0 011 1v8a1 1 0 01-1 1h-3a1 1 0 01-1-1v-8a1 1 0 011-1z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> layout/layout-top-panel-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3 4h17a1 1 0 011 1v2a1 1 0 01-1 1H3a1 1 0 01-1-1V5a1 1 0 011-1zm7 6h10a1 1 0 011 1v8a1 1 0 01-1 1H10a1 1 0 01-1-1v-8a1 1 0 011-1z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="2" y="10" width="5" height="10" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> layout/layout-top-panel-3}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3 4h17a1 1 0 011 1v2a1 1 0 01-1 1H3a1 1 0 01-1-1V5a1 1 0 011-1zm0 6h10a1 1 0 011 1v8a1 1 0 01-1 1H3a1 1 0 01-1-1v-8a1 1 0 011-1z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="16" y="10" width="5" height="10" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> layout/layout-top-panel-4}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3 4h17a1 1 0 011 1v2a1 1 0 01-1 1H3a1 1 0 01-1-1V5a1 1 0 011-1zm0 6h10a1 1 0 011 1v2a1 1 0 01-1 1H3a1 1 0 01-1-1v-2a1 1 0 011-1zm0 6h10a1 1 0 011 1v2a1 1 0 01-1 1H3a1 1 0 01-1-1v-2a1 1 0 011-1z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="16" y="10" width="5" height="10" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> layout/layout-top-panel-5}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3 4h17a1 1 0 011 1v2a1 1 0 01-1 1H3a1 1 0 01-1-1V5a1 1 0 011-1zm7 6h10a1 1 0 011 1v2a1 1 0 01-1 1H10a1 1 0 01-1-1v-2a1 1 0 011-1zm0 6h10a1 1 0 011 1v2a1 1 0 01-1 1H10a1 1 0 01-1-1v-2a1 1 0 011-1z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="2" y="10" width="5" height="10" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> layout/layout-top-panel-6}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="2" y="5" width="19" height="4" rx="1"/><rect fill="#335EEA" opacity=".3" x="2" y="11" width="19" height="10" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> layout/layout-vertical}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="5" y="4" width="6" height="16" rx="1.5"/><rect fill="#335EEA" opacity=".3" x="13" y="4" width="6" height="16" rx="1.5"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> map/compass}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12 21a9 9 0 110-18 9 9 0 010 18zm2.165-13.645l-4.554 3.007a.5.5 0 00-.224.388l-.327 5.448a.5.5 0 00.775.447l4.554-3.007a.5.5 0 00.224-.388l.327-5.448a.5.5 0 00-.775-.447z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> map/direction-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12 16.381V6.472l-6.005 12.01L12 16.382zm-9.118 3.854l8.402-16.804a.8.8 0 011.432 0l8.402 16.804a.8.8 0 01-.98 1.113L12 18.5l-8.138 2.848a.8.8 0 01-.98-1.113z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> map/direction-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M11.037 12.154l7.007-7.007-12.74 4.247 5.733 2.76zM1.865 8.432l17.823-5.941A.8.8 0 0120.7 3.503L14.76 21.326a.8.8 0 01-1.48.094l-3.74-7.768-7.768-3.74a.8.8 0 01.094-1.48z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> map/location-arrow}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M1.865 8.432l17.823-5.941A.8.8 0 0120.7 3.503L14.76 21.326a.8.8 0 01-1.48.094l-3.74-7.768-7.768-3.74a.8.8 0 01.094-1.48z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> map/marker-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5 10.5C5 6 8 3 12.5 3S20 6.75 20 10.5c0 2.333-2.176 5.536-6.529 9.61a1.5 1.5 0 01-1.994.05C7.16 16.507 5 13.287 5 10.5zm7.5 1.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> map/marker-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M9.828 16.657a7 7 0 114.343 0L12 21l-2.172-4.343zM12 12a2 2 0 100-4 2 2 0 000 4z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> map/position}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M19 11h2a1 1 0 010 2h-2a1 1 0 010-2zM3 11h2a1 1 0 010 2H3a1 1 0 010-2zm9-9a1 1 0 011 1v2a1 1 0 01-2 0V3a1 1 0 011-1zm0 16a1 1 0 011 1v2a1 1 0 01-2 0v-2a1 1 0 011-1z" fill="#335EEA" opacity=".3"/><circle fill="#335EEA" opacity=".3" cx="12" cy="12" r="2"/><path d="M12 17a5 5 0 100-10 5 5 0 000 10zm0 2a7 7 0 110-14 7 7 0 010 14z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> media/add-music}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8.979 18.8C8.8 20.04 7.535 21 6 21c-1.657 0-3-1.12-3-2.5S4.343 16 6 16c.35 0 .687.05 1 .142V5.932c0-.513.32-.966.79-1.12l5.75-1.758c.724-.236 1.46.328 1.46 1.12v1.758c0 .586-.549.96-1 1.068-.65.155-2.316.488-5 1v10.551c0 .09-.007.173-.021.25z" fill="#335EEA"/><path d="M16 13v-2a1 1 0 012 0v2h2a1 1 0 010 2h-2v2a1 1 0 01-2 0v-2h-2a1 1 0 010-2h2z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> media/airplay}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path fill="#335EEA" opacity=".3" d="M8 21h8l-4-5z"/><path d="M17.403 14.55l-1.543 1.272A4.987 4.987 0 0012 14a4.987 4.987 0 00-3.85 1.81l-1.54-1.276A6.986 6.986 0 0112 12c2.117 0 4.082.947 5.403 2.55zm3.065-2.571l-1.539 1.277A8.978 8.978 0 0012 10a8.978 8.978 0 00-6.922 3.248l-1.538-1.28A10.977 10.977 0 0112 8c3.315 0 6.392 1.477 8.468 3.979zM23.29 9.72l-1.611 1.184A11.98 11.98 0 0012 6a11.981 11.981 0 00-9.767 5.027L.606 9.864A13.98 13.98 0 0112 4a13.98 13.98 0 0111.29 5.72z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> media/airplay-video}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M7 15a1 1 0 010 2H6a3 3 0 01-3-3V7a3 3 0 013-3h12a3 3 0 013 3v7a3 3 0 01-3 3h-1a1 1 0 010-2h1a1 1 0 001-1V7a1 1 0 00-1-1H6a1 1 0 00-1 1v7a1 1 0 001 1h1z" fill="#335EEA"/><path fill="#335EEA" opacity=".3" d="M8 20h8l-4-5z"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> media/back}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M17.171 18.277l-6.74-5.88a.5.5 0 01-.002-.752l6.741-5.917a.5.5 0 01.83.376V17.9a.5.5 0 01-.829.377z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="6" y="6" width="3" height="12" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> media/backward}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M17.171 18.277l-6.74-5.88a.5.5 0 01-.002-.752l6.741-5.917a.5.5 0 01.83.376V17.9a.5.5 0 01-.829.377z" fill="#335EEA" opacity=".3"/><path d="M11.171 18.277l-6.74-5.88a.5.5 0 01-.002-.752l6.741-5.917a.5.5 0 01.83.376V17.9a.5.5 0 01-.829.377z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> media/cd}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12 21a9 9 0 110-18 9 9 0 010 18zm0-6a3 3 0 100-6 3 3 0 000 6z" fill="#335EEA"/><circle fill="#335EEA" opacity=".3" cx="12" cy="12" r="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> media/dvd}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><circle fill="#335EEA" opacity=".3" cx="12" cy="12" r="9"/><path d="M11.158 15.873l3.993-3.482a.5.5 0 000-.753L11.16 8.134a.5.5 0 00-.83.376v6.986a.5.5 0 00.83.377z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> media/eject}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M18.901 12.915l-6.003-7.001a.5.5 0 00-.758-.001L6.1 12.914a.5.5 0 00.378.827h12.044a.5.5 0 00.38-.826z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" transform="matrix(0 1 1 0 -5 5)" x="11" y="11" width="3" height="13" rx=".5"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> media/equalizer}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="13" y="4" width="3" height="16" rx="1.5"/><rect fill="#335EEA" x="8" y="9" width="3" height="11" rx="1.5"/><rect fill="#335EEA" x="18" y="11" width="3" height="9" rx="1.5"/><rect fill="#335EEA" x="3" y="13" width="3" height="7" rx="1.5"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> media/forward}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M6.829 18.277l6.74-5.88a.5.5 0 00.002-.752L6.83 5.728a.5.5 0 00-.83.376V17.9a.5.5 0 00.829.377z" fill="#335EEA" opacity=".3"/><path d="M12.829 18.277l6.74-5.88a.5.5 0 00.002-.752L12.83 5.728a.5.5 0 00-.83.376V17.9a.5.5 0 00.829.377z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> media/media-library-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="2" y="9" width="20" height="13" rx="2"/><rect fill="#335EEA" opacity=".3" x="5" y="5" width="14" height="2" rx=".5"/><rect fill="#335EEA" opacity=".3" x="7" y="1" width="10" height="2" rx=".5"/><path d="M10.833 20C9.821 20 9 19.316 9 18.472s.82-1.528 1.833-1.528c.215 0 .42.031.611.087v-4.24c0-.313.196-.59.483-.683l3.514-1.075c.442-.144.892.2.892.684v1.075c0 .358-.335.587-.61.652-.397.095-1.416.299-3.056.612v4.448a.837.837 0 01-.013.152c-.11.757-.883 1.344-1.82 1.344z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> media/media-library-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3.5 22h17a1.5 1.5 0 001.5-1.5v-11A1.5 1.5 0 0020.5 8H10L7.44 5.44A1.5 1.5 0 006.378 5H3.5A1.5 1.5 0 002 6.5v14A1.5 1.5 0 003.5 22z" fill="#335EEA" opacity=".3"/><path d="M10.833 20C9.821 20 9 19.316 9 18.472s.82-1.528 1.833-1.528c.215 0 .42.031.611.087v-4.24c0-.313.196-.59.483-.683l3.514-1.075c.442-.144.892.2.892.684v1.075c0 .358-.335.587-.61.652-.397.095-1.416.299-3.056.612v4.448a.837.837 0 01-.013.152c-.11.757-.883 1.344-1.82 1.344z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> media/media-library-3}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M19 5H9a1 1 0 100 2h10v13.25c0 .414-.313.75-.7.75H7.45C6.097 21 5 19.825 5 18.375V5.625C5 4.175 6.097 3 7.45 3H18.3c.387 0 .7.336.7.75V5z" id="a"/></defs><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><use fill="#335EEA" opacity=".3" xlink:href="#a"/><path d="M10.833 19C9.821 19 9 18.316 9 17.472s.82-1.528 1.833-1.528c.215 0 .42.031.611.087v-4.24c0-.313.196-.59.483-.683l3.514-1.075c.442-.144.892.2.892.684v1.075c0 .358-.335.587-.61.652-.397.095-1.416.299-3.056.612v4.448a.837.837 0 01-.013.152c-.11.757-.883 1.344-1.82 1.344z" fill="#335EEA" mask="url(#b)"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> media/movie-lane-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M6 3h12a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2zm-.5 2a.5.5 0 00-.5.5v1a.5.5 0 00.5.5h1a.5.5 0 00.5-.5v-1a.5.5 0 00-.5-.5h-1zm12 0a.5.5 0 00-.5.5v1a.5.5 0 00.5.5h1a.5.5 0 00.5-.5v-1a.5.5 0 00-.5-.5h-1zm-12 4a.5.5 0 00-.5.5v1a.5.5 0 00.5.5h1a.5.5 0 00.5-.5v-1a.5.5 0 00-.5-.5h-1zm12 0a.5.5 0 00-.5.5v1a.5.5 0 00.5.5h1a.5.5 0 00.5-.5v-1a.5.5 0 00-.5-.5h-1zm-12 4a.5.5 0 00-.5.5v1a.5.5 0 00.5.5h1a.5.5 0 00.5-.5v-1a.5.5 0 00-.5-.5h-1zm12 0a.5.5 0 00-.5.5v1a.5.5 0 00.5.5h1a.5.5 0 00.5-.5v-1a.5.5 0 00-.5-.5h-1zm0 4a.5.5 0 00-.5.5v1a.5.5 0 00.5.5h1a.5.5 0 00.5-.5v-1a.5.5 0 00-.5-.5h-1zm-12 0a.5.5 0 00-.5.5v1a.5.5 0 00.5.5h1a.5.5 0 00.5-.5v-1a.5.5 0 00-.5-.5h-1z" fill="#335EEA" opacity=".3"/><path d="M11.352 14.572l2.605-1.78a.5.5 0 00.001-.825l-2.605-1.792a.5.5 0 00-.783.412v3.572a.5.5 0 00.782.413z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> media/movie-lane-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12 21a9 9 0 110-18 9 9 0 010 18zm-.225-7.707a1 1 0 100-2 1 1 0 000 2zm-.551-4.19a2 2 0 10-1.036-3.864 2 2 0 001.036 3.863zm2.588 9.658a2 2 0 10-1.036-3.863 2 2 0 001.036 3.863zm-6.124-3.535a2 2 0 10-1.035-3.864 2 2 0 001.035 3.864zm9.66-2.588a2 2 0 10-1.036-3.864 2 2 0 001.035 3.864z" fill="#335EEA" opacity=".3"/><path d="M17.657 19H21a1 1 0 010 2h-9c2.143 0 4.112-.75 5.657-2z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> media/music}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 17.04V8a1 1 0 01.702-.954l9-2.5A1 1 0 0119 5.5V17c0 1.105-1.12 2-2.5 2s-2.5-.895-2.5-2 1.12-2 2.5-2c.171 0 .338.014.5.04V8l-7 1.875V19c0 1.105-1.12 2-2.5 2S5 20.105 5 19s1.12-2 2.5-2c.171 0 .338.014.5.04z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> media/music-cloud}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M14.93 9H18a6 6 0 110 12H9c-.156 0-.31-.006-.464-.018A8 8 0 1114.93 9z" fill="#335EEA" opacity=".3"/><path d="M10.583 18.5C9.71 18.5 9 17.892 9 17.142c0-.75.709-1.358 1.583-1.358.185 0 .363.027.528.077v-3.768c0-.279.169-.525.417-.608l3.034-.956c.383-.128.771.179.771.608v.956c0 .318-.29.521-.527.58-.343.084-1.223.265-2.64.543v3.954a.765.765 0 01-.01.135c-.095.673-.763 1.195-1.573 1.195z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> media/music-note}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M11.979 18.8C11.8 20.04 10.535 21 9 21c-1.657 0-3-1.12-3-2.5S7.343 16 9 16c.35 0 .687.05 1 .142V5.932c0-.513.32-.966.79-1.12l5.75-1.758c.724-.236 1.46.328 1.46 1.12v1.758c0 .586-.549.96-1 1.068-.65.155-2.316.488-5 1v10.551c0 .09-.007.173-.021.25z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> media/mute}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M17.586 12l-1.414-1.414a1 1 0 011.414-1.414L19 10.586l1.414-1.414a1 1 0 011.414 1.414L20.414 12l1.414 1.414a1 1 0 01-1.414 1.414L19 13.414l-1.414 1.414a1 1 0 01-1.414-1.414L17.586 12z" fill="#335EEA" opacity=".3"/><path d="M7 16l-3.392-.678A2 2 0 012 13.36v-2.72a2 2 0 011.608-1.962L7 8l3.293-3.293A1 1 0 0112 5.414v13.172a1 1 0 01-1.707.707L7 16z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> media/next}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M6.829 18.277l6.74-5.88a.5.5 0 00.002-.752L6.83 5.728a.5.5 0 00-.83.376V17.9a.5.5 0 00.829.377z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" transform="matrix(-1 0 0 1 33 0)" x="15" y="6" width="3" height="12" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> media/pause}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 6h2a1 1 0 011 1v10a1 1 0 01-1 1H8a1 1 0 01-1-1V7a1 1 0 011-1zm6 0h2a1 1 0 011 1v10a1 1 0 01-1 1h-2a1 1 0 01-1-1V7a1 1 0 011-1z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> media/play}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M9.829 18.277l6.74-5.88a.5.5 0 00.002-.752L9.83 5.728a.5.5 0 00-.83.376V17.9a.5.5 0 00.829.377z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> media/playlist-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8.979 18.8C8.8 20.04 7.535 21 6 21c-1.657 0-3-1.12-3-2.5S4.343 16 6 16c.35 0 .687.05 1 .142V5.932c0-.513.32-.966.79-1.12l5.75-1.758c.724-.236 1.46.328 1.46 1.12v1.758c0 .586-.549.96-1 1.068-.65.155-2.316.488-5 1v10.551c0 .09-.007.173-.021.25z" fill="#335EEA"/><path d="M16 9h4a1 1 0 010 2h-4a1 1 0 010-2zm-2 4h6a1 1 0 010 2h-6a1 1 0 010-2zm0 4h6a1 1 0 010 2h-6a1 1 0 010-2z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> media/playlist-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M11.5 5h7a1.5 1.5 0 010 3h-7a1.5 1.5 0 010-3zm-6 12h13a1.5 1.5 0 010 3h-13a1.5 1.5 0 010-3zm0-6h13a1.5 1.5 0 010 3h-13a1.5 1.5 0 010-3z" fill="#335EEA" opacity=".3"/><path d="M4.829 9.408L7.703 6.9a.5.5 0 00.002-.753L4.83 3.624A.5.5 0 004 4v5.03a.5.5 0 00.829.378z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> media/rec}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12 16a4 4 0 100-8 4 4 0 000 8zm0 4a8 8 0 110-16 8 8 0 010 16z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> media/repeat}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12 8H8a4 4 0 00-4 4v1a3 3 0 003 3v2a5 5 0 01-5-5v-1a6 6 0 016-6h4V4.728a.5.5 0 01.8-.4l2.856 2.133a.5.5 0 01-.001.802l-2.857 2.121A.5.5 0 0112 8.983V8z" fill="#335EEA"/><path d="M12.058 16H16a4 4 0 004-4v-1a3 3 0 00-3-3V6a5 5 0 015 5v1a6 6 0 01-6 6h-3.942v.983a.5.5 0 01-.798.401l-2.857-2.12a.5.5 0 010-.803l2.856-2.134a.5.5 0 01.8.401V16z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> media/repeat-one}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M21.997 12.193A6 6 0 0116 18h-3.942v.983a.5.5 0 01-.798.401l-2.857-2.12a.5.5 0 010-.803l2.856-2.134a.5.5 0 01.8.401V16H16a4 4 0 003.651-2.365 6.5 6.5 0 002.346-1.442z" fill="#335EEA" opacity=".3"/><path d="M12.1 6A5.002 5.002 0 0122 7a5 5 0 01-9.9 1H8a4 4 0 00-4 4v1a3 3 0 003 3v2a5 5 0 01-5-5v-1a6 6 0 016-6h4.1zm4.63-.332V9.5h.96v-5h-.872L15.05 5.924l.56.664 1.12-.92z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> media/shuffle}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M18 15v-1.523a.5.5 0 01.83-.375l2.935 2.576a.5.5 0 01-.001.752l-2.935 2.56a.5.5 0 01-.829-.376V17h-1.555a6 6 0 01-4.736-2.316l-3.997-5.14A4 4 0 004.555 8H2V6h2.555A6 6 0 019.29 8.316l3.997 5.14A4 4 0 0016.445 15H18z" fill="#335EEA" opacity=".3"/><path d="M18 6V4.477a.5.5 0 01.83-.375l2.935 2.576a.5.5 0 01-.001.752l-2.935 2.56A.5.5 0 0118 9.614V8h-1.555a4 4 0 00-3.157 1.544l-3.997 5.14A6 6 0 014.555 17H2v-2h2.555a4 4 0 003.157-1.544l3.997-5.14A6 6 0 0116.445 6H18z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> media/volume-down}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="16" y="11" width="7" height="2" rx="1"/><path d="M7 16l-3.392-.678A2 2 0 012 13.36v-2.72a2 2 0 011.608-1.962L7 8l3.293-3.293A1 1 0 0112 5.414v13.172a1 1 0 01-1.707.707L7 16z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> media/volume-full}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M16.316 16.148a.75.75 0 01-.733-1.309A3.248 3.248 0 0017.25 12a3.248 3.248 0 00-1.645-2.827.75.75 0 01.742-1.304A4.748 4.748 0 0118.75 12c0 1.74-.944 3.315-2.434 4.148zm.473 3.741a.75.75 0 01-.65-1.352A7.25 7.25 0 0020.25 12a7.25 7.25 0 00-4.044-6.505.75.75 0 11.664-1.344A8.75 8.75 0 0121.75 12a8.75 8.75 0 01-4.961 7.89z" fill="#335EEA" opacity=".3"/><path d="M7 16l-3.392-.678A2 2 0 012 13.36v-2.72a2 2 0 011.608-1.962L7 8l3.293-3.293A1 1 0 0112 5.414v13.172a1 1 0 01-1.707.707L7 16z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> media/volume-half}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M16.316 16.148a.75.75 0 01-.733-1.309A3.248 3.248 0 0017.25 12a3.248 3.248 0 00-1.645-2.827.75.75 0 01.742-1.304A4.748 4.748 0 0118.75 12c0 1.74-.944 3.315-2.434 4.148z" fill="#335EEA" opacity=".3"/><path d="M7 16l-3.392-.678A2 2 0 012 13.36v-2.72a2 2 0 011.608-1.962L7 8l3.293-3.293A1 1 0 0112 5.414v13.172a1 1 0 01-1.707.707L7 16z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> media/volume-up}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M18 11V9a1 1 0 012 0v2h2a1 1 0 010 2h-2v2a1 1 0 01-2 0v-2h-2a1 1 0 010-2h2z" fill="#335EEA" opacity=".3"/><path d="M7 16l-3.392-.678A2 2 0 012 13.36v-2.72a2 2 0 011.608-1.962L7 8l3.293-3.293A1 1 0 0112 5.414v13.172a1 1 0 01-1.707.707L7 16z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> media/vynil}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12 21a9 9 0 110-18 9 9 0 010 18zm0-5a4 4 0 100-8 4 4 0 000 8z" fill="#335EEA"/><circle fill="#335EEA" opacity=".3" cx="12" cy="12" r="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> media/youtube}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M4.223 4h15.614a3 3 0 012.987 2.726A46.12 46.12 0 0123 10.923c0 1.782-.08 3.564-.241 5.346A3 3 0 0119.771 19H4.223a3 3 0 01-2.987-2.72A51.277 51.277 0 011 11.5c0-1.51.079-3.104.236-4.78A3 3 0 014.223 4z" fill="#335EEA" opacity=".3"/><path d="M11.182 14.805l4.404-3.01a.5.5 0 000-.824l-4.403-3.03a.5.5 0 00-.783.413v6.039a.5.5 0 00.782.412z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/angle-double-down}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M17.293 4.793a1 1 0 111.414 1.414l-6 6a1 1 0 01-1.383.03l-6-5.5a1 1 0 111.352-1.474l5.294 4.853 5.323-5.323z" fill="#335EEA"/><path d="M17.293 11.793a1 1 0 111.414 1.414l-6 6a1 1 0 01-1.383.03l-6-5.5a1 1 0 011.352-1.474l5.294 4.853 5.323-5.323z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/angle-double-left}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12.707 6.707a1 1 0 00-1.414-1.414l-6 6a1 1 0 00-.03 1.383l5.5 6a1 1 0 001.474-1.352L7.384 12.03l5.323-5.323z" fill="#335EEA"/><path d="M19.707 6.707a1 1 0 10-1.414-1.414l-6 6a1 1 0 00-.03 1.383l5.5 6a1 1 0 101.474-1.352l-4.853-5.294 5.323-5.323z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/angle-double-right}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12.293 6.707a1 1 0 111.414-1.414l6 6a1 1 0 01.03 1.383l-5.5 6a1 1 0 01-1.474-1.352l4.853-5.294-5.323-5.323z" fill="#335EEA"/><path d="M5.293 6.707a1 1 0 111.414-1.414l6 6a1 1 0 01.03 1.383l-5.5 6a1 1 0 11-1.474-1.352l4.853-5.294-5.323-5.323z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/angle-double-up}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M17.293 19.207a1 1 0 001.414-1.414l-6-6a1 1 0 00-1.383-.03l-6 5.5a1 1 0 001.352 1.474l5.294-4.853 5.323 5.323z" fill="#335EEA"/><path d="M17.293 12.207a1 1 0 101.414-1.414l-6-6a1 1 0 00-1.383-.03l-6 5.5a1 1 0 101.352 1.474l5.294-4.853 5.323 5.323z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/angle-down}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M17.293 8.293a1 1 0 111.414 1.414l-6 6a1 1 0 01-1.383.03l-6-5.5a1 1 0 111.352-1.474l5.294 4.853 5.323-5.323z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/angle-left}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M15.707 6.707a1 1 0 10-1.414-1.414l-6 6a1 1 0 00-.03 1.383l5.5 6a1 1 0 101.474-1.352l-4.853-5.294 5.323-5.323z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/angle-right}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8.293 6.707a1 1 0 111.414-1.414l6 6a1 1 0 01.03 1.383l-5.5 6a1 1 0 11-1.474-1.352l4.853-5.294-5.323-5.323z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/arrow-down}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="11" y="5" width="2" height="14" rx="1"/><path d="M6.707 11.293a1 1 0 10-1.414 1.414l6 6a1 1 0 001.383.03l6-5.5a1 1 0 10-1.352-1.474l-5.294 4.853-5.323-5.323z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/arrow-from-bottom}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="11" y="3" width="2" height="14" rx="1"/><path d="M6.707 10.707a1 1 0 11-1.414-1.414l6-6a1 1 0 011.383-.03l6 5.5a1 1 0 11-1.352 1.474L12.03 5.384l-5.323 5.323z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="3" y="19" width="18" height="2" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/arrow-from-left}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" transform="rotate(-90 14 12)" x="13" y="5" width="2" height="14" rx="1"/><rect fill="#335EEA" opacity=".3" x="3" y="3" width="2" height="18" rx="1"/><path d="M13.293 17.293a1 1 0 001.414 1.414l6-6a1 1 0 00.03-1.383l-5.5-6a1 1 0 00-1.474 1.352l4.853 5.294-5.323 5.323z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/arrow-from-right}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" transform="matrix(0 -1 -1 0 22 22)" x="9" y="5" width="2" height="14" rx="1"/><rect fill="#335EEA" opacity=".3" x="19" y="3" width="2" height="18" rx="1"/><path d="M10.707 17.293a1 1 0 11-1.414 1.414l-6-6a1 1 0 01-.03-1.383l5.5-6a1 1 0 111.474 1.352L5.384 11.97l5.323 5.323z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/arrow-from-top}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="11" y="7" width="2" height="14" rx="1"/><path d="M6.707 13.293a1 1 0 10-1.414 1.414l6 6a1 1 0 001.383.03l6-5.5a1 1 0 10-1.352-1.474l-5.294 4.853-5.323-5.323z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="3" y="3" width="18" height="2" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/arrow-left}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" transform="matrix(0 -1 -1 0 24 24)" x="11" y="5" width="2" height="14" rx="1"/><path d="M12.707 17.293a1 1 0 11-1.414 1.414l-6-6a1 1 0 01-.03-1.383l5.5-6a1 1 0 111.474 1.352L7.384 11.97l5.323 5.323z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/arrow-right}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" transform="rotate(-90 12 12)" x="11" y="5" width="2" height="14" rx="1"/><path d="M11.293 17.293a1 1 0 101.414 1.414l6-6a1 1 0 00.03-1.383l-5.5-6a1 1 0 00-1.474 1.352l4.853 5.294-5.323 5.323z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/arrows-h}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="7" y="11" width="10" height="2" rx="1"/><path d="M15.293 6.707a1 1 0 011.414-1.414l6 6a1 1 0 01.03 1.383l-5.5 6a1 1 0 11-1.474-1.352l4.853-5.294-5.323-5.323zM8.707 17.293a1 1 0 11-1.414 1.414l-6-6a1 1 0 01-.03-1.383l5.5-6a1 1 0 111.474 1.352L3.384 11.97l5.323 5.323z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/arrows-v}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" transform="rotate(-90 12 12)" x="7" y="11" width="10" height="2" rx="1"/><path d="M6.707 8.707a1 1 0 01-1.414-1.414l6-6a1 1 0 011.383-.03l6 5.5a1 1 0 01-1.352 1.474L12.03 3.384 6.707 8.707zM17.293 15.293a1 1 0 111.414 1.414l-6 6a1 1 0 01-1.383.03l-6-5.5a1 1 0 111.352-1.474l5.294 4.853 5.323-5.323z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/arrow-to-bottom}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="11" y="3" width="2" height="14" rx="1"/><path d="M6.707 9.293a1 1 0 10-1.414 1.414l6 6a1 1 0 001.383.03l6-5.5a1 1 0 10-1.352-1.474l-5.294 4.853-5.323-5.323z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="3" y="19" width="18" height="2" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/arrow-to-left}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" transform="matrix(0 -1 -1 0 26 26)" x="13" y="5" width="2" height="14" rx="1"/><rect fill="#335EEA" opacity=".3" x="3" y="3" width="2" height="18" rx="1"/><path d="M14.707 17.293a1 1 0 11-1.414 1.414l-6-6a1 1 0 01-.03-1.383l5.5-6a1 1 0 111.474 1.352L9.384 11.97l5.323 5.323z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/arrow-to-right}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" transform="rotate(-90 10 12)" x="9" y="5" width="2" height="14" rx="1"/><rect fill="#335EEA" opacity=".3" x="19" y="3" width="2" height="18" rx="1"/><path d="M9.293 17.293a1 1 0 101.414 1.414l6-6a1 1 0 00.03-1.383l-5.5-6a1 1 0 00-1.474 1.352l4.853 5.294-5.323 5.323z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/arrow-to-up}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="11" y="7" width="2" height="14" rx="1"/><path d="M6.707 14.707a1 1 0 11-1.414-1.414l6-6a1 1 0 011.383-.03l6 5.5a1 1 0 11-1.352 1.474L12.03 9.384l-5.323 5.323z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="3" y="3" width="18" height="2" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/arrow-up}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="11" y="5" width="2" height="14" rx="1"/><path d="M6.707 12.707a1 1 0 11-1.414-1.414l6-6a1 1 0 011.383-.03l6 5.5a1 1 0 11-1.352 1.474L12.03 7.384l-5.323 5.323z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/check}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M17.738 6.352a1 1 0 111.524 1.296l-8.5 10a1 1 0 01-1.426.1l-4.5-4a1 1 0 111.328-1.495l3.736 3.32 7.838-9.22z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/close}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g transform="rotate(-45 14.828 5.172)" fill="#335EEA" fill-rule="evenodd"><rect y="7" width="16" height="2" rx="1"/><rect opacity=".3" transform="rotate(90 8 8)" y="7" width="16" height="2" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/double-check}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M20.738 5.352a1 1 0 111.524 1.296l-8.5 10a1 1 0 01-1.426.1l-4.5-4a1 1 0 111.328-1.495l3.736 3.32 7.838-9.22z" fill="#335EEA" opacity=".3"/><path d="M15.738 6.352a1 1 0 111.524 1.296l-8.5 10a1 1 0 01-1.426.1l-4.5-4a1 1 0 111.328-1.495l3.736 3.32 7.838-9.22z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/down-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="11" y="4" width="2" height="10" rx="1"/><path d="M6.707 12.293a1 1 0 10-1.414 1.414l6 6a1 1 0 001.383.03l6-5.5a1 1 0 10-1.352-1.474l-5.294 4.853-5.323-5.323z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/down-left}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" transform="rotate(-135 12.354 12.146)" x="11.354" y="5.146" width="2" height="14" rx="1"/><path d="M15.89 16.096a1 1 0 110 2H7.403a1 1 0 01-1-.956l-.353-8.132A1 1 0 018.05 8.92l.312 7.175h7.528z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/down-right}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" transform="rotate(135 11.646 12.146)" x="10.646" y="5.146" width="2" height="14" rx="1"/><path d="M15.596 8.61a1 1 0 112 0v8.486a1 1 0 01-.956 1l-8.132.353a1 1 0 11-.087-1.998l7.175-.312V8.61z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/exchange}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" transform="rotate(-90 13 6)" x="12" width="2" height="12" rx="1"/><path d="M9.707 8.293a1 1 0 01-1.414 1.414l-3-3a1 1 0 010-1.414l3-3a1 1 0 011.414 1.414L7.414 6l2.293 2.293z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" transform="matrix(0 -1 -1 0 29 29)" x="10" y="12" width="2" height="12" rx="1"/><path d="M14.293 20.293a1 1 0 001.414 1.414l3-3a1 1 0 000-1.414l-3-3a1 1 0 00-1.414 1.414L16.586 18l-2.293 2.293z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/left-3}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M13.707 14.293a1 1 0 11-1.414 1.414l-6-6a1 1 0 01-.03-1.383l5.5-6a1 1 0 111.474 1.352L8.384 8.97l5.323 5.323z" fill="#335EEA"/><path d="M11.5 8a1 1 0 000 2H18a1 1 0 011 1v10.042a1 1 0 002 0V11a3 3 0 00-3-3h-6.5z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/left-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" transform="matrix(0 -1 -1 0 27 27)" x="14" y="7" width="2" height="10" rx="1"/><path d="M12.707 17.293a1 1 0 11-1.414 1.414l-6-6a1 1 0 01-.03-1.383l5.5-6a1 1 0 111.474 1.352L7.384 11.97l5.323 5.323z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/minus}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><rect fill="#335EEA" x="4" y="11" width="16" height="2" rx="1" fill-rule="evenodd"/></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/plus}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="#335EEA" fill-rule="evenodd"><rect x="4" y="11" width="16" height="2" rx="1"/><rect opacity=".3" transform="rotate(90 12 12)" x="4" y="11" width="16" height="2" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/right-3}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M13.293 14.293a1 1 0 001.414 1.414l6-6a1 1 0 00.03-1.383l-5.5-6a1 1 0 00-1.474 1.352l4.853 5.294-5.323 5.323z" fill="#335EEA"/><path d="M15.5 8a1 1 0 010 2H9a1 1 0 00-1 1v10.042a1 1 0 01-2 0V11a3 3 0 013-3h6.5z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/right-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" transform="rotate(-90 8.5 12)" x="7.5" y="7.5" width="2" height="9" rx="1"/><path d="M11.293 17.293a1 1 0 101.414 1.414l6-6a1 1 0 00.03-1.383l-5.5-6a1 1 0 00-1.474 1.352l4.853 5.294-5.323 5.323z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/route}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 7a1 1 0 110-2h8a4 4 0 110 8H8a2 2 0 100 4h9a1 1 0 010 2H8a4 4 0 110-8h8a2 2 0 100-4H8z" fill="#335EEA" opacity=".3"/><path d="M9.707 8.293a1 1 0 01-1.414 1.414l-3-3a1 1 0 010-1.414l3-3a1 1 0 011.414 1.414L7.414 6l2.293 2.293zM14.293 20.293a1 1 0 001.414 1.414l3-3a1 1 0 000-1.414l-3-3a1 1 0 00-1.414 1.414L16.586 18l-2.293 2.293z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/sign-in}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" transform="rotate(90 9 12)" x="8" y="6" width="2" height="12" rx="1"/><path d="M10.006 7a1 1 0 11-2 0V6a4 4 0 014-4h5.996A4 4 0 0122 6v12a4 4 0 01-3.998 4h-6.004A4 4 0 018 18v-1a1 1 0 112 0v1a2 2 0 001.998 2h6.004A2 2 0 0020 18V6a2 2 0 00-2-2h-5.996a2 2 0 00-1.999 2v1z" fill="#335EEA" opacity=".3"/><path d="M12.293 9.707a1 1 0 011.414-1.414l3 3a1 1 0 010 1.414l-3 3a1 1 0 11-1.414-1.414L14.586 12l-2.293-2.293z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/sign-out}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M14 7a1 1 0 102 0V6a4 4 0 00-3.998-4H6.005a4 4 0 00-3.998 4v12a4 4 0 003.998 4h6.004a4 4 0 003.998-4v-1a1 1 0 10-2 0v1a2 2 0 01-1.998 2H6.005a2 2 0 01-1.999-2V6a2 2 0 012-2h5.996A2 2 0 0114 6v1z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" opacity=".3" transform="rotate(90 14 12)" x="13" y="6" width="2" height="12" rx="1"/><path d="M17.293 9.707a1 1 0 011.414-1.414l3 3a1 1 0 010 1.414l-3 3a1 1 0 11-1.414-1.414L19.586 12l-2.293-2.293z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/up-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="11" y="10" width="2" height="10" rx="1"/><path d="M6.707 12.707a1 1 0 11-1.414-1.414l6-6a1 1 0 011.383-.03l6 5.5a1 1 0 11-1.352 1.474L12.03 7.384l-5.323 5.323z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/up-down}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" transform="rotate(-180 6 11)" x="5" y="5" width="2" height="12" rx="1"/><path d="M8.293 14.293a1 1 0 111.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 011.414-1.414L6 16.586l2.293-2.293z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" transform="matrix(-1 0 0 1 36 0)" x="17" y="7" width="2" height="12" rx="1"/><path d="M20.293 9.707a1 1 0 001.414-1.414l-3-3a1 1 0 00-1.414 0l-3 3a1 1 0 101.414 1.414L18 7.414l2.293 2.293z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/up-left}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" transform="rotate(-45 12.354 12.854)" x="11.354" y="5.854" width="2" height="14" rx="1"/><path d="M8.404 16.39a1 1 0 01-2 0V7.903a1 1 0 01.956-1l8.132-.353a1 1 0 01.087 1.998l-7.175.312v7.528z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/up-right}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" transform="rotate(45 11.646 12.854)" x="10.646" y="5.854" width="2" height="14" rx="1"/><path d="M8.11 8.904a1 1 0 110-2h8.486a1 1 0 011 .956l.353 8.132a1 1 0 11-1.998.087l-.312-7.175H8.11z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/waiting}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M19.5 10.5H21a1.5 1.5 0 010 3h-1.5a1.5 1.5 0 010-3zm-3.44-4.629l1.061-1.06a1.5 1.5 0 012.122 2.121l-1.061 1.06a1.5 1.5 0 11-2.121-2.12zm0 12.311a1.5 1.5 0 112.122-2.121l1.06 1.06a1.5 1.5 0 01-2.12 2.122l-1.061-1.061zM3 10.5h1.5a1.5 1.5 0 010 3H3a1.5 1.5 0 010-3zm9-9A1.5 1.5 0 0113.5 3v1.5a1.5 1.5 0 01-3 0V3A1.5 1.5 0 0112 1.5zM12 18a1.5 1.5 0 011.5 1.5V21a1.5 1.5 0 01-3 0v-1.5A1.5 1.5 0 0112 18zM4.81 4.81a1.5 1.5 0 012.122 0l1.06 1.061a1.5 1.5 0 01-2.12 2.122L4.81 6.932a1.5 1.5 0 010-2.121zm0 14.433a1.5 1.5 0 010-2.122l1.061-1.06a1.5 1.5 0 112.122 2.121l-1.061 1.06a1.5 1.5 0 01-2.121 0z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> navigation/angle-up}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M6.707 15.707a1 1 0 11-1.414-1.414l6-6a1 1 0 011.383-.03l6 5.5a1 1 0 11-1.352 1.474l-5.294-4.853-5.323 5.323z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/atm}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="2" y="4" width="20" height="5" rx="1"/><path d="M5 7h3v14H7a2 2 0 01-2-2V7zm14 0v12a2 2 0 01-2 2h-6V7h8z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/bag-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M14 9V8a2 2 0 10-4 0v1H8V8a4 4 0 118 0v1h-2zm0 0V8a2 2 0 10-4 0v1H8V8a4 4 0 118 0v1h-2z" fill="#335EEA" opacity=".3"/><path d="M6.847 9h10.306a1 1 0 01.986.836l1.473 8.835A2 2 0 0117.639 21H6.361a2 2 0 01-1.973-2.329l1.473-8.835A1 1 0 016.847 9z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/bag-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.943 4h12.114a1 1 0 01.998.941l.82 13.942A2 2 0 0117.88 21H6.12a2 2 0 01-1.996-2.117l.82-13.942A1 1 0 015.943 4z" fill="#335EEA" opacity=".3"/><path d="M7 7h2a3 3 0 006 0h2A5 5 0 017 7z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/barcode}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M13 5h2v15h-2V5zM5 5v15H3a1 1 0 01-1-1V6a1 1 0 011-1h2zm11 0h2v15h-2V5zm4 0h1a1 1 0 011 1v13a1 1 0 01-1 1h-1V5z" fill="#335EEA"/><path fill="#335EEA" opacity=".3" d="M9 5v15H7V5z"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/barcode-read}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path fill="#335EEA" opacity=".3" d="M4 4h8v16H4z"/><path d="M6 18h3c.667.114 1 .448 1 1s-.333.886-1 1H4v-5c0-.667.333-1 1-1s1 .333 1 1v3zm12 0v-3c.114-.667.448-1 1-1s.886.333 1 1v5h-5c-.667 0-1-.333-1-1s.333-1 1-1h3zm0-12h-3c-.667-.114-1-.448-1-1s.333-.886 1-1h5v5c0 .667-.333 1-1 1s-1-.333-1-1V6zM6 6v3c-.114.667-.448 1-1 1s-.886-.333-1-1V4h5c.667 0 1 .333 1 1s-.333 1-1 1H6z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/barcode-scan}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M15 9h-2V5h2v4zm0 6v5h-2v-5h2zM5 9H2V6a1 1 0 011-1h2v4zm0 6v5H3a1 1 0 01-1-1v-4h3zm13-6h-2V5h2v4zm0 6v5h-2v-5h2zm4-6h-2V5h1a1 1 0 011 1v3zm0 6v4a1 1 0 01-1 1h-1v-5h2z" fill="#335EEA"/><path d="M9 9H7V5h2v4zm0 6v5H7v-5h2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" opacity=".3" y="11" width="24" height="2" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/bitcoin}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="11" y="2" width="2" height="5" rx="1"/><rect fill="#335EEA" opacity=".3" x="11" y="16" width="2" height="5" rx="1"/><path d="M17.875 14.086c0 .735-.146 1.352-.437 1.852-.291.5-.678.903-1.159 1.207a5.05 5.05 0 01-1.643.655 8.91 8.91 0 01-1.891.2H7V4.548h5.745c.52 0 1.051.054 1.596.162a4.719 4.719 0 011.482.55c.443.26.804.612 1.083 1.055.279.443.418 1.007.418 1.691 0 .747-.203 1.365-.608 1.852-.405.488-.937.84-1.596 1.055.38.101.738.218 1.074.39.335.17.626.389.873.655.248.266.444.576.59.931.145.355.218.754.218 1.197zm-3.686-5.643c0-.456-.174-.788-.523-.997-.348-.21-.864-.314-1.548-.314h-1.596v2.774h1.748c.608 0 1.08-.123 1.415-.37.336-.248.504-.612.504-1.093zm.437 5.339c0-.557-.209-.944-.627-1.159-.418-.215-.975-.323-1.672-.323h-1.805v3.078h1.824c.253 0 .516-.022.788-.066a2.48 2.48 0 00.742-.238c.221-.114.402-.275.541-.485.14-.209.209-.478.209-.807z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/box-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path fill="#335EEA" opacity=".3" d="M6 3h12l2 3.5H4z"/><path d="M6 5h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V7a2 2 0 012-2zm3 4a1 1 0 100 2h6a1 1 0 000-2H9z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/box-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M4 9.675l6.88 3.972a.89.89 0 00.231.093v7.704l-6.62-3.918a1 1 0 01-.491-.86V9.675zm16-.106v7.097a1 1 0 01-.49.86l-6.621 3.918v-7.771a.903.903 0 00.048-.026L20 9.569z" fill="#335EEA"/><path d="M4.216 7.747a.999.999 0 01.314-.262l7-3.728a1 1 0 01.94 0l7 3.728c.095.05.18.116.253.191l-7.675 4.431a.893.893 0 00-.14.1.893.893 0 00-.139-.1l-7.553-4.36z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/box-3}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M20.406 6.736A1 1 0 0121 7.65v8.762a1 1 0 01-.514.874l-8 4.444a1 1 0 01-.972 0l-8-4.444A1 1 0 013 16.412V7.65a1 1 0 01.594-.914l8-3.555a1 1 0 01.812 0l8 3.555z" fill="#335EEA" opacity=".3"/><path fill="#335EEA" d="M14.967 4.224L7.6 8.317v4.589l2 1V9.494l7.655-4.253z"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/calculator}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path fill="#335EEA" opacity=".3" d="M7 4h10v4H7z"/><path d="M7 2h10a2 2 0 012 2v16a2 2 0 01-2 2H7a2 2 0 01-2-2V4a2 2 0 012-2zm1 10a1 1 0 100-2 1 1 0 000 2zm0 4a1 1 0 100-2 1 1 0 000 2zm4-4a1 1 0 100-2 1 1 0 000 2zm0 4a1 1 0 100-2 1 1 0 000 2zm4-4a1 1 0 100-2 1 1 0 000 2zm0 4a1 1 0 100-2 1 1 0 000 2zm0 4a1 1 0 100-2 1 1 0 000 2zm-8-2a1 1 0 000 2h4a1 1 0 000-2H8zM7 4v4h10V4H7z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/cart-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M18.145 11.844l-.698 4.185a1 1 0 01-1.165.82L4.913 14.78a1 1 0 01-.783-.709L2.306 7.685a1 1 0 01.961-1.275h13.726l.613-2.627a1.18 1.18 0 011.15-.912h2.064a1.18 1.18 0 110 2.36h-1.128l-1.547 6.613z" fill="#335EEA" opacity=".3"/><path d="M6.5 21a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm9 0a1.5 1.5 0 110-3 1.5 1.5 0 010 3z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/cart-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12 4.562L7.768 9.64a1 1 0 11-1.536-1.28l5-6a1 1 0 011.536 0l5 6a1 1 0 11-1.536 1.28L12 4.562z" fill="#335EEA" opacity=".3"/><path d="M3.28 9h17.44a1 1 0 01.97 1.243l-2.122 8.485A3 3 0 0116.658 21H7.342a3 3 0 01-2.91-2.272L2.31 10.243A1 1 0 013.28 9zM12 12a1 1 0 00-1 1v4a1 1 0 002 0v-4a1 1 0 00-1-1zm-5.035.136a1 1 0 00-.707 1.225l1.035 3.864a1 1 0 101.932-.518l-1.036-3.864a1 1 0 00-1.224-.707zm10.07 0a1 1 0 00-1.224.707l-1.036 3.864a1 1 0 001.932.518l1.035-3.864a1 1 0 00-.707-1.225z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/cart-3}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12 4.562L7.768 9.64a1 1 0 11-1.536-1.28l5-6a1 1 0 011.536 0l5 6a1 1 0 11-1.536 1.28L12 4.562z" fill="#335EEA" opacity=".3"/><path d="M3.5 9h17a1 1 0 01.923 1.385l-3.654 8.769A3 3 0 0115 21H9a3 3 0 01-2.77-1.846l-3.653-8.77A1 1 0 013.5 9zm8.5 8a2 2 0 100-4 2 2 0 000 4z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/chart-bar-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="12" y="4" width="3" height="13" rx="1.5"/><rect fill="#335EEA" opacity=".3" x="7" y="9" width="3" height="8" rx="1.5"/><path d="M5 19h15a1 1 0 010 2H4a1 1 0 01-1-1V4a1 1 0 112 0v15z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="17" y="11" width="3" height="6" rx="1.5"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/chart-bar-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="17" y="4" width="3" height="13" rx="1.5"/><rect fill="#335EEA" opacity=".3" x="12" y="9" width="3" height="8" rx="1.5"/><path d="M5 19h15a1 1 0 010 2H4a1 1 0 01-1-1V4a1 1 0 112 0v15z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="11" width="3" height="6" rx="1.5"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/chart-bar-3}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="7" y="4" width="3" height="13" rx="1.5"/><rect fill="#335EEA" opacity=".3" x="12" y="9" width="3" height="8" rx="1.5"/><path d="M5 19h15a1 1 0 010 2H4a1 1 0 01-1-1V4a1 1 0 112 0v15z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="17" y="11" width="3" height="6" rx="1.5"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/chart-line-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5 19h15a1 1 0 010 2H4a1 1 0 01-1-1V4a1 1 0 112 0v15z" fill="#335EEA"/><path d="M8.73 14.684a1 1 0 11-1.46-1.368l3.75-4a1 1 0 011.38-.077l2.959 2.526 3.856-4.885a1 1 0 011.57 1.24l-4.5 5.7a1 1 0 01-1.434.14l-3.024-2.58-3.097 3.304z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/chart-line-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5 19h15a1 1 0 010 2H4a1 1 0 01-1-1V4a1 1 0 112 0v15z" fill="#335EEA"/><path d="M8.73 6.816a1 1 0 10-1.46 1.368l3.75 4a1 1 0 001.38.077l2.959-2.526 3.856 4.885a1 1 0 001.57-1.24l-4.5-5.7a1 1 0 00-1.434-.14l-3.024 2.58L8.73 6.816z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/chart-pie}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M4.002 12.2L13 14V4.062A8.001 8.001 0 0112 20a8 8 0 01-7.998-7.8z" fill="#335EEA" opacity=".3"/><path d="M3.06 10.012A8.001 8.001 0 0111 3v8.6l-7.94-1.588z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/credit-card}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="2" y="5" width="20" height="14" rx="2"/><path fill="#335EEA" d="M2 8h20v3H2z"/><rect fill="#335EEA" opacity=".3" x="16" y="14" width="4" height="2" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/dollar}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="11.5" y="2" width="2" height="4" rx="1"/><rect fill="#335EEA" opacity=".3" x="11.5" y="16" width="2" height="5" rx="1"/><path d="M15.493 8.044a2.933 2.933 0 00-1.093-.846c-.45-.209-.883-.313-1.301-.313-.215 0-.434.019-.655.057-.222.038-.422.11-.599.218a1.48 1.48 0 00-.447.418c-.12.172-.18.39-.18.656 0 .228.047.418.143.57.095.152.234.285.417.399.184.114.403.218.656.314.253.095.538.193.855.294.456.152.931.32 1.425.504a5.33 5.33 0 011.349.731c.405.304.741.68 1.007 1.13.266.45.399 1.01.399 1.682 0 .773-.142 1.44-.428 2.005a3.997 3.997 0 01-1.149 1.396 4.926 4.926 0 01-1.653.817 6.95 6.95 0 01-1.919.266 7.924 7.924 0 01-2.793-.503c-.9-.336-1.647-.814-2.242-1.435l2.128-2.166c.33.405.763.744 1.301 1.017.539.272 1.074.408 1.606.408.24 0 .475-.025.703-.076.228-.05.427-.133.598-.247.172-.114.308-.266.409-.456.101-.19.152-.418.152-.684 0-.253-.063-.469-.19-.646a1.856 1.856 0 00-.542-.485 4.362 4.362 0 00-.873-.399 44.91 44.91 0 00-1.188-.389c-.43-.14-.852-.304-1.263-.494a4.229 4.229 0 01-1.102-.732 3.388 3.388 0 01-.78-1.082c-.196-.425-.294-.941-.294-1.549 0-.747.152-1.387.456-1.919a3.964 3.964 0 011.197-1.311 5.142 5.142 0 011.672-.75 7.581 7.581 0 011.881-.238c.76 0 1.536.14 2.327.418.792.279 1.486.69 2.081 1.235l-2.071 2.185z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/euro}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M4.362 10.276l.5-1A.5.5 0 015.309 9h9.882a.5.5 0 01.447.724l-.5 1a.5.5 0 01-.447.276H4.809a.5.5 0 01-.447-.724zm10.276 3.448l-.5 1a.5.5 0 01-.447.276H4.809a.5.5 0 01-.447-.724l.5-1A.5.5 0 015.309 13h8.882a.5.5 0 01.447.724z" fill="#335EEA" opacity=".3"/><path d="M17.369 7.618a3.388 3.388 0 00-1.533-1.166 5.079 5.079 0 00-1.848-.367c-.77 0-1.47.14-2.1.42-.63.28-1.172.665-1.627 1.155a5.132 5.132 0 00-1.05 1.722 6.091 6.091 0 00-.368 2.142c0 .812.119 1.554.357 2.226a5.02 5.02 0 001.019 1.732c.44.484.969.858 1.585 1.124.616.266 1.309.399 2.079.399.798 0 1.505-.157 2.121-.473a4.146 4.146 0 001.491-1.249l2.121 1.491a6.796 6.796 0 01-2.415 1.921c-.952.456-2.065.683-3.339.683-1.162 0-2.23-.192-3.203-.578a7.378 7.378 0 01-2.509-1.617 7.361 7.361 0 01-1.638-2.477c-.392-.96-.588-2.02-.588-3.182 0-1.19.206-2.264.62-3.223a7.179 7.179 0 011.7-2.447A7.552 7.552 0 0110.796 4.3c.98-.364 2.044-.546 3.192-.546.476 0 .973.045 1.491.136a7.585 7.585 0 011.491.42c.476.19.924.424 1.344.704.42.28.777.616 1.071 1.008l-2.016 1.596z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/gift}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M4 6h16a1 1 0 011 1v1a1 1 0 01-1 1H4a1 1 0 01-1-1V7a1 1 0 011-1zm1 5h5a1 1 0 011 1v7a1 1 0 01-1 1H5a1 1 0 01-1-1v-7a1 1 0 011-1zm9 0h5a1 1 0 011 1v7a1 1 0 01-1 1h-5a1 1 0 01-1-1v-7a1 1 0 011-1z" fill="#335EEA"/><path d="M14.445 2.168a1 1 0 011.11 1.664L12 6.202l-3.555-2.37a1 1 0 011.11-1.664L12 3.798l2.445-1.63z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/loader}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 4a1 1 0 011 1v12h9a1 1 0 010 2H9a1 1 0 01-1-1 1 1 0 01-1-1V6H5a1 1 0 110-2h3z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" opacity=".3" x="11" y="7" width="8" height="8" rx="4"/><circle fill="#335EEA" cx="8" cy="18" r="3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/mc}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M10.823 8.37l1.91 1.453a3.6 3.6 0 11.225 4.622l-1.762 1.63a6 6 0 10-.374-7.706z" fill="#335EEA" opacity=".3"/><path d="M8.4 18a6 6 0 110-12 6 6 0 010 12z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/money}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3.877 3.746l18.352 4.917a1 1 0 01.707 1.225l-2.588 9.66a1 1 0 01-1.225.706L.771 15.337a1 1 0 01-.707-1.225l2.588-9.66a1 1 0 011.225-.706zm6.588 12.118a4 4 0 102.07-7.728 4 4 0 00-2.07 7.728z" fill="#335EEA" opacity=".3"/><path d="M2 6h19a1 1 0 011 1v10a1 1 0 01-1 1H2a1 1 0 01-1-1V7a1 1 0 011-1zm9.5 10a4 4 0 100-8 4 4 0 000 8zm0-2a2 2 0 100-4 2 2 0 000 4z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/pound}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M7.825 10.225C7.2 9.475 6.85 8.4 6.85 7.375c0-2.825 2.3-5.325 5.5-5.325 3.1 0 5.45 2.4 5.525 5.375h-2.8c0-1.575-1.1-2.825-2.725-2.825-1.6 0-2.75 1.175-2.75 2.775 0 .891.416 1.686 1.068 2.209.045.036.056 2.65.032 7.841h6.844a.5.5 0 01.467.681l-.612 1.575a.5.5 0 01-.466.319H6.3a.5.5 0 01-.5-.5v-1.575a.5.5 0 01.5-.5h1.625v-4.95l-.1-2.25z" fill="#335EEA"/><path d="M4.362 11.276l.5-1A.5.5 0 015.309 10h9.882a.5.5 0 01.447.724l-.5 1a.5.5 0 01-.447.276H4.809a.5.5 0 01-.447-.724z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/price-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3.523 14.029a1.798 1.798 0 010-2.535l8.09-7.953c.336-.331.789-.516 1.26-.516h6.454c.993 0 1.798.805 1.798 1.797v6.436c0 .483-.194.945-.538 1.283l-8.077 7.932a1.798 1.798 0 01-2.543 0l-6.444-6.444zM16.93 9.017a1.798 1.798 0 100-3.596 1.798 1.798 0 000 3.596z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/price-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><g transform="rotate(45 8.293 18.743)" fill="#335EEA" opacity=".3"><path d="M.354 7.146h3c.056 0 .111-.004.165-.013a3.001 3.001 0 005.835-.987 3 3 0 00-5.835-.986 1.007 1.007 0 00-.165-.014H.437a6.002 6.002 0 0111.917 1v13a2 2 0 01-2 2h-8a2 2 0 01-2-2v-12z"/><rect x="2.354" y="13.146" width="8" height="2" rx="1"/><rect x="3.354" y="17.146" width="6" height="2" rx="1"/></g></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/rouble}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.362 16.276l.5-1A.5.5 0 016.309 15h9.882a.5.5 0 01.447.724l-.5 1a.5.5 0 01-.447.276H5.809a.5.5 0 01-.447-.724z" fill="#335EEA" opacity=".3"/><path d="M8 3.716h5.107c.935 0 1.779.084 2.53.253.751.169 1.395.445 1.932.828.537.383.95.874 1.242 1.472.291.598.437 1.319.437 2.162 0 .905-.169 1.664-.506 2.277a4.106 4.106 0 01-1.369 1.483c-.575.376-1.245.648-2.012.817-.767.169-1.58.253-2.438.253h-2.231V20H8V3.716zm4.716 7.107c.475 0 .928-.034 1.357-.104a3.75 3.75 0 001.15-.367c.337-.177.606-.418.805-.725.2-.307.299-.705.299-1.196 0-.475-.1-.862-.299-1.161a2.067 2.067 0 00-.793-.702 3.398 3.398 0 00-1.127-.333c-.422-.054-.855-.081-1.3-.081h-2.116v4.669h2.024z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/safe}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M6.5 16h1A1.5 1.5 0 019 17.5v2A1.5 1.5 0 017.5 21h-1A1.5 1.5 0 015 19.5v-2A1.5 1.5 0 016.5 16zm10 0h1a1.5 1.5 0 011.5 1.5v2a1.5 1.5 0 01-1.5 1.5h-1a1.5 1.5 0 01-1.5-1.5v-2a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/><path d="M5 4h14a2 2 0 012 2v11a2 2 0 01-2 2H5a2 2 0 01-2-2V6a2 2 0 012-2zm10.5 11a3.5 3.5 0 100-7 3.5 3.5 0 000 7zm0-2a1.5 1.5 0 100-3 1.5 1.5 0 000 3zM7 8a1 1 0 011 1v2a1 1 0 01-2 0V9a1 1 0 011-1z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/sale-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M16.032 5.687L5.758 15.946a1.629 1.629 0 00-.001 2.304 1.629 1.629 0 002.304-.001L18.32 7.975a1.617 1.617 0 00-2.287-2.287z" fill="#335EEA"/><path d="M9.857 6.929a2.93 2.93 0 11-5.856-.001 2.93 2.93 0 015.856 0zM20 17.07a2.93 2.93 0 11-5.856-.001A2.93 2.93 0 0120 17.07z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/sale-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path fill="#335EEA" opacity=".3" d="M12 20.022l-3.527 1.707-1.604-3.575-3.799-.959 1.069-3.77-2.293-3.176 3.241-2.2.285-3.908 3.898.398L12 1.729l2.73 2.81 3.898-.398.285 3.907 3.241 2.201-2.293 3.177 1.069 3.769-3.8.96-1.603 3.574z"/><path fill="#335EEA" d="M14.09 8.603L8.36 14.7 9.71 16.05l5.728-6.099z"/><path d="M10.854 9.175a1.718 1.718 0 11-3.435.002 1.718 1.718 0 013.435-.002M14.864 16.622a1.719 1.719 0 110-3.437 1.719 1.719 0 010 3.437z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/settings}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path opacity=".2" d="M0 0h24v24H0z"/><path d="M4.5 7h5a1.5 1.5 0 010 3h-5a1.5 1.5 0 010-3zm9 8h5a1.5 1.5 0 010 3h-5a1.5 1.5 0 010-3z" fill="#335EEA" opacity=".3"/><path d="M17 11a3 3 0 110-6 3 3 0 010 6zM6 19a3 3 0 110-6 3 3 0 010 6z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/sort-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="5" width="16" height="3" rx="1.5"/><path d="M7.5 11h9a1.5 1.5 0 010 3h-9a1.5 1.5 0 010-3zm3 6h3a1.5 1.5 0 010 3h-3a1.5 1.5 0 010-3z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/sort-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.5 6A1.5 1.5 0 017 7.5v11a1.5 1.5 0 01-3 0v-11A1.5 1.5 0 015.5 6zm6 5a1.5 1.5 0 011.5 1.5v6a1.5 1.5 0 01-3 0v-6a1.5 1.5 0 011.5-1.5zm6 4a1.5 1.5 0 011.5 1.5v2a1.5 1.5 0 01-3 0v-2a1.5 1.5 0 011.5-1.5z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/sort-3}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M18.5 6A1.5 1.5 0 0120 7.5v11a1.5 1.5 0 01-3 0v-11A1.5 1.5 0 0118.5 6zm-6 5a1.5 1.5 0 011.5 1.5v6a1.5 1.5 0 01-3 0v-6a1.5 1.5 0 011.5-1.5zm-6 4A1.5 1.5 0 018 16.5v2a1.5 1.5 0 01-3 0v-2A1.5 1.5 0 016.5 15z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/ticket}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M4.05 17.485l-1.45-1.45a1 1 0 010-1.414l3.536-3.535L7.55 12.5a1 1 0 101.414-1.414L7.55 9.672 14.621 2.6a1 1 0 011.415 0l1.45 1.45a2.5 2.5 0 003.464 3.464l1.45 1.45a1 1 0 010 1.414l-7.072 7.07-1.414-1.413A1 1 0 0012.5 17.45l1.414 1.414-3.535 3.535a1 1 0 01-1.415 0l-1.45-1.45a2.5 2.5 0 00-3.464-3.464zm5.622-4.278a1 1 0 000 1.414l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 0z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/wallet-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="2" y="2" width="10" height="12" rx="2"/><path d="M4 6h16a2 2 0 012 2v12a2 2 0 01-2 2H4a2 2 0 01-2-2V8a2 2 0 012-2zm14 10a2 2 0 100-4 2 2 0 000 4z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/wallet-3}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M4 4h16a2 2 0 012 2v12a2 2 0 01-2 2H4a2 2 0 01-2-2V6a2 2 0 012-2z" fill="#335EEA" opacity=".3"/><path d="M18.5 11h-13A1.5 1.5 0 004 12.5v.5h4.586a1 1 0 01.707.293l1 1a2.414 2.414 0 003.414 0l1-1a1 1 0 01.707-.293H20v-.5a1.5 1.5 0 00-1.5-1.5zM5.5 6A1.5 1.5 0 004 7.5V8h16v-.5A1.5 1.5 0 0018.5 6h-13z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> shopping/wallet}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><circle fill="#335EEA" opacity=".3" cx="20.5" cy="12.5" r="1.5"/><rect fill="#335EEA" opacity=".3" transform="rotate(-15 12 6.5)" x="3" y="3" width="18" height="7" rx="1"/><path d="M22 9.337a3.5 3.5 0 100 6.326V18a2 2 0 01-2 2H4a2 2 0 01-2-2V6a2 2 0 012-2h16a2 2 0 012 2v3.337z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> text/align-auto}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M9.618 5l-.883 2H3a1 1 0 110-2h6.618zm4.764 0H21a1 1 0 010 2h-5.735l-.883-2zm-8.294 8l-.882 2H3a1 1 0 010-2h3.088zm11.824 0H21a1 1 0 010 2h-2.206l-.882-2zM7.852 9l-.881 2H3a1 1 0 010-2h4.853zm8.295 0H21a1 1 0 010 2h-3.97l-.883-2zM4.324 17l-.883 2H3a1 1 0 010-2h1.324zm15.352 0H21a1 1 0 010 2h-.441l-.883-2z" fill="#335EEA" opacity=".3"/><path d="M11.044 5.256h1.962L18.5 19H16l-1.284-3.916H9.19L7.5 19H5l6.044-13.744zm2.88 7.884l-1.962-5.184-1.998 5.184h3.96z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> text/align-center}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5 5h14a1 1 0 010 2H5a1 1 0 110-2zm0 8h14a1 1 0 010 2H5a1 1 0 010-2z" fill="#335EEA" opacity=".3"/><path d="M8 9h8a1 1 0 010 2H8a1 1 0 010-2zm0 8h8a1 1 0 010 2H8a1 1 0 010-2z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> text/align-justify}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5 5h14a1 1 0 010 2H5a1 1 0 110-2zm0 8h14a1 1 0 010 2H5a1 1 0 010-2z" fill="#335EEA" opacity=".3"/><path d="M5 9h14a1 1 0 010 2H5a1 1 0 010-2zm0 8h14a1 1 0 010 2H5a1 1 0 010-2z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> text/align-left}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="4" y="5" width="16" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="4" y="13" width="16" height="2" rx="1"/><path d="M5 9h8a1 1 0 010 2H5a1 1 0 010-2zm0 8h8a1 1 0 010 2H5a1 1 0 010-2z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> text/align-right}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5 5h14a1 1 0 010 2H5a1 1 0 110-2zm0 8h14a1 1 0 010 2H5a1 1 0 010-2z" fill="#335EEA" opacity=".3"/><path d="M11 9h8a1 1 0 010 2h-8a1 1 0 010-2zm0 8h8a1 1 0 010 2h-8a1 1 0 010-2z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> text/article}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="5" width="16" height="3" rx="1.5"/><path d="M5.5 15h13a1.5 1.5 0 010 3h-13a1.5 1.5 0 010-3zm0-5h7a1.5 1.5 0 010 3h-7a1.5 1.5 0 010-3z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> text/bold}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M7.34 19V4.8h5.34c2.32 0 4.22 1.9 4.22 4.22 0 1-.38 1.82-1 2.44 1.2.64 2 1.8 2 3.32 0 2.34-1.9 4.22-4.3 4.22H7.34zm3.2-2.94h2.76c.86 0 1.48-.62 1.48-1.4 0-.78-.62-1.42-1.48-1.42h-2.76v2.82zm0-5.52h1.78c.86 0 1.48-.62 1.48-1.4 0-.78-.62-1.42-1.48-1.42h-1.78v2.82z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> text/bullet-list}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M10.5 5h9a1.5 1.5 0 010 3h-9a1.5 1.5 0 010-3zm0 5h9a1.5 1.5 0 010 3h-9a1.5 1.5 0 010-3zm0 5h9a1.5 1.5 0 010 3h-9a1.5 1.5 0 010-3z" fill="#335EEA"/><path d="M5.5 8a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm0 5a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm0 5a1.5 1.5 0 110-3 1.5 1.5 0 010 3z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> text/code}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M15.272 8.685a1 1 0 111.456-1.37l4 4.25a1 1 0 010 1.37l-4 4.25a1 1 0 01-1.456-1.37l3.355-3.565-3.355-3.565zm-6.544 0L5.373 12.25l3.355 3.565a1 1 0 01-1.456 1.37l-4-4.25a1 1 0 010-1.37l4-4.25a1 1 0 011.456 1.37z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> text/edit-text}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3 19h2v2H3v-2zm5 0h2v2H8v-2zm5 0h2v2h-2v-2zm5 0h2v2h-2v-2z" fill="#335EEA" opacity=".3"/><path d="M10.504 3.256h1.962L17.956 16h-2.592l-1.188-2.916H8.65L7.498 16H4.96l5.544-12.744zm2.88 7.884l-1.962-5.184-1.998 5.184h3.96z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> text/filter}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5 4h14a.5.5 0 01.4.8L14 12v8.191a.5.5 0 01-.724.447L10 19v-7L4.6 4.8A.5.5 0 015 4z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> text/font}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M.18 19L7.1 4.64 14.02 19h-1.96l-1.76-3.72H3.9L2.14 19H.18zM7.1 8.52L4.7 13.6h4.8L7.1 8.52z" fill="#335EEA"/><path d="M21.34 19v-1c-.84.76-1.96 1.16-3.18 1.16-2.94 0-5.1-2.26-5.1-5.16 0-2.9 2.16-5.16 5.1-5.16 1.22 0 2.34.4 3.18 1.16V9h1.72v10h-1.72zm-3.14-1.46c1.44 0 2.56-.68 3.14-1.62v-3.84c-.58-.94-1.7-1.62-3.14-1.62-1.96 0-3.36 1.56-3.36 3.54s1.4 3.54 3.36 3.54z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> text/h1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path fill="#335EEA" d="M4.634 19V5.51h1.729v5.757h7.448V5.51h1.729V19h-1.729v-6.061H6.363V19z"/><path fill="#335EEA" opacity=".3" d="M18.998 19V6.992l1.634-1.634V19z"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> text/h2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path fill="#335EEA" d="M1.634 19V5.51h1.729v5.757h7.448V5.51h1.729V19h-1.729v-6.061H3.363V19z"/><path d="M14.649 19l5.225-5.681a3.498 3.498 0 01-.627.057c-2.299-.057-3.914-1.824-3.914-3.971 0-2.28 1.786-4.047 4.085-4.047s4.104 1.767 4.104 4.047c0 1.596-.703 2.85-2.337 4.617l-3.116 3.458h5.453V19h-8.873zm4.769-7.049c1.444 0 2.489-1.083 2.489-2.546 0-1.444-1.045-2.546-2.489-2.546-1.463 0-2.47 1.102-2.47 2.546 0 1.463 1.007 2.546 2.47 2.546z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> text/itallic}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path fill="#335EEA" d="M10 19l3-14h2l-3 14z"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> text/menu}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="5" width="16" height="3" rx="1.5"/><path d="M5.5 15h13a1.5 1.5 0 010 3h-13a1.5 1.5 0 010-3zm0-5h13a1.5 1.5 0 010 3h-13a1.5 1.5 0 010-3z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> text/paragraph}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M10.754 19.864V12.54a4.732 4.732 0 01-4.725-4.725 4.732 4.732 0 014.725-4.725h5.565v16.774h-1.638V4.728h-2.268v15.136h-1.659z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> text/quote-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path fill="#335EEA" d="M11 7l-2 6h2v5H6v-5l2-6z"/><path fill="#335EEA" opacity=".3" d="M19 7l-2 6h2v5h-5v-5l2-6z"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> text/quote-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path fill="#335EEA" d="M14 18l2-6h-2V7h5v5l-2 6z"/><path fill="#335EEA" opacity=".3" d="M6 18l2-6H6V7h5v5l-2 6z"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> text/redo}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3.065 17.791c0-.82-.176-4.058 2.378-6.626C7.16 9.437 9.733 9.137 12.81 9V4.693a.75.75 0 011.254-.555l7.14 6.477a.75.75 0 01.006 1.106l-7.14 6.612a.75.75 0 01-1.26-.55V13.5c-1.953.054-3.344.178-4.608.58-1.82.58-3.227 2.222-4.22 4.928a.75.75 0 01-.704.492H3.06c0-.493.005-1.274.005-1.709z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> text/strikethrough}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="4" y="11" width="17" height="2" rx="1"/><path d="M12.06 19.16c-2.06 0-3.78-1-4.62-2.2l1.38-1.2c.68.88 1.84 1.66 3.22 1.66 1.64 0 2.68-.76 2.68-2 0-1.3-.8-1.98-2.32-2.64l-1.3-.56C8.94 11.3 8 9.98 8 8.2c0-2.16 2.04-3.56 4.14-3.56 1.66 0 3.02.66 3.98 1.82l-1.28 1.28c-.74-.88-1.52-1.36-2.76-1.36-1.2 0-2.26.68-2.26 1.86 0 1.04.6 1.74 2.1 2.4l1.3.56c1.92.84 3.34 2.02 3.34 4.02 0 2.32-1.72 3.94-4.5 3.94z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> text/text}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M13.5 8v10a1 1 0 01-1 1h-1a1 1 0 01-1-1V8H7a1 1 0 01-1-1V6a1 1 0 011-1h10a1 1 0 011 1v1a1 1 0 01-1 1h-3.5z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> text/text-height}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8.5 8v10a1 1 0 01-1 1h-1a1 1 0 01-1-1V8H2a1 1 0 01-1-1V6a1 1 0 011-1h10a1 1 0 011 1v1a1 1 0 01-1 1H8.5z" fill="#335EEA" opacity=".3"/><path d="M20 16.586l1.293-1.293a1 1 0 011.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 011.414-1.414L18 16.586V7.414l-1.293 1.293a1 1 0 01-1.414-1.414l3-3a1 1 0 011.414 0l3 3a1 1 0 11-1.414 1.414L20 7.414v9.172z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> text/text-width}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M13.5 4v10a1 1 0 01-1 1h-1a1 1 0 01-1-1V4H7a1 1 0 01-1-1V2a1 1 0 011-1h10a1 1 0 011 1v1a1 1 0 01-1 1h-3.5z" fill="#335EEA" opacity=".3"/><path d="M6.414 20l1.293 1.293a1 1 0 01-1.414 1.414l-3-3a1 1 0 010-1.414l3-3a1 1 0 111.414 1.414L6.414 18h11.172l-1.293-1.293a1 1 0 011.414-1.414l3 3a1 1 0 010 1.414l-3 3a1 1 0 01-1.414-1.414L17.586 20H6.414z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> text/underline}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12.12 19.16c-3.34 0-5.72-2.18-5.72-5.68V4.8h2.32v8.74c0 2.2 1.38 3.42 3.4 3.42s3.38-1.22 3.38-3.42V4.8h2.32v8.68c0 3.5-2.36 5.68-5.7 5.68z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="4" y="21" width="16" height="2" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> text/undo}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M21.445 17.791c0-.82.176-4.058-2.378-6.626C17.348 9.437 14.777 9.137 11.7 9V4.693a.75.75 0 00-1.254-.555l-7.14 6.477a.75.75 0 00-.006 1.106l7.14 6.612a.75.75 0 001.26-.55V13.5c1.953.054 3.344.178 4.608.58 1.82.58 3.227 2.222 4.22 4.928a.75.75 0 00.704.492h.218c0-.493-.005-1.274-.005-1.709z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> tools/angle-grinder}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M18.778 12.5A5.5 5.5 0 1111 4.722a5.5 5.5 0 017.778 7.778zm-2.475-2.475a2 2 0 10-2.828-2.828 2 2 0 002.828 2.828zm-.707-.707a1 1 0 10-1.414-1.414 1 1 0 001.414 1.414z" fill="#335EEA" opacity=".3"/><path d="M3.575 16.39l7.071-7.072a3 3 0 114.243 4.243l-7.071 7.07a3 3 0 01-4.243-4.243z" fill="#335EEA" opacity=".3"/><path d="M20.44 13.455c-3.316 2.332-7.581 2.318-10.147-.248s-2.58-6.831-.248-10.147L20.44 13.455z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> tools/axe}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M15.243 15.828l6.364-6.364 1.414 1.415-6.364 6.364-1.414-1.415zm-13.435.708l9.9-9.9a1 1 0 011.413 0l1.415 1.414a1 1 0 010 1.414l-9.9 9.9a1 1 0 01-1.414 0L1.808 17.95a1 1 0 010-1.414zM15.95 3.808l1.414 1.414a1 1 0 010 1.414l-.707.707a1 1 0 01-1.414 0L13.828 5.93a1 1 0 010-1.414l.708-.707a1 1 0 011.414 0z" fill="#335EEA" opacity=".3"/><path d="M20.9 8.757c-2.593-.707-4.243-1.414-4.95-2.121l-4.243-4.243L8.172 5.93l4.242 4.243c.943.942 1.65 2.592 2.122 4.95l6.363-6.365z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> tools/brush}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M16.058 5.116l2.121 2.12-2.475 4.597L20.3 9.358l1.768 1.768a.5.5 0 010 .707l-5.303 5.303-9.9-9.9 5.304-5.302a.5.5 0 01.707 0L14.643 3.7l-.707 2.122 2.122-.707z" fill="#335EEA" opacity=".3"/><path d="M10.16 16.188l-3.292 4.703a2 2 0 01-3.052.267l-.958-.958a2 2 0 01.28-3.062l4.723-3.249-3.117-3.117a1 1 0 010-1.414l1.414-1.414 9.9 9.9-1.415 1.414a1 1 0 01-1.414 0l-3.07-3.07zm-5.416 3.07a1 1 0 101.414-1.415 1 1 0 00-1.414 1.415z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> tools/compass}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M7.077 12.304a6.732 6.732 0 002.391 1.804L5 23l-.5-5 2.577-5.696zm7.51 1.956a6.72 6.72 0 002.474-1.64L19.5 18l-.5 5-4.413-8.74zM12 0a1.5 1.5 0 011.5 1.5V4h-3V1.5A1.5 1.5 0 0112 0z" fill="#335EEA" opacity=".3"/><path d="M12 10a2 2 0 100-4 2 2 0 000 4zm0 3a5 5 0 110-10 5 5 0 010 10z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> tools/hummer-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3.515 18.657l9.9-9.9a1 1 0 011.413 0l1.415 1.415a1 1 0 010 1.414l-9.9 9.9a1 1 0 01-1.414 0L3.515 20.07a1 1 0 010-1.414z" fill="#335EEA" opacity=".3"/><path d="M9.879 6.636l3.535-3.535a1 1 0 011.414 0l7.071 7.07a1 1 0 010 1.415l-3.535 3.535a1 1 0 01-1.414 0l-7.071-7.07a1 1 0 010-1.415z" fill="#335EEA"/><path d="M17.303 4.868l.707-.707a.5.5 0 01.708 0l2.12 2.121a.5.5 0 010 .708l-.706.707a.5.5 0 01-.707 0l-2.122-2.122a.5.5 0 010-.707z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> tools/hummer}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M18.425 12.646l2.828-2.828a.5.5 0 01.707 0l.707.707a.5.5 0 010 .707l-2.828 2.829a.5.5 0 01-.707 0l-.707-.707a.5.5 0 010-.708zM3.222 17.95l9.9-9.9a1 1 0 011.414 0l1.414 1.414a1 1 0 010 1.415l-9.9 9.9a1 1 0 01-1.414 0l-1.414-1.415a1 1 0 010-1.414z" fill="#335EEA" opacity=".3"/><path d="M9.586 4.515a5 5 0 017.07 0l3.183 3.182a.5.5 0 010 .707l-2.829 2.828a.5.5 0 01-.707 0L9.586 4.515z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> tools/pantone}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M22 15v4a2 2 0 01-2 2H8a4 4 0 110-8h12a2 2 0 012 2zM7 19a2 2 0 100-4 2 2 0 000 4z" fill="#335EEA" opacity=".3"/><path d="M15.542 5.7l2.829 2.828a2 2 0 010 2.829l-8.486 8.485a4 4 0 11-5.657-5.657L12.714 5.7a2 2 0 012.828 0zM7 19a2 2 0 100-4 2 2 0 000 4z" fill="#335EEA" opacity=".3"/><path d="M5 3h4a2 2 0 012 2v12a4 4 0 11-8 0V5a2 2 0 012-2zm2 16a2 2 0 100-4 2 2 0 000 4z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> tools/road-cone}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M14.852 9l.926 3H8.222l.926-3h5.704zm-.926-3h-3.852l.631-2.044a1.355 1.355 0 012.59 0L13.926 6zm2.778 9l1.235 4H6.06l1.235-4h9.408z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="3" y="20" width="18" height="2" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> tools/roller}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="3" y="2" width="15" height="5" rx="1"/><rect fill="#335EEA" x="9" y="12" width="4" height="10" rx="1"/><path d="M12 12h-2v-1a2 2 0 012-2h7V5.5h-1v-2h1a2 2 0 012 2V9a2 2 0 01-2 2h-7v1z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> tools/roulette}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M22 8a1 1 0 01-1 1h-2v6a6 6 0 01-6 6H5a2 2 0 01-2-2v-8a6 6 0 016-6h8a2 2 0 012 2h2V6h1v2zm-11 9a4 4 0 100-8 4 4 0 000 8z" fill="#335EEA"/><path d="M12 3h3a1 1 0 011 1v1h-5V4a1 1 0 011-1z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> tools/screwdriver}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8.464 11.293l-1.06-1.06a.5.5 0 010-.708l.707-.707a.5.5 0 01.707 0l6.364 6.364a.5.5 0 010 .707l-.707.707a.5.5 0 01-.707 0l-1.06-1.06-5.658 5.656a2 2 0 01-2.828 0l-1.414-1.414a2 2 0 010-2.828l5.656-5.657zM4.575 18.01a.5.5 0 00.707.708l4.243-4.243a.5.5 0 10-.707-.707L4.575 18.01z" fill="#335EEA" opacity=".3"/><path d="M16.95 5.636l-.171-.17a.5.5 0 01.168-.819l2.525-1.01a.5.5 0 01.54.11l.24.242a.5.5 0 01.11.539l-1.01 2.525a.5.5 0 01-.817.168l-.171-.17-5.657 5.656-1.414-1.414 5.657-5.657z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> tools/shovel}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M6.343 4.929L13.414 12 12 13.414l-7.071-7.07H1.893a.5.5 0 01-.353-.854l3.95-3.95a.5.5 0 01.853.353V4.93z" fill="#335EEA" opacity=".3"/><path d="M16.95 9.879l2.825 3.26a5.517 5.517 0 011.24 4.695l-.399 1.998a1 1 0 01-.784.784l-1.998.4a5.517 5.517 0 01-4.696-1.241l-3.26-2.825 7.072-7.071zm-3.405 6.145c-.763-.646-1.732.499-.969 1.145l2.298 1.944c.764.646 1.733-.499.97-1.145l-2.299-1.944z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> tools/spatula}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M14.613 1.264l7.623 7.623a.5.5 0 01-.076.77l-6.68 4.452a4.391 4.391 0 01-6.09-6.09l4.454-6.679a.5.5 0 01.77-.076z" fill="#335EEA" opacity=".3"/><path d="M8.213 13.248l2.039 2.04-1.778 3.78a3.039 3.039 0 11-4.043-4.042l3.782-1.778zm-3.628 5.666a1.435 1.435 0 002.03.01 1.435 1.435 0 00-.01-2.03 1.435 1.435 0 00-2.029-.01 1.435 1.435 0 00.01 2.03z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> tools/swiss-knife}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M15.784 14l-2.806 2.806-5.15-5.15a4 4 0 010-5.656L14 12.172V8a6 6 0 016-6v12h-4.216z" fill="#335EEA" opacity=".3"/><path d="M5.5 12h13a4.5 4.5 0 110 9h-13a4.5 4.5 0 110-9zm14 6a1.5 1.5 0 100-3 1.5 1.5 0 000 3z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> tools/tools}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M15.95 3.808l-2.925 2.925a2 2 0 000 2.828l1.414 1.414a2 2 0 002.828 0l2.925-2.925a5.929 5.929 0 01-1.517 5.76c-1.83 1.83-4.566 2.206-6.791 1.134l-5.127 5.127a2 2 0 11-2.828-2.828l5.127-5.127c-1.072-2.225-.696-4.961 1.133-6.79a5.929 5.929 0 015.76-1.518z" fill="#335EEA"/><path d="M16.657 5.929l1.414 1.414a1 1 0 010 1.414l-1.38 1.38a1 1 0 01-1.414 0l-1.414-1.414a1 1 0 010-1.414l1.38-1.38a1 1 0 011.414 0z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> weather/celcium}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M19.802 9.244a2.904 2.904 0 00-1.314-.999 4.353 4.353 0 00-1.584-.315c-.66 0-1.26.12-1.8.36s-1.005.57-1.395.99c-.39.42-.69.912-.9 1.476a5.221 5.221 0 00-.315 1.836c0 .696.102 1.332.306 1.908.204.576.495 1.071.873 1.485.378.414.831.735 1.359.963.528.228 1.122.342 1.782.342.684 0 1.29-.135 1.818-.405s.954-.627 1.278-1.071l1.818 1.278a5.825 5.825 0 01-2.07 1.647c-.816.39-1.77.585-2.862.585-.996 0-1.911-.165-2.745-.495a6.324 6.324 0 01-2.151-1.386 6.31 6.31 0 01-1.404-2.124c-.336-.822-.504-1.731-.504-2.727 0-1.02.177-1.941.531-2.763a6.153 6.153 0 011.458-2.097A6.473 6.473 0 0114.168 6.4a7.798 7.798 0 014.014-.351c.444.078.87.198 1.278.36.408.162.792.363 1.152.603.36.24.666.528.918.864l-1.728 1.368z" fill="#335EEA"/><path d="M2.72 8.92c0-.396.075-.768.225-1.116a2.92 2.92 0 011.539-1.539c.348-.15.72-.225 1.116-.225.396 0 .768.075 1.116.225a2.92 2.92 0 011.539 1.539c.15.348.225.72.225 1.116 0 .396-.075.768-.225 1.116a2.92 2.92 0 01-1.539 1.539c-.348.15-.72.225-1.116.225-.396 0-.768-.075-1.116-.225a2.92 2.92 0 01-1.539-1.539A2.789 2.789 0 012.72 8.92zm1.404 0c0 .408.144.756.432 1.044.288.288.636.432 1.044.432.408 0 .756-.144 1.044-.432.288-.288.432-.636.432-1.044 0-.408-.144-.756-.432-1.044A1.422 1.422 0 005.6 7.444c-.408 0-.756.144-1.044.432a1.422 1.422 0 00-.432 1.044z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> weather/cloud-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.747 17.043a6 6 0 119.064-6.543h2.439a3.75 3.75 0 010 7.5h-9c-.962 0-1.84-.362-2.503-.957z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> weather/cloud-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><circle fill="#335EEA" opacity=".3" cx="16" cy="10" r="5"/><path d="M5.747 18.043a6 6 0 119.064-6.543h2.439a3.75 3.75 0 010 7.5h-9c-.962 0-1.84-.362-2.503-.957z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> weather/cloud-fog}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.747 14.043A6 6 0 1114.811 7.5h2.439a3.75 3.75 0 010 7.5h-9c-.962 0-1.84-.362-2.503-.957z" fill="#335EEA"/><path d="M4.5 17h16a.5.5 0 110 1h-16a.5.5 0 110-1zm0 2h4a.5.5 0 110 1h-4a.5.5 0 110-1zm12 2h4a.5.5 0 110 1h-4a.5.5 0 110-1zm-5-2h9a.5.5 0 110 1h-9a.5.5 0 110-1zm-7 2h9a.5.5 0 110 1h-9a.5.5 0 110-1z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> weather/cloud-sun}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M13 16a4 4 0 110-8 4 4 0 010 8zm7.5-5.5H22a1.5 1.5 0 010 3h-1.5a1.5 1.5 0 010-3zm-3.44-4.629l1.061-1.06a1.5 1.5 0 012.122 2.121l-1.061 1.06a1.5 1.5 0 11-2.121-2.12zM13 1.5A1.5 1.5 0 0114.5 3v1.5a1.5 1.5 0 01-3 0V3A1.5 1.5 0 0113 1.5zM5.81 4.81a1.5 1.5 0 012.122 0l1.06 1.061a1.5 1.5 0 01-2.12 2.122L5.81 6.932a1.5 1.5 0 010-2.121z" fill="#335EEA" opacity=".3"/><path d="M4.747 20.043a6 6 0 119.064-6.543h2.439a3.75 3.75 0 010 7.5h-9c-.962 0-1.84-.362-2.503-.957z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> weather/cloud-wind}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.747 11.043A6 6 0 1114.811 4.5h2.439a3.75 3.75 0 010 7.5h-9c-.962 0-1.84-.362-2.503-.957z" fill="#335EEA"/><path d="M4 14v2h13.5a1.5 1.5 0 011.5 1.5v.5a1 1 0 01-2 0v-1h-2v1a3 3 0 006 0v-.5a3.5 3.5 0 00-3.5-3.5H4z" fill="#335EEA" opacity=".3"/><path d="M4 17v2h6.5a1.5 1.5 0 011.5 1.5v.5a1 1 0 01-2 0v-1H8v1a3 3 0 006 0v-.5a3.5 3.5 0 00-3.5-3.5H4z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> weather/cloudy}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M7.747 15.043A6 6 0 1116.811 8.5h2.439a3.75 3.75 0 010 7.5h-9c-.962 0-1.84-.362-2.503-.957z" fill="#335EEA" opacity=".3"/><path d="M3.747 19.043a6 6 0 119.064-6.543h2.439a3.75 3.75 0 010 7.5h-9c-.962 0-1.84-.362-2.503-.957z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> weather/cloudy-night}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M16.228 3.205a5 5 0 006.69 5.465 5 5 0 11-6.69-5.465z" fill="#335EEA" opacity=".3"/><path d="M5.747 18.043a6 6 0 119.064-6.543h2.439a3.75 3.75 0 010 7.5h-9c-.962 0-1.84-.362-2.503-.957z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> weather/day-rain}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M6.5 24A1.5 1.5 0 015 22.5c0-.552.5-1.386 1.5-2.5 1 1.114 1.5 1.948 1.5 2.5A1.5 1.5 0 016.5 24zm5 0a1.5 1.5 0 01-1.5-1.5c0-.552.5-1.386 1.5-2.5 1 1.114 1.5 1.948 1.5 2.5a1.5 1.5 0 01-1.5 1.5zm5 0a1.5 1.5 0 01-1.5-1.5c0-.552.5-1.386 1.5-2.5 1 1.114 1.5 1.948 1.5 2.5a1.5 1.5 0 01-1.5 1.5zm-3-11a3.5 3.5 0 110-7 3.5 3.5 0 010 7zm6.242-4.125h1.312a1.312 1.312 0 110 2.625h-1.312a1.313 1.313 0 010-2.625zm-3.01-4.05l.929-.928a1.313 1.313 0 011.856 1.856l-.928.928a1.313 1.313 0 01-1.856-1.856zM13.18 1c.725 0 1.313.588 1.313 1.313v1.312a1.312 1.312 0 11-2.625 0V2.312c0-.724.588-1.312 1.312-1.312zM6.89 3.897a1.313 1.313 0 011.856 0l.928.928A1.312 1.312 0 117.817 6.68l-.928-.928a1.313 1.313 0 010-1.856z" fill="#335EEA" opacity=".3"/><path d="M4.747 18.043a6 6 0 119.064-6.543h2.439a3.75 3.75 0 010 7.5h-9c-.962 0-1.84-.362-2.503-.957z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> weather/fahrenheit}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path fill="#335EEA" d="M11.604 6H20v2h-6v3.728h5.488v1.908H14V19h-2.396z"/><path d="M3.72 8.92c0-.396.075-.768.225-1.116a2.92 2.92 0 011.539-1.539c.348-.15.72-.225 1.116-.225.396 0 .768.075 1.116.225a2.92 2.92 0 011.539 1.539c.15.348.225.72.225 1.116 0 .396-.075.768-.225 1.116a2.92 2.92 0 01-1.539 1.539c-.348.15-.72.225-1.116.225-.396 0-.768-.075-1.116-.225a2.92 2.92 0 01-1.539-1.539A2.789 2.789 0 013.72 8.92zm1.404 0c0 .408.144.756.432 1.044.288.288.636.432 1.044.432.408 0 .756-.144 1.044-.432.288-.288.432-.636.432-1.044 0-.408-.144-.756-.432-1.044A1.422 1.422 0 006.6 7.444c-.408 0-.756.144-1.044.432a1.422 1.422 0 00-.432 1.044z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> weather/fog}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" opacity=".3" x="2" y="5" width="20" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="2" y="17" width="20" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="2" y="9" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="16" y="13" width="6" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="9" y="9" width="13" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="2" y="13" width="12" height="2" rx="1"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> weather/moon}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12.07 4a8 8 0 006.86 12 8 8 0 11-6.86-12z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> weather/night-fog}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12.881 3a5.5 5.5 0 004.716 8.25A5.5 5.5 0 1112.881 3z" fill="#335EEA"/><path d="M2.5 16h19a.5.5 0 110 1h-19a.5.5 0 110-1zm0 2h5a.5.5 0 110 1h-5a.5.5 0 110-1zm12 2h7a.5.5 0 110 1h-7a.5.5 0 110-1zm-5-2h12a.5.5 0 110 1h-12a.5.5 0 110-1zm-7 2h10a.5.5 0 110 1h-10a.5.5 0 110-1z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> weather/night-rain}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M17.228 2.205a5 5 0 006.69 5.465 5 5 0 11-6.69-5.465zM6.5 22A1.5 1.5 0 015 20.5c0-.552.5-1.386 1.5-2.5 1 1.114 1.5 1.948 1.5 2.5A1.5 1.5 0 016.5 22zm5 0a1.5 1.5 0 01-1.5-1.5c0-.552.5-1.386 1.5-2.5 1 1.114 1.5 1.948 1.5 2.5a1.5 1.5 0 01-1.5 1.5zm5 0a1.5 1.5 0 01-1.5-1.5c0-.552.5-1.386 1.5-2.5 1 1.114 1.5 1.948 1.5 2.5a1.5 1.5 0 01-1.5 1.5z" fill="#335EEA" opacity=".3"/><path d="M5.747 16.043A6 6 0 1114.811 9.5h2.439a3.75 3.75 0 010 7.5h-9c-.962 0-1.84-.362-2.503-.957z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> weather/rain-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.747 14.043A6 6 0 1114.811 7.5h2.439a3.75 3.75 0 010 7.5h-9c-.962 0-1.84-.362-2.503-.957z" fill="#335EEA"/><path d="M8.906 16.12a1 1 0 01.707 1.224l-1.035 3.864a1 1 0 11-1.932-.518l1.035-3.864a1 1 0 011.225-.707zm8 0a1 1 0 01.707 1.224l-1.035 3.864a1 1 0 01-1.932-.518l1.035-3.864a1 1 0 011.225-.707zm-4 0a1 1 0 01.707 1.224l-1.035 3.864a1 1 0 01-1.932-.518l1.035-3.864a1 1 0 011.225-.707z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> weather/rain-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.747 14.043A6 6 0 1114.811 7.5h2.439a3.75 3.75 0 010 7.5h-9c-.962 0-1.84-.362-2.503-.957z" fill="#335EEA"/><path d="M6.5 21A1.5 1.5 0 015 19.5c0-.552.5-1.386 1.5-2.5 1 1.114 1.5 1.948 1.5 2.5A1.5 1.5 0 016.5 21zm5 0a1.5 1.5 0 01-1.5-1.5c0-.552.5-1.386 1.5-2.5 1 1.114 1.5 1.948 1.5 2.5a1.5 1.5 0 01-1.5 1.5zm5 0a1.5 1.5 0 01-1.5-1.5c0-.552.5-1.386 1.5-2.5 1 1.114 1.5 1.948 1.5 2.5a1.5 1.5 0 01-1.5 1.5z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> weather/rain-5}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M4.308 13C3.033 13 2 11.993 2 10.75c0-.828.77-2.078 2.308-3.75 1.538 1.672 2.307 2.922 2.307 3.75 0 1.243-1.033 2.25-2.307 2.25zm15.384 0c-1.274 0-2.307-1.007-2.307-2.25 0-.828.769-2.078 2.307-3.75C21.231 8.672 22 9.922 22 10.75c0 1.243-1.033 2.25-2.308 2.25zM8.308 20C7.033 20 6 18.993 6 17.75c0-.828.77-2.078 2.308-3.75 1.538 1.672 2.307 2.922 2.307 3.75 0 1.243-1.033 2.25-2.307 2.25zM16 20c-1.275 0-2.308-1.007-2.308-2.25 0-.828.77-2.078 2.308-3.75 1.538 1.672 2.308 2.922 2.308 3.75 0 1.243-1.033 2.25-2.308 2.25z" fill="#335EEA" opacity=".3"/><path d="M12 13c1.275 0 2.308-1.007 2.308-2.25 0-.828-.77-2.078-2.308-3.75-1.538 1.672-2.308 2.922-2.308 3.75C9.692 11.993 10.725 13 12 13z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> weather/rainbow}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.07 16a7.002 7.002 0 0113.86 0H16.9a5.002 5.002 0 00-9.8 0H5.07zm4.1 0a3.004 3.004 0 015.66 0H9.17z" fill="#335EEA" opacity=".3"/><path d="M12 6c5.738 0 10.45 4.393 10.955 10h-2.01a9.002 9.002 0 00-17.89 0h-2.01C1.55 10.393 6.262 6 12 6z" fill="#000"/><path d="M12 6c5.738 0 10.45 4.393 10.955 10h-2.01a9.002 9.002 0 00-17.89 0h-2.01C1.55 10.393 6.262 6 12 6z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> weather/snow-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.747 14.043A6 6 0 1114.811 7.5h2.439a3.75 3.75 0 010 7.5h-9c-.962 0-1.84-.362-2.503-.957z" fill="#335EEA"/><path d="M8.906 16.12a1 1 0 11-.518 1.931 1 1 0 01.518-1.932zm8 0a1 1 0 11-.518 1.931 1 1 0 01.518-1.932zm-4 0a1 1 0 11-.518 1.931 1 1 0 01.518-1.932zm2 3a1 1 0 11-.518 1.931 1 1 0 01.518-1.932zm-4 0a1 1 0 11-.518 1.931 1 1 0 01.518-1.932z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> weather/snow-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.747 14.043A6 6 0 1114.811 7.5h2.439a3.75 3.75 0 010 7.5h-9c-.962 0-1.84-.362-2.503-.957z" fill="#335EEA"/><path d="M11.906 18.12a1 1 0 11-.518 1.931 1 1 0 01.518-1.932zm4 0a1 1 0 11-.518 1.931 1 1 0 01.518-1.932zm-8 0a1 1 0 11-.518 1.931 1 1 0 01.518-1.932z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> weather/snow-3}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M11.906 22.12a1 1 0 11-.518 1.931 1 1 0 01.518-1.932zm4 0a1 1 0 11-.518 1.931 1 1 0 01.518-1.932zm-8 0a1 1 0 11-.518 1.931 1 1 0 01.518-1.932zM13 15a4 4 0 110-8 4 4 0 010 8zm7.5-5.5H22a1.5 1.5 0 010 3h-1.5a1.5 1.5 0 010-3zm-3.44-4.629l1.061-1.06a1.5 1.5 0 012.122 2.121l-1.061 1.06a1.5 1.5 0 11-2.121-2.12zM13 .5A1.5 1.5 0 0114.5 2v1.5a1.5 1.5 0 01-3 0V2A1.5 1.5 0 0113 .5zM5.81 3.81a1.5 1.5 0 012.122 0l1.06 1.061a1.5 1.5 0 01-2.12 2.122L5.81 5.932a1.5 1.5 0 010-2.121z" fill="#335EEA" opacity=".3"/><path d="M4.747 19.043a6 6 0 119.064-6.543h2.439a3.75 3.75 0 010 7.5h-9c-.962 0-1.84-.362-2.503-.957z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> weather/snow}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M11 10.417V4a1 1 0 012 0v6.317l5.385-3.109a1 1 0 011 1.732l-5.47 3.16 5.385 3.108a1 1 0 01-1 1.732L13 13.88V20a1 1 0 01-2 0v-6.218L5.529 16.94a1 1 0 11-1-1.732L9.914 12.1 4.444 8.94a1 1 0 011-1.732L11 10.417z" fill="#335EEA" opacity=".3"/><path d="M7.858 9.78a1 1 0 01-.666 1.348l-1.931.517a1 1 0 01-.518-1.932l1.932-.517a1.01 1.01 0 01.128-.026 1.01 1.01 0 01-.042-.123l-.518-1.932a1 1 0 111.932-.517l.518 1.931a1 1 0 01-.835 1.25zm9.168 5.293c.016.04.03.08.041.123l.518 1.931a1 1 0 01-1.932.518l-.517-1.932a1 1 0 01.834-1.25 1 1 0 01.666-1.348l1.931-.517a1 1 0 11.518 1.931l-1.932.518a1.01 1.01 0 01-.127.026zM15.97 9.78a1 1 0 01-.834-1.25l.517-1.932a1 1 0 011.932.517l-.518 1.932a1.01 1.01 0 01-.041.123c.042.006.085.014.127.026l1.932.517a1 1 0 01-.518 1.932l-1.931-.518a1 1 0 01-.666-1.347zm-9.167 5.293a1.01 1.01 0 01-.128-.026l-1.932-.518a1 1 0 11.518-1.931l1.932.517a1 1 0 01.665 1.348 1 1 0 01.834 1.25l-.517 1.932a1 1 0 11-1.932-.518l.518-1.931a1.01 1.01 0 01.042-.123zm5.111-7.635a1 1 0 01-1.5.098L9 6.12a1 1 0 111.414-1.414l1.414 1.414c.031.031.06.064.086.098A1.01 1.01 0 0112 6.12l1.414-1.414a1 1 0 111.414 1.414l-1.414 1.415a1 1 0 01-1.5-.098zm0 10.586a1.01 1.01 0 01-.086.097l-1.414 1.415A1 1 0 019 18.12l1.414-1.414a1 1 0 011.5.098 1 1 0 011.5-.098l1.414 1.414a1 1 0 01-1.414 1.415L12 18.12a1.01 1.01 0 01-.086-.097z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> weather/storm}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="8" y="2" width="14" height="2" rx="1"/><path d="M6 6h12a1 1 0 010 2H6a1 1 0 110-2zm2 4h7a1 1 0 010 2H8a1 1 0 010-2zm3 4h6a1 1 0 010 2h-6a1 1 0 010-2zm1 4h3a1 1 0 010 2h-3a1 1 0 010-2zm-1 3h1a1 1 0 010 2h-1a1 1 0 010-2z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> weather/sun}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12 15a3 3 0 110-6 3 3 0 010 6z" fill="#335EEA"/><path d="M19.5 10.5H21a1.5 1.5 0 010 3h-1.5a1.5 1.5 0 010-3zm-3.44-4.629l1.061-1.06a1.5 1.5 0 012.122 2.121l-1.061 1.06a1.5 1.5 0 11-2.121-2.12zm0 12.311a1.5 1.5 0 112.122-2.121l1.06 1.06a1.5 1.5 0 01-2.12 2.122l-1.061-1.061zM3 10.5h1.5a1.5 1.5 0 010 3H3a1.5 1.5 0 010-3zm9-9A1.5 1.5 0 0113.5 3v1.5a1.5 1.5 0 01-3 0V3A1.5 1.5 0 0112 1.5zM12 18a1.5 1.5 0 011.5 1.5V21a1.5 1.5 0 01-3 0v-1.5A1.5 1.5 0 0112 18zM4.81 4.81a1.5 1.5 0 012.122 0l1.06 1.061a1.5 1.5 0 01-2.12 2.122L4.81 6.932a1.5 1.5 0 010-2.121zm0 14.433a1.5 1.5 0 010-2.122l1.061-1.06a1.5 1.5 0 112.122 2.121l-1.061 1.06a1.5 1.5 0 01-2.121 0z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> weather/sun-fog}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 14a4 4 0 118 0H8z" fill="#335EEA"/><path d="M19.5 11H21a1.5 1.5 0 010 3h-1.5a1.5 1.5 0 010-3zm-3.44-4.129l1.061-1.06a1.5 1.5 0 012.122 2.121l-1.061 1.06a1.5 1.5 0 11-2.121-2.12zM3 11h1.5a1.5 1.5 0 010 3H3a1.5 1.5 0 010-3zm9-8.5A1.5 1.5 0 0113.5 4v1.5a1.5 1.5 0 01-3 0V4A1.5 1.5 0 0112 2.5zM4.81 5.81a1.5 1.5 0 012.122 0l1.06 1.061a1.5 1.5 0 01-2.12 2.122L4.81 7.932a1.5 1.5 0 010-2.121zM2.5 16h19a.5.5 0 110 1h-19a.5.5 0 110-1zm0 2h5a.5.5 0 110 1h-5a.5.5 0 110-1zm12 2h7a.5.5 0 110 1h-7a.5.5 0 110-1zm-5-2h12a.5.5 0 110 1h-12a.5.5 0 110-1zm-7 2h10a.5.5 0 110 1h-10a.5.5 0 110-1z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> weather/suset-1}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 16a4 4 0 118 0H8zm-4 2h16a1 1 0 010 2H4a1 1 0 010-2z" fill="#335EEA"/><path d="M19.5 13H21a1.5 1.5 0 010 3h-1.5a1.5 1.5 0 010-3zm-3.44-4.129l1.061-1.06a1.5 1.5 0 012.122 2.121l-1.061 1.06a1.5 1.5 0 01-2.121-2.12zM3 13h1.5a1.5 1.5 0 010 3H3a1.5 1.5 0 010-3zm9-8.5A1.5 1.5 0 0113.5 6v1.5a1.5 1.5 0 01-3 0V6A1.5 1.5 0 0112 4.5zM4.81 7.81a1.5 1.5 0 012.122 0l1.06 1.061a1.5 1.5 0 01-2.12 2.122L4.81 9.932a1.5 1.5 0 010-2.121z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> weather/suset-2}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8.535 14A3.998 3.998 0 0112 12c1.48 0 2.773.804 3.465 2h-6.93zM16 16H8h8zM4 16h16a1 1 0 010 2H4a1 1 0 010-2z" fill="#335EEA"/><path d="M16.06 8.871l1.061-1.06a1.5 1.5 0 012.122 2.121l-1.061 1.06a1.5 1.5 0 01-2.121-2.12zM12 4.5A1.5 1.5 0 0113.5 6v1.5a1.5 1.5 0 01-3 0V6A1.5 1.5 0 0112 4.5zM4.81 7.81a1.5 1.5 0 012.122 0l1.06 1.061a1.5 1.5 0 01-2.12 2.122L4.81 9.932a1.5 1.5 0 010-2.121z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> weather/temperature-empty}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M13.999 12.534L13 11.956V5c0-.267-.517-.991-1-1-.516-.01-1 .715-1 1v6.956l-.999.578a4 4 0 103.997 0zM18 16a6 6 0 11-9-5.197V5a3 3 0 016 0v5.803A5.998 5.998 0 0118 16z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> weather/temperature-full}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M18 16a6 6 0 11-9-5.197V5a3 3 0 016 0v5.803A5.998 5.998 0 0118 16z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> weather/temperature-half}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M18 16a6 6 0 11-9-5.197V5a3 3 0 016 0v5.803A5.998 5.998 0 0118 16zM12 4a1 1 0 00-1 1v5a1 1 0 002 0V5a1 1 0 00-1-1z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> weather/thunder}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path fill="#335EEA" opacity=".3" d="M10.089 24l4.444-6h-2.222v-4l-4.444 6h2.222z"/><path d="M5.747 14.043A6 6 0 1114.811 7.5h2.439a3.75 3.75 0 010 7.5h-9c-.962 0-1.84-.362-2.503-.957z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> weather/thunder-night}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M17.228.205a5 5 0 006.69 5.465 5 5 0 11-6.69-5.465zM10.088 24v-4H7.868l4.444-6v4h2.222l-4.444 6z" fill="#335EEA" opacity=".3"/><path d="M5.747 14.043A6 6 0 1114.811 7.5h2.439a3.75 3.75 0 010 7.5h-9c-.962 0-1.84-.362-2.503-.957z" fill="#335EEA"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> weather/umbrella}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M11.5 3a8.5 8.5 0 018.5 8.5v.5H3v-.5A8.5 8.5 0 0111.5 3z" fill="#335EEA"/><path d="M11 12h2v6.75a3.25 3.25 0 01-6.5 0V18h2v.75a1.25 1.25 0 002.5 0V12z" fill="#335EEA" opacity=".3"/></g></svg></span>
-                <span class="mr-4" data-toggle="tooltip" data-placement="top" title="{{> weather/wind}}"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3 13v-2h14.5A1.5 1.5 0 0019 9.5V9a1 1 0 00-2 0v1h-2V9a3 3 0 016 0v.5a3.5 3.5 0 01-3.5 3.5H3z" fill="#335EEA"/><path d="M3 9V7h6.5A1.5 1.5 0 0011 5.5V5a1 1 0 00-2 0v1H7V5a3 3 0 116 0v.5A3.5 3.5 0 019.5 9H3zm0 6h6.5a3.5 3.5 0 013.5 3.5v.5a3 3 0 01-6 0v-1h2v1a1 1 0 002 0v-.5A1.5 1.5 0 009.5 17H3v-2z" fill="#335EEA" opacity=".3"/></g></svg></span>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;icon&quot;&gt;<br />&nbsp;&nbsp;{{>&nbsp;clothes/t-shirt}}<br />&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="colors">Colors</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              You can style the icons by using Bootstrap text utilities.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body d-flex flex-wrap">
-
-                <div class="icon text-primary mr-2">
-                  <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M22 15.01l.025-.01v4.586a1 1 0 01-1.707.707L18.025 18H6a3 3 0 01-3-3V6a3 3 0 013-3h13a3 3 0 013 3v9.01z" fill="#335EEA" opacity=".3"/><path d="M7.5 12a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm5 0a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm5 0a1.5 1.5 0 110-3 1.5 1.5 0 010 3z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-
-                <div class="icon text-success mr-2">
-                  <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M15.996 6H9a3 3 0 00-3 3v6.996c-1.298-.064-2-.825-2-2.178V6.182C4 4.768 4.768 4 6.182 4h7.636c1.353 0 2.114.702 2.178 2z" fill="#335EEA" opacity=".3"/><path d="M10.182 8h7.636C19.232 8 20 8.768 20 10.182v7.636C20 19.232 19.232 20 17.818 20h-7.636C8.768 20 8 19.232 8 17.818v-7.636C8 8.768 8.768 8 10.182 8z" fill="#335EEA"/></g></svg>                </div>
-
-                <div class="icon text-body">
-                  <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M3.5 21h17a1.5 1.5 0 001.5-1.5v-11A1.5 1.5 0 0020.5 7H10L7.44 4.44A1.5 1.5 0 006.378 4H3.5A1.5 1.5 0 002 5.5v14A1.5 1.5 0 003.5 21z" fill="#335EEA" opacity=".3"/><path fill="#335EEA" opacity=".3" d="M4 19l6-8 6 8z"/><path fill="#335EEA" d="M11 19l4-5 4 5z"/><path d="M18 12a1.5 1.5 0 100-3 1.5 1.5 0 000 3z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;icon&nbsp;text-primary&quot;&gt;<br />&nbsp;&nbsp;{{>&nbsp;communication/chat-5}}<br />&lt;/div&gt;<br /><br />&lt;div&nbsp;class=&quot;icon&nbsp;text-success&quot;&gt;<br />&nbsp;&nbsp;{{>&nbsp;general/duplicate}}<br />&lt;/div&gt;<br /><br />&lt;div&nbsp;class=&quot;icon&nbsp;text-body&quot;&gt;<br />&nbsp;&nbsp;{{>&nbsp;files/pictures-1}}<br />&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="sizing">Sizing</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Using Bootstrap’s typical naming structure, you can create a standard icon, or scale it up to different sizes based on what’s needed.
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body d-flex align-items-center flex-wrap">
-
-                <div class="icon icon-xl text-primary mr-2">
-                  <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M22 15.01l.025-.01v4.586a1 1 0 01-1.707.707L18.025 18H6a3 3 0 01-3-3V6a3 3 0 013-3h13a3 3 0 013 3v9.01z" fill="#335EEA" opacity=".3"/><path d="M7.5 12a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm5 0a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm5 0a1.5 1.5 0 110-3 1.5 1.5 0 010 3z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-
-                <div class="icon icon-lg text-primary mr-2">
-                  <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M22 15.01l.025-.01v4.586a1 1 0 01-1.707.707L18.025 18H6a3 3 0 01-3-3V6a3 3 0 013-3h13a3 3 0 013 3v9.01z" fill="#335EEA" opacity=".3"/><path d="M7.5 12a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm5 0a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm5 0a1.5 1.5 0 110-3 1.5 1.5 0 010 3z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-
-                <div class="icon text-primary mr-2">
-                  <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M22 15.01l.025-.01v4.586a1 1 0 01-1.707.707L18.025 18H6a3 3 0 01-3-3V6a3 3 0 013-3h13a3 3 0 013 3v9.01z" fill="#335EEA" opacity=".3"/><path d="M7.5 12a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm5 0a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm5 0a1.5 1.5 0 110-3 1.5 1.5 0 010 3z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-
-                <div class="icon icon-sm text-primary mr-2">
-                  <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M22 15.01l.025-.01v4.586a1 1 0 01-1.707.707L18.025 18H6a3 3 0 01-3-3V6a3 3 0 013-3h13a3 3 0 013 3v9.01z" fill="#335EEA" opacity=".3"/><path d="M7.5 12a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm5 0a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm5 0a1.5 1.5 0 110-3 1.5 1.5 0 010 3z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-
-                <div class="icon icon-xs text-primary">
-                  <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M22 15.01l.025-.01v4.586a1 1 0 01-1.707.707L18.025 18H6a3 3 0 01-3-3V6a3 3 0 013-3h13a3 3 0 013 3v9.01z" fill="#335EEA" opacity=".3"/><path d="M7.5 12a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm5 0a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm5 0a1.5 1.5 0 110-3 1.5 1.5 0 010 3z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;icon&nbsp;icon-xl&nbsp;text-primary&quot;&gt;<br />&nbsp;&nbsp;{{>&nbsp;communication/chat-5}}<br />&lt;/div&gt;<br /><br />&lt;div&nbsp;class=&quot;icon&nbsp;icon-lg&nbsp;text-primary&quot;&gt;<br />&nbsp;&nbsp;{{>&nbsp;communication/chat-5}}<br />&lt;/div&gt;<br /><br />&lt;div&nbsp;class=&quot;icon&nbsp;text-primary&quot;&gt;<br />&nbsp;&nbsp;{{>&nbsp;communication/chat-5}}<br />&lt;/div&gt;<br /><br />&lt;div&nbsp;class=&quot;icon&nbsp;icon-sm&nbsp;text-primary&quot;&gt;<br />&nbsp;&nbsp;{{>&nbsp;communication/chat-5}}<br />&lt;/div&gt;<br /><br />&lt;div&nbsp;class=&quot;icon&nbsp;icon-xs&nbsp;text-primary&quot;&gt;<br />&nbsp;&nbsp;{{>&nbsp;communication/chat-5}}<br />&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="featherIcons">Feather icons</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700">
-              Simply beautiful icons powered by the Feather icons.
-            </p>
-
-            <!-- Bootstrap/Plugin Link -->
-            <p class="mb-5">
-              <a class="text-decoration-none" href="https://feathericons.com/" target="_blank">
-                <i class="fe fe-external-link pr-1"></i>
-                Plugin documentation
-              </a>
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <span class="fe fe-activity mr-4" data-toggle="tooltip" data-placement="top" title="activity"></span>
-                <span class="fe fe-airplay mr-4" data-toggle="tooltip" data-placement="top" title="airplay"></span>
-                <span class="fe fe-alert-circle mr-4" data-toggle="tooltip" data-placement="top" title="alert-circle"></span>
-                <span class="fe fe-alert-octagon mr-4" data-toggle="tooltip" data-placement="top" title="alert-octagon"></span>
-                <span class="fe fe-alert-triangle mr-4" data-toggle="tooltip" data-placement="top" title="alert-triangle"></span>
-                <span class="fe fe-align-center mr-4" data-toggle="tooltip" data-placement="top" title="align-center"></span>
-                <span class="fe fe-align-justify mr-4" data-toggle="tooltip" data-placement="top" title="align-justify"></span>
-                <span class="fe fe-align-left mr-4" data-toggle="tooltip" data-placement="top" title="align-left"></span>
-                <span class="fe fe-align-right mr-4" data-toggle="tooltip" data-placement="top" title="align-right"></span>
-                <span class="fe fe-anchor mr-4" data-toggle="tooltip" data-placement="top" title="anchor"></span>
-                <span class="fe fe-aperture mr-4" data-toggle="tooltip" data-placement="top" title="aperture"></span>
-                <span class="fe fe-archive mr-4" data-toggle="tooltip" data-placement="top" title="archive"></span>
-                <span class="fe fe-arrow-down mr-4" data-toggle="tooltip" data-placement="top" title="arrow-down"></span>
-                <span class="fe fe-arrow-down-circle mr-4" data-toggle="tooltip" data-placement="top" title="arrow-down-circle"></span>
-                <span class="fe fe-arrow-down-left mr-4" data-toggle="tooltip" data-placement="top" title="arrow-down-left"></span>
-                <span class="fe fe-arrow-down-right mr-4" data-toggle="tooltip" data-placement="top" title="arrow-down-right"></span>
-                <span class="fe fe-arrow-left mr-4" data-toggle="tooltip" data-placement="top" title="arrow-left"></span>
-                <span class="fe fe-arrow-left-circle mr-4" data-toggle="tooltip" data-placement="top" title="arrow-left-circle"></span>
-                <span class="fe fe-arrow-right mr-4" data-toggle="tooltip" data-placement="top" title="arrow-right"></span>
-                <span class="fe fe-arrow-right-circle mr-4" data-toggle="tooltip" data-placement="top" title="arrow-right-circle"></span>
-                <span class="fe fe-arrow-up mr-4" data-toggle="tooltip" data-placement="top" title="arrow-up"></span>
-                <span class="fe fe-arrow-up-circle mr-4" data-toggle="tooltip" data-placement="top" title="arrow-up-circle"></span>
-                <span class="fe fe-arrow-up-left mr-4" data-toggle="tooltip" data-placement="top" title="arrow-up-left"></span>
-                <span class="fe fe-arrow-up-right mr-4" data-toggle="tooltip" data-placement="top" title="arrow-up-right"></span>
-                <span class="fe fe-at-sign mr-4" data-toggle="tooltip" data-placement="top" title="at-sign"></span>
-                <span class="fe fe-award mr-4" data-toggle="tooltip" data-placement="top" title="award"></span>
-                <span class="fe fe-bar-chart mr-4" data-toggle="tooltip" data-placement="top" title="bar-chart"></span>
-                <span class="fe fe-bar-chart-2 mr-4" data-toggle="tooltip" data-placement="top" title="bar-chart-2"></span>
-                <span class="fe fe-battery mr-4" data-toggle="tooltip" data-placement="top" title="battery"></span>
-                <span class="fe fe-battery-charging mr-4" data-toggle="tooltip" data-placement="top" title="battery-charging"></span>
-                <span class="fe fe-bell mr-4" data-toggle="tooltip" data-placement="top" title="bell"></span>
-                <span class="fe fe-bell-off mr-4" data-toggle="tooltip" data-placement="top" title="bell-off"></span>
-                <span class="fe fe-bluetooth mr-4" data-toggle="tooltip" data-placement="top" title="bluetooth"></span>
-                <span class="fe fe-bold mr-4" data-toggle="tooltip" data-placement="top" title="bold"></span>
-                <span class="fe fe-book mr-4" data-toggle="tooltip" data-placement="top" title="book"></span>
-                <span class="fe fe-book-open mr-4" data-toggle="tooltip" data-placement="top" title="book-open"></span>
-                <span class="fe fe-bookmark mr-4" data-toggle="tooltip" data-placement="top" title="bookmark"></span>
-                <span class="fe fe-box mr-4" data-toggle="tooltip" data-placement="top" title="box"></span>
-                <span class="fe fe-briefcase mr-4" data-toggle="tooltip" data-placement="top" title="briefcase"></span>
-                <span class="fe fe-calendar mr-4" data-toggle="tooltip" data-placement="top" title="calendar"></span>
-                <span class="fe fe-camera mr-4" data-toggle="tooltip" data-placement="top" title="camera"></span>
-                <span class="fe fe-camera-off mr-4" data-toggle="tooltip" data-placement="top" title="camera-off"></span>
-                <span class="fe fe-cast mr-4" data-toggle="tooltip" data-placement="top" title="cast"></span>
-                <span class="fe fe-check mr-4" data-toggle="tooltip" data-placement="top" title="check"></span>
-                <span class="fe fe-check-circle mr-4" data-toggle="tooltip" data-placement="top" title="check-circle"></span>
-                <span class="fe fe-check-square mr-4" data-toggle="tooltip" data-placement="top" title="check-square"></span>
-                <span class="fe fe-chevron-down mr-4" data-toggle="tooltip" data-placement="top" title="chevron-down"></span>
-                <span class="fe fe-chevron-left mr-4" data-toggle="tooltip" data-placement="top" title="chevron-left"></span>
-                <span class="fe fe-chevron-right mr-4" data-toggle="tooltip" data-placement="top" title="chevron-right"></span>
-                <span class="fe fe-chevron-up mr-4" data-toggle="tooltip" data-placement="top" title="chevron-up"></span>
-                <span class="fe fe-chevrons-down mr-4" data-toggle="tooltip" data-placement="top" title="chevrons-down"></span>
-                <span class="fe fe-chevrons-left mr-4" data-toggle="tooltip" data-placement="top" title="chevrons-left"></span>
-                <span class="fe fe-chevrons-right mr-4" data-toggle="tooltip" data-placement="top" title="chevrons-right"></span>
-                <span class="fe fe-chevrons-up mr-4" data-toggle="tooltip" data-placement="top" title="chevrons-up"></span>
-                <span class="fe fe-chrome mr-4" data-toggle="tooltip" data-placement="top" title="chrome"></span>
-                <span class="fe fe-circle mr-4" data-toggle="tooltip" data-placement="top" title="circle"></span>
-                <span class="fe fe-clipboard mr-4" data-toggle="tooltip" data-placement="top" title="clipboard"></span>
-                <span class="fe fe-clock mr-4" data-toggle="tooltip" data-placement="top" title="clock"></span>
-                <span class="fe fe-cloud mr-4" data-toggle="tooltip" data-placement="top" title="cloud"></span>
-                <span class="fe fe-cloud-drizzle mr-4" data-toggle="tooltip" data-placement="top" title="cloud-drizzle"></span>
-                <span class="fe fe-cloud-lightning mr-4" data-toggle="tooltip" data-placement="top" title="cloud-lightning"></span>
-                <span class="fe fe-cloud-off mr-4" data-toggle="tooltip" data-placement="top" title="cloud-off"></span>
-                <span class="fe fe-cloud-rain mr-4" data-toggle="tooltip" data-placement="top" title="cloud-rain"></span>
-                <span class="fe fe-cloud-snow mr-4" data-toggle="tooltip" data-placement="top" title="cloud-snow"></span>
-                <span class="fe fe-code mr-4" data-toggle="tooltip" data-placement="top" title="code"></span>
-                <span class="fe fe-command mr-4" data-toggle="tooltip" data-placement="top" title="command"></span>
-                <span class="fe fe-compass mr-4" data-toggle="tooltip" data-placement="top" title="compass"></span>
-                <span class="fe fe-copy mr-4" data-toggle="tooltip" data-placement="top" title="copy"></span>
-                <span class="fe fe-corner-down-left mr-4" data-toggle="tooltip" data-placement="top" title="corner-down-left"></span>
-                <span class="fe fe-corner-down-right mr-4" data-toggle="tooltip" data-placement="top" title="corner-down-right"></span>
-                <span class="fe fe-corner-left-down mr-4" data-toggle="tooltip" data-placement="top" title="corner-left-down"></span>
-                <span class="fe fe-corner-left-up mr-4" data-toggle="tooltip" data-placement="top" title="corner-left-up"></span>
-                <span class="fe fe-corner-right-down mr-4" data-toggle="tooltip" data-placement="top" title="corner-right-down"></span>
-                <span class="fe fe-corner-right-up mr-4" data-toggle="tooltip" data-placement="top" title="corner-right-up"></span>
-                <span class="fe fe-corner-up-left mr-4" data-toggle="tooltip" data-placement="top" title="corner-up-left"></span>
-                <span class="fe fe-corner-up-right mr-4" data-toggle="tooltip" data-placement="top" title="corner-up-right"></span>
-                <span class="fe fe-cpu mr-4" data-toggle="tooltip" data-placement="top" title="cpu"></span>
-                <span class="fe fe-credit-card mr-4" data-toggle="tooltip" data-placement="top" title="credit-card"></span>
-                <span class="fe fe-crop mr-4" data-toggle="tooltip" data-placement="top" title="crop"></span>
-                <span class="fe fe-crosshair mr-4" data-toggle="tooltip" data-placement="top" title="crosshair"></span>
-                <span class="fe fe-database mr-4" data-toggle="tooltip" data-placement="top" title="database"></span>
-                <span class="fe fe-delete mr-4" data-toggle="tooltip" data-placement="top" title="delete"></span>
-                <span class="fe fe-disc mr-4" data-toggle="tooltip" data-placement="top" title="disc"></span>
-                <span class="fe fe-dollar-sign mr-4" data-toggle="tooltip" data-placement="top" title="dollar-sign"></span>
-                <span class="fe fe-download mr-4" data-toggle="tooltip" data-placement="top" title="download"></span>
-                <span class="fe fe-download-cloud mr-4" data-toggle="tooltip" data-placement="top" title="download-cloud"></span>
-                <span class="fe fe-droplet mr-4" data-toggle="tooltip" data-placement="top" title="droplet"></span>
-                <span class="fe fe-edit mr-4" data-toggle="tooltip" data-placement="top" title="edit"></span>
-                <span class="fe fe-edit-2 mr-4" data-toggle="tooltip" data-placement="top" title="edit-2"></span>
-                <span class="fe fe-edit-3 mr-4" data-toggle="tooltip" data-placement="top" title="edit-3"></span>
-                <span class="fe fe-external-link mr-4" data-toggle="tooltip" data-placement="top" title="external-link"></span>
-                <span class="fe fe-eye mr-4" data-toggle="tooltip" data-placement="top" title="eye"></span>
-                <span class="fe fe-eye-off mr-4" data-toggle="tooltip" data-placement="top" title="eye-off"></span>
-                <span class="fe fe-facebook mr-4" data-toggle="tooltip" data-placement="top" title="facebook"></span>
-                <span class="fe fe-fast-forward mr-4" data-toggle="tooltip" data-placement="top" title="fast-forward"></span>
-                <span class="fe fe-feather mr-4" data-toggle="tooltip" data-placement="top" title="feather"></span>
-                <span class="fe fe-file mr-4" data-toggle="tooltip" data-placement="top" title="file"></span>
-                <span class="fe fe-file-minus mr-4" data-toggle="tooltip" data-placement="top" title="file-minus"></span>
-                <span class="fe fe-file-plus mr-4" data-toggle="tooltip" data-placement="top" title="file-plus"></span>
-                <span class="fe fe-file-text mr-4" data-toggle="tooltip" data-placement="top" title="file-text"></span>
-                <span class="fe fe-film mr-4" data-toggle="tooltip" data-placement="top" title="film"></span>
-                <span class="fe fe-filter mr-4" data-toggle="tooltip" data-placement="top" title="filter"></span>
-                <span class="fe fe-flag mr-4" data-toggle="tooltip" data-placement="top" title="flag"></span>
-                <span class="fe fe-folder mr-4" data-toggle="tooltip" data-placement="top" title="folder"></span>
-                <span class="fe fe-folder-minus mr-4" data-toggle="tooltip" data-placement="top" title="folder-minus"></span>
-                <span class="fe fe-folder-plus mr-4" data-toggle="tooltip" data-placement="top" title="folder-plus"></span>
-                <span class="fe fe-gift mr-4" data-toggle="tooltip" data-placement="top" title="gift"></span>
-                <span class="fe fe-git-branch mr-4" data-toggle="tooltip" data-placement="top" title="git-branch"></span>
-                <span class="fe fe-git-commit mr-4" data-toggle="tooltip" data-placement="top" title="git-commit"></span>
-                <span class="fe fe-git-merge mr-4" data-toggle="tooltip" data-placement="top" title="git-merge"></span>
-                <span class="fe fe-git-pull-request mr-4" data-toggle="tooltip" data-placement="top" title="git-pull-request"></span>
-                <span class="fe fe-github mr-4" data-toggle="tooltip" data-placement="top" title="github"></span>
-                <span class="fe fe-gitlab mr-4" data-toggle="tooltip" data-placement="top" title="gitlab"></span>
-                <span class="fe fe-globe mr-4" data-toggle="tooltip" data-placement="top" title="globe"></span>
-                <span class="fe fe-grid mr-4" data-toggle="tooltip" data-placement="top" title="grid"></span>
-                <span class="fe fe-hard-drive mr-4" data-toggle="tooltip" data-placement="top" title="hard-drive"></span>
-                <span class="fe fe-hash mr-4" data-toggle="tooltip" data-placement="top" title="hash"></span>
-                <span class="fe fe-headphones mr-4" data-toggle="tooltip" data-placement="top" title="headphones"></span>
-                <span class="fe fe-heart mr-4" data-toggle="tooltip" data-placement="top" title="heart"></span>
-                <span class="fe fe-help-circle mr-4" data-toggle="tooltip" data-placement="top" title="help-circle"></span>
-                <span class="fe fe-home mr-4" data-toggle="tooltip" data-placement="top" title="home"></span>
-                <span class="fe fe-image mr-4" data-toggle="tooltip" data-placement="top" title="image"></span>
-                <span class="fe fe-inbox mr-4" data-toggle="tooltip" data-placement="top" title="inbox"></span>
-                <span class="fe fe-info mr-4" data-toggle="tooltip" data-placement="top" title="info"></span>
-                <span class="fe fe-instagram mr-4" data-toggle="tooltip" data-placement="top" title="instagram"></span>
-                <span class="fe fe-italic mr-4" data-toggle="tooltip" data-placement="top" title="italic"></span>
-                <span class="fe fe-layers mr-4" data-toggle="tooltip" data-placement="top" title="layers"></span>
-                <span class="fe fe-layout mr-4" data-toggle="tooltip" data-placement="top" title="layout"></span>
-                <span class="fe fe-life-buoy mr-4" data-toggle="tooltip" data-placement="top" title="life-buoy"></span>
-                <span class="fe fe-link mr-4" data-toggle="tooltip" data-placement="top" title="link"></span>
-                <span class="fe fe-link-2 mr-4" data-toggle="tooltip" data-placement="top" title="link-2"></span>
-                <span class="fe fe-linkedin mr-4" data-toggle="tooltip" data-placement="top" title="linkedin"></span>
-                <span class="fe fe-list mr-4" data-toggle="tooltip" data-placement="top" title="list"></span>
-                <span class="fe fe-loader mr-4" data-toggle="tooltip" data-placement="top" title="loader"></span>
-                <span class="fe fe-lock mr-4" data-toggle="tooltip" data-placement="top" title="lock"></span>
-                <span class="fe fe-log-in mr-4" data-toggle="tooltip" data-placement="top" title="log-in"></span>
-                <span class="fe fe-log-out mr-4" data-toggle="tooltip" data-placement="top" title="log-out"></span>
-                <span class="fe fe-mail mr-4" data-toggle="tooltip" data-placement="top" title="mail"></span>
-                <span class="fe fe-map mr-4" data-toggle="tooltip" data-placement="top" title="map"></span>
-                <span class="fe fe-map-pin mr-4" data-toggle="tooltip" data-placement="top" title="map-pin"></span>
-                <span class="fe fe-maximize mr-4" data-toggle="tooltip" data-placement="top" title="maximize"></span>
-                <span class="fe fe-maximize-2 mr-4" data-toggle="tooltip" data-placement="top" title="maximize-2"></span>
-                <span class="fe fe-menu mr-4" data-toggle="tooltip" data-placement="top" title="menu"></span>
-                <span class="fe fe-message-circle mr-4" data-toggle="tooltip" data-placement="top" title="message-circle"></span>
-                <span class="fe fe-message-square mr-4" data-toggle="tooltip" data-placement="top" title="message-square"></span>
-                <span class="fe fe-mic mr-4" data-toggle="tooltip" data-placement="top" title="mic"></span>
-                <span class="fe fe-mic-off mr-4" data-toggle="tooltip" data-placement="top" title="mic-off"></span>
-                <span class="fe fe-minimize mr-4" data-toggle="tooltip" data-placement="top" title="minimize"></span>
-                <span class="fe fe-minimize-2 mr-4" data-toggle="tooltip" data-placement="top" title="minimize-2"></span>
-                <span class="fe fe-minus mr-4" data-toggle="tooltip" data-placement="top" title="minus"></span>
-                <span class="fe fe-minus-circle mr-4" data-toggle="tooltip" data-placement="top" title="minus-circle"></span>
-                <span class="fe fe-minus-square mr-4" data-toggle="tooltip" data-placement="top" title="minus-square"></span>
-                <span class="fe fe-monitor mr-4" data-toggle="tooltip" data-placement="top" title="monitor"></span>
-                <span class="fe fe-moon mr-4" data-toggle="tooltip" data-placement="top" title="moon"></span>
-                <span class="fe fe-more-horizontal mr-4" data-toggle="tooltip" data-placement="top" title="more-horizontal"></span>
-                <span class="fe fe-more-vertical mr-4" data-toggle="tooltip" data-placement="top" title="more-vertical"></span>
-                <span class="fe fe-move mr-4" data-toggle="tooltip" data-placement="top" title="move"></span>
-                <span class="fe fe-music mr-4" data-toggle="tooltip" data-placement="top" title="music"></span>
-                <span class="fe fe-navigation mr-4" data-toggle="tooltip" data-placement="top" title="navigation"></span>
-                <span class="fe fe-navigation-2 mr-4" data-toggle="tooltip" data-placement="top" title="navigation-2"></span>
-                <span class="fe fe-octagon mr-4" data-toggle="tooltip" data-placement="top" title="octagon"></span>
-                <span class="fe fe-package mr-4" data-toggle="tooltip" data-placement="top" title="package"></span>
-                <span class="fe fe-paperclip mr-4" data-toggle="tooltip" data-placement="top" title="paperclip"></span>
-                <span class="fe fe-pause mr-4" data-toggle="tooltip" data-placement="top" title="pause"></span>
-                <span class="fe fe-pause-circle mr-4" data-toggle="tooltip" data-placement="top" title="pause-circle"></span>
-                <span class="fe fe-percent mr-4" data-toggle="tooltip" data-placement="top" title="percent"></span>
-                <span class="fe fe-phone mr-4" data-toggle="tooltip" data-placement="top" title="phone"></span>
-                <span class="fe fe-phone-call mr-4" data-toggle="tooltip" data-placement="top" title="phone-call"></span>
-                <span class="fe fe-phone-forwarded mr-4" data-toggle="tooltip" data-placement="top" title="phone-forwarded"></span>
-                <span class="fe fe-phone-incoming mr-4" data-toggle="tooltip" data-placement="top" title="phone-incoming"></span>
-                <span class="fe fe-phone-missed mr-4" data-toggle="tooltip" data-placement="top" title="phone-missed"></span>
-                <span class="fe fe-phone-off mr-4" data-toggle="tooltip" data-placement="top" title="phone-off"></span>
-                <span class="fe fe-phone-outgoing mr-4" data-toggle="tooltip" data-placement="top" title="phone-outgoing"></span>
-                <span class="fe fe-pie-chart mr-4" data-toggle="tooltip" data-placement="top" title="pie-chart"></span>
-                <span class="fe fe-play mr-4" data-toggle="tooltip" data-placement="top" title="play"></span>
-                <span class="fe fe-play-circle mr-4" data-toggle="tooltip" data-placement="top" title="play-circle"></span>
-                <span class="fe fe-plus mr-4" data-toggle="tooltip" data-placement="top" title="plus"></span>
-                <span class="fe fe-plus-circle mr-4" data-toggle="tooltip" data-placement="top" title="plus-circle"></span>
-                <span class="fe fe-plus-square mr-4" data-toggle="tooltip" data-placement="top" title="plus-square"></span>
-                <span class="fe fe-pocket mr-4" data-toggle="tooltip" data-placement="top" title="pocket"></span>
-                <span class="fe fe-power mr-4" data-toggle="tooltip" data-placement="top" title="power"></span>
-                <span class="fe fe-printer mr-4" data-toggle="tooltip" data-placement="top" title="printer"></span>
-                <span class="fe fe-radio mr-4" data-toggle="tooltip" data-placement="top" title="radio"></span>
-                <span class="fe fe-refresh-ccw mr-4" data-toggle="tooltip" data-placement="top" title="refresh-ccw"></span>
-                <span class="fe fe-refresh-cw mr-4" data-toggle="tooltip" data-placement="top" title="refresh-cw"></span>
-                <span class="fe fe-repeat mr-4" data-toggle="tooltip" data-placement="top" title="repeat"></span>
-                <span class="fe fe-rewind mr-4" data-toggle="tooltip" data-placement="top" title="rewind"></span>
-                <span class="fe fe-rotate-ccw mr-4" data-toggle="tooltip" data-placement="top" title="rotate-ccw"></span>
-                <span class="fe fe-rotate-cw mr-4" data-toggle="tooltip" data-placement="top" title="rotate-cw"></span>
-                <span class="fe fe-rss mr-4" data-toggle="tooltip" data-placement="top" title="rss"></span>
-                <span class="fe fe-save mr-4" data-toggle="tooltip" data-placement="top" title="save"></span>
-                <span class="fe fe-scissors mr-4" data-toggle="tooltip" data-placement="top" title="scissors"></span>
-                <span class="fe fe-search mr-4" data-toggle="tooltip" data-placement="top" title="search"></span>
-                <span class="fe fe-send mr-4" data-toggle="tooltip" data-placement="top" title="send"></span>
-                <span class="fe fe-server mr-4" data-toggle="tooltip" data-placement="top" title="server"></span>
-                <span class="fe fe-settings mr-4" data-toggle="tooltip" data-placement="top" title="settings"></span>
-                <span class="fe fe-share mr-4" data-toggle="tooltip" data-placement="top" title="share"></span>
-                <span class="fe fe-share-2 mr-4" data-toggle="tooltip" data-placement="top" title="share-2"></span>
-                <span class="fe fe-shield mr-4" data-toggle="tooltip" data-placement="top" title="shield"></span>
-                <span class="fe fe-shield-off mr-4" data-toggle="tooltip" data-placement="top" title="shield-off"></span>
-                <span class="fe fe-shopping-bag mr-4" data-toggle="tooltip" data-placement="top" title="shopping-bag"></span>
-                <span class="fe fe-shopping-cart mr-4" data-toggle="tooltip" data-placement="top" title="shopping-cart"></span>
-                <span class="fe fe-shuffle mr-4" data-toggle="tooltip" data-placement="top" title="shuffle"></span>
-                <span class="fe fe-sidebar mr-4" data-toggle="tooltip" data-placement="top" title="sidebar"></span>
-                <span class="fe fe-skip-back mr-4" data-toggle="tooltip" data-placement="top" title="skip-back"></span>
-                <span class="fe fe-skip-forward mr-4" data-toggle="tooltip" data-placement="top" title="skip-forward"></span>
-                <span class="fe fe-slack mr-4" data-toggle="tooltip" data-placement="top" title="slack"></span>
-                <span class="fe fe-slash mr-4" data-toggle="tooltip" data-placement="top" title="slash"></span>
-                <span class="fe fe-sliders mr-4" data-toggle="tooltip" data-placement="top" title="sliders"></span>
-                <span class="fe fe-smartphone mr-4" data-toggle="tooltip" data-placement="top" title="smartphone"></span>
-                <span class="fe fe-speaker mr-4" data-toggle="tooltip" data-placement="top" title="speaker"></span>
-                <span class="fe fe-square mr-4" data-toggle="tooltip" data-placement="top" title="square"></span>
-                <span class="fe fe-star mr-4" data-toggle="tooltip" data-placement="top" title="star"></span>
-                <span class="fe fe-stop-circle mr-4" data-toggle="tooltip" data-placement="top" title="stop-circle"></span>
-                <span class="fe fe-sun mr-4" data-toggle="tooltip" data-placement="top" title="sun"></span>
-                <span class="fe fe-sunrise mr-4" data-toggle="tooltip" data-placement="top" title="sunrise"></span>
-                <span class="fe fe-sunset mr-4" data-toggle="tooltip" data-placement="top" title="sunset"></span>
-                <span class="fe fe-tablet mr-4" data-toggle="tooltip" data-placement="top" title="tablet"></span>
-                <span class="fe fe-tag mr-4" data-toggle="tooltip" data-placement="top" title="tag"></span>
-                <span class="fe fe-target mr-4" data-toggle="tooltip" data-placement="top" title="target"></span>
-                <span class="fe fe-terminal mr-4" data-toggle="tooltip" data-placement="top" title="terminal"></span>
-                <span class="fe fe-thermometer mr-4" data-toggle="tooltip" data-placement="top" title="thermometer"></span>
-                <span class="fe fe-thumbs-down mr-4" data-toggle="tooltip" data-placement="top" title="thumbs-down"></span>
-                <span class="fe fe-thumbs-up mr-4" data-toggle="tooltip" data-placement="top" title="thumbs-up"></span>
-                <span class="fe fe-toggle-left mr-4" data-toggle="tooltip" data-placement="top" title="toggle-left"></span>
-                <span class="fe fe-toggle-right mr-4" data-toggle="tooltip" data-placement="top" title="toggle-right"></span>
-                <span class="fe fe-trash mr-4" data-toggle="tooltip" data-placement="top" title="trash"></span>
-                <span class="fe fe-trash-2 mr-4" data-toggle="tooltip" data-placement="top" title="trash-2"></span>
-                <span class="fe fe-trending-down mr-4" data-toggle="tooltip" data-placement="top" title="trending-down"></span>
-                <span class="fe fe-trending-up mr-4" data-toggle="tooltip" data-placement="top" title="trending-up"></span>
-                <span class="fe fe-triangle mr-4" data-toggle="tooltip" data-placement="top" title="triangle"></span>
-                <span class="fe fe-truck mr-4" data-toggle="tooltip" data-placement="top" title="truck"></span>
-                <span class="fe fe-tv mr-4" data-toggle="tooltip" data-placement="top" title="tv"></span>
-                <span class="fe fe-twitter mr-4" data-toggle="tooltip" data-placement="top" title="twitter"></span>
-                <span class="fe fe-type mr-4" data-toggle="tooltip" data-placement="top" title="type"></span>
-                <span class="fe fe-umbrella mr-4" data-toggle="tooltip" data-placement="top" title="umbrella"></span>
-                <span class="fe fe-underline mr-4" data-toggle="tooltip" data-placement="top" title="underline"></span>
-                <span class="fe fe-unlock mr-4" data-toggle="tooltip" data-placement="top" title="unlock"></span>
-                <span class="fe fe-upload mr-4" data-toggle="tooltip" data-placement="top" title="upload"></span>
-                <span class="fe fe-upload-cloud mr-4" data-toggle="tooltip" data-placement="top" title="upload-cloud"></span>
-                <span class="fe fe-user mr-4" data-toggle="tooltip" data-placement="top" title="user"></span>
-                <span class="fe fe-user-check mr-4" data-toggle="tooltip" data-placement="top" title="user-check"></span>
-                <span class="fe fe-user-minus mr-4" data-toggle="tooltip" data-placement="top" title="user-minus"></span>
-                <span class="fe fe-user-plus mr-4" data-toggle="tooltip" data-placement="top" title="user-plus"></span>
-                <span class="fe fe-user-x mr-4" data-toggle="tooltip" data-placement="top" title="user-x"></span>
-                <span class="fe fe-users mr-4" data-toggle="tooltip" data-placement="top" title="users"></span>
-                <span class="fe fe-video mr-4" data-toggle="tooltip" data-placement="top" title="video"></span>
-                <span class="fe fe-video-off mr-4" data-toggle="tooltip" data-placement="top" title="video-off"></span>
-                <span class="fe fe-voicemail mr-4" data-toggle="tooltip" data-placement="top" title="voicemail"></span>
-                <span class="fe fe-volume mr-4" data-toggle="tooltip" data-placement="top" title="volume"></span>
-                <span class="fe fe-volume-1 mr-4" data-toggle="tooltip" data-placement="top" title="volume-1"></span>
-                <span class="fe fe-volume-2 mr-4" data-toggle="tooltip" data-placement="top" title="volume-2"></span>
-                <span class="fe fe-volume-x mr-4" data-toggle="tooltip" data-placement="top" title="volume-x"></span>
-                <span class="fe fe-watch mr-4" data-toggle="tooltip" data-placement="top" title="watch"></span>
-                <span class="fe fe-wifi mr-4" data-toggle="tooltip" data-placement="top" title="wifi"></span>
-                <span class="fe fe-wifi-off mr-4" data-toggle="tooltip" data-placement="top" title="wifi-off"></span>
-                <span class="fe fe-wind mr-4" data-toggle="tooltip" data-placement="top" title="wind"></span>
-                <span class="fe fe-x mr-4" data-toggle="tooltip" data-placement="top" title="x"></span>
-                <span class="fe fe-x-circle mr-4" data-toggle="tooltip" data-placement="top" title="x-circle"></span>
-                <span class="fe fe-x-square mr-4" data-toggle="tooltip" data-placement="top" title="x-square"></span>
-                <span class="fe fe-youtube mr-4" data-toggle="tooltip" data-placement="top" title="youtube"></span>
-                <span class="fe fe-zap mr-4" data-toggle="tooltip" data-placement="top" title="zap"></span>
-                <span class="fe fe-zap-off mr-4" data-toggle="tooltip" data-placement="top" title="zap-off"></span>
-                <span class="fe fe-zoom-in mr-4" data-toggle="tooltip" data-placement="top" title="zoom-in"></span>
-                <span class="fe fe-zoom-out mr-4" data-toggle="tooltip" data-placement="top" title="zoom-out"></span>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  <span class="hljs-tag">&lt;<span class="hljs-name">span</span>&nbsp;<span class="hljs-attr">class</span>=<span class="hljs-string">"fe&nbsp;fe-home"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">span</span>&nbsp;<span class="hljs-attr">class</span>=<span class="hljs-string">"fe&nbsp;fe-file"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">span</span>&nbsp;<span class="hljs-attr">class</span>=<span class="hljs-string">"fe&nbsp;fe-user"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">span</span>&nbsp;<span class="hljs-attr">class</span>=<span class="hljs-string">"fe&nbsp;fe-layout"</span>&gt;</span><span class="hljs-tag">&lt;/<span
-                      class="hljs-name">span</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">span</span>&nbsp;<span class="hljs-attr">class</span>=<span class="hljs-string">"fe&nbsp;fe-briefcase"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span>
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="circle">Circle</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700">
-              Create a circle variation of a feather icon by wrapping it inside an <code>.icon-circle</code> container.
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <div class="icon-circle bg-primary text-white">
-                  <i class="fe fe-arrow-down"></i>
-                </div>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;icon-circle&nbsp;bg-primary&nbsp;text-white&quot;&gt;<br />&nbsp;&nbsp;&lt;i&nbsp;class=&quot;fe&nbsp;fe-arrow-down&quot;&gt;&lt;/i&gt;<br />&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right">
-            <div class="my-7 my-lg-9 px-lg-7 border-left-lg border-gray-300">
-
-              <!-- Heading -->
-              <h6 class="text-uppercase font-weight-bold">
-                Jump to
-              </h6>
-
-              <!-- Links -->
-              <ul class="list mb-0">
-                <li class="list-item">
-                  <a class="list-link" href="#colors" data-scroll>Colors</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#sizing" data-scroll>Sizing</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#featherIcons" data-scroll>Feather icons</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#circle" data-scroll>Circle</a>
-                </li>
-              </ul>
-
-            </div>
-          </div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-
-  </body>
-</html>
diff --git a/docs/illustrations.html b/docs/illustrations.html
deleted file mode 100644
index f867718..0000000
--- a/docs/illustrations.html
+++ /dev/null
@@ -1,1250 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Illustrations
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <h1 class="mb-1" id="alerts">Illustrations</h1>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Beautiful mobile and web illustration pack. Unfortunately, we cannot share the source SVG files, however you can get them from here:
-            </p>
-
-            <!-- Bootstrap/Plugin Link -->
-            <p>
-              <a class="text-decoration-none" href="https://ui8.net/products/illustration-pack-vol-03" target="_blank">
-                <i class="fe fe-external-link pr-1"></i>
-                Source
-              </a>
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Images -->
-            <div class="row align-items-center">
-              <div class="col-4">
-
-                <!-- Image -->
-                <img class="img-fluid" data-toggle="tooltip" title="illustration-1.png" src="../assets/img/illustrations/illustration-1.png" alt="..." style="max-width: 300px;">
-
-              </div>
-              <div class="col-4">
-
-                <!-- Image -->
-                <img class="img-fluid" data-toggle="tooltip" title="illustration-1-dark.png" src="../assets/img/illustrations/illustration-1-dark.png" alt="..." style="max-width: 300px;">
-
-              </div>
-              <div class="col-4">
-
-                <!-- Image -->
-                <img class="img-fluid" data-toggle="tooltip" title="illustration-2.png" src="../assets/img/illustrations/illustration-2.png" alt="..." style="max-width: 300px;">
-
-              </div>
-              <div class="col-4">
-
-                <!-- Image -->
-                <img class="img-fluid" data-toggle="tooltip" title="illustration-3.png" src="../assets/img/illustrations/illustration-3.png" alt="..." style="max-width: 300px;">
-
-              </div>
-              <div class="col-4">
-
-                <!-- Image -->
-                <img class="img-fluid" data-toggle="tooltip" title="illustration-4.png" src="../assets/img/illustrations/illustration-4.png" alt="..." style="max-width: 300px;">
-
-              </div>
-              <div class="col-4">
-
-                <!-- Image -->
-                <img class="img-fluid" data-toggle="tooltip" title="illustration-5.png" src="../assets/img/illustrations/illustration-5.png" alt="..." style="max-width: 300px;">
-
-              </div>
-              <div class="col-4">
-
-                <!-- Image -->
-                <img class="img-fluid" data-toggle="tooltip" title="illustration-6.png" src="../assets/img/illustrations/illustration-6.png" alt="..." style="max-width: 300px;">
-
-              </div>
-              <div class="col-4">
-
-                <!-- Image -->
-                <img class="img-fluid" data-toggle="tooltip" title="illustration-7.png" src="../assets/img/illustrations/illustration-7.png" alt="..." style="max-width: 300px;">
-
-              </div>
-              <div class="col-4">
-
-                <!-- Image -->
-                <img class="img-fluid" data-toggle="tooltip" title="illustration-8.png" src="../assets/img/illustrations/illustration-8.png" alt="..." style="max-width: 300px;">
-
-              </div>
-              <div class="col-4">
-
-                <!-- Image -->
-                <img class="img-fluid" data-toggle="tooltip" title="illustration-9.png" src="../assets/img/illustrations/illustration-9.png" alt="..." style="max-width: 300px;">
-
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right"></div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-
-  </body>
-</html>
diff --git a/docs/images.html b/docs/images.html
deleted file mode 100644
index 0c3f063..0000000
--- a/docs/images.html
+++ /dev/null
@@ -1,1239 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-    
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-            
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Images
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-            
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-            
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h1 class="mb-1 mr-3">Images</h1>
-              <span class="badge rounded-pill bg-primary-soft mt-1">
-                <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-              </span>
-            </div>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Image transform utilities.
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="skewed">Skewed</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Skew an image to the left or right.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-                <div class="row">
-                  <div class="col-12 col-md-4">
-                    
-                    <div class="img-skewed img-skewed-right mb-5 mb-md-0">
-                      <img src="../assets/img/screenshots/ui/dashkit-layered.png" class="img-fluid img-skewed-item" alt="...">
-                    </div>
-
-                  </div>
-                  <div class="col-12 col-md-4">
-                    
-                    <img src="../assets/img/screenshots/ui/dashkit-layered.png" class="img-fluid mb-5 mb-md-0" alt="...">
-
-                  </div>
-                  <div class="col-12 col-md-4">
-                    
-                    <div class="img-skewed img-skewed-left mb-5 mb-md-0">
-                      <img src="../assets/img/screenshots/ui/dashkit-layered.png" class="img-fluid img-skewed-item" alt="...">
-                    </div>
-
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;img-skewed&nbsp;img-skewed-right&quot;&gt;<br/>&nbsp;&nbsp;&lt;img&nbsp;src=&quot;../assets/img/screenshots/ui/dashkit-layered.png&quot;&nbsp;class=&quot;img-fluid&nbsp;img-skewed-item&quot;&nbsp;alt=&quot;...&quot;&gt;<br/>&lt;/div&gt;<br/><br/>&lt;div&nbsp;class=&quot;img-skewed&nbsp;img-skewed-left&quot;&gt;<br/>&nbsp;&nbsp;&lt;img&nbsp;src=&quot;../assets/img/screenshots/ui/dashkit-layered.png&quot;&nbsp;class=&quot;img-fluid&nbsp;img-skewed-item&quot;&nbsp;alt=&quot;...&quot;&gt;<br/>&lt;/div&gt;<br/>
-                </code>
-              </div>
-            </div>
-            
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right">
-            <div class="my-7 my-lg-9 px-lg-7 border-left-lg border-gray-300">
-
-              <!-- Heading -->
-              <h6 class="text-uppercase font-weight-bold">
-                Jump to
-              </h6>
-
-              <!-- Links -->
-              <ul class="list mb-0">
-                <li class="list-item">
-                  <a class="list-link" href="#skewed" data-scroll>Skewed</a>
-                </li>
-              </ul>
-            
-            </div>
-          </div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-      
-  </body>
-</html>
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
deleted file mode 100644
index b2f2d0f..0000000
--- a/docs/index.html
+++ /dev/null
@@ -1,1435 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Introduction
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <h1 class="mb-1">Introduction</h1>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700 mb-5">
-              How to get started with Landkit!
-            </p>
-
-            <!-- Text -->
-            <p class="text-gray-700">
-              This guide will help you get started with Landkit! All the important stuff – compiling the source, file structure, build tools, file includes – is documented here, but should you have any questions, always feel free to reach out to support@goodthemes.co.
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold" id="newAndExtendedComponents">
-              New & extended components
-            </h3>
-
-            <!-- Text -->
-            <p class="text-gray-700">
-              Landkit extends Bootstrap by not only building on top of its existing components, but also introducing entirely new components and plugins. The best way to get an overview of this is to run through our <a href="alerts.html">components</a>.
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold" id="devSetup">
-              Dev setup
-            </h3>
-
-            <!-- Text -->
-            <p class="text-gray-700">
-              To get started, you need to do the following:
-            </p>
-
-            <!-- List -->
-            <ol class="text-gray-700">
-              <li><strong>Make sure you have Node installed</strong> since Landkit uses npm to manage dependencies. If you don't, installing is quite easy, just visit the <a href="https://nodejs.org/en/download/">Node Downloads page</a> and install it. </li>
-              <li><strong>Unzip your theme and open your command line</strong>, making sure your command line prompt is at the root of the unzipped theme directory. </li>
-              <li><strong class="badge bg-danger-soft"><code>npm install</code></strong>: Open your command line to the root directory of your unzipped theme and run to install all of Landkit's dependencies.</li>
-            </ol>
-
-            <!-- Text -->
-            <p class="text-gray-700">
-              It's that simple! If you're not used to using terminal, don't worry, this is as advanced as it gets. If you want to kill the server and stop Webpack, just hit <code>Control + C</code>.
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold" id="compiling">
-              Compiling
-            </h3>
-
-            <!-- Text -->
-            <p class="text-gray-700">
-              Webpack is used to manage Landkit development. Open your command line to the root directory of the theme to use the following commands:
-            </p>
-
-            <!-- List -->
-            <ul class="text-gray-700">
-              <li>
-                <strong class="badge bg-danger-soft"><code>npm start</code></strong>: Compile and watch the SCSS/JS/HTML, use Live Reload to update browsers instantly, start a server, and pop a tab in your default browser. Any changes made to the source files will be compiled as soon as you save the file.
-              </li>
-              <li>
-                <strong class="badge bg-danger-soft"><code>npm run build</code></strong>: Generates a <code>/dist</code> directory with all the production files.
-              </li>
-            </ul>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mb-5" id="fileStructure">
-              File structure
-            </h3>
-
-            <!-- List -->
-            <ul>
-              <li>
-                <strong>📁 dist</strong> - Generated production files
-              </li>
-              <li>
-                <strong>📁 node_modules</strong> - Directory where <code>npm</code> installs dependencies
-              </li>
-              <li>
-                <strong>📁 src</strong>
-                <ul>
-                  <li>
-                    <strong>📁 favicon</strong> - Favicon files
-                  </li>
-                  <li>
-                    <strong>📁 fonts</strong> - HK Grotesk Pro font and Feather Icon font
-                  </li>
-                  <li>
-                    <strong>📁 html</strong> - HTML source
-                  </li>
-                  <li>
-                    <strong>📁 img</strong> - Image assets
-                  </li>
-                  <li>
-                    <strong>📁 js</strong> - Javascript source
-                  </li>
-                  <li>
-                    <strong>📁 partials</strong> - HTML partials
-                  </li>
-                  <li>
-                    <strong>📁 scss</strong> - SCSS source for theme
-                  </li>
-                  <li>
-                    <strong>📁 video</strong> - Video assets
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <strong>📄 .browserslistrc</strong> - Config to share target browsers and Node.js versions between different front-end tools
-              </li>
-              <li>
-                <strong>📄 .gitignore</strong> - Hide all unnecessary files from Git
-              </li>
-              <li>
-                <strong>📄 LICENSE.md</strong> - Theme license
-              </li>
-              <li>
-                <strong>📄 package.json</strong> - List of dependencies and npm information
-              </li>
-              <li>
-                <strong>📄 package-lock.json</strong> - Describes the exact dependency tree that was generated
-              </li>
-              <li>
-                <strong>📄 README.md</strong> - Theme info
-              </li>
-              <li>
-                <strong>📄 webpack.config.js</strong> - Webpack config file
-              </li>
-            </ul>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold" id="gulpFileIncludes">
-              Handlebars Webpack Plugin
-            </h3>
-
-            <!-- Text -->
-            <p class="text-gray-700">
-              The <a href="https://www.npmjs.com/package/handlebars-webpack-plugin" target="_blank">handlebars-webpack-plugin</a> package is used to make partials easier to use for initial development. For Landkit, we only use it for a handful of components that are found on most pages. The following partials are available:
-            </p>
-
-            <!-- List -->
-            <ul class="text-gray-700">
-              <li>
-                <code>footer.html</code>
-                <ul>
-                  <li>
-                    <code>classList (string)</code> - Parameter for passing additional classnames
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <code>head.html</code>
-                <ul>
-                  <li>
-                    <code>title (string)</code> - Parameter for the page title
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <code>modals.html</code>
-              </li>
-              <li>
-                <code>navbar.html</code>
-                <ul>
-                  <li>
-                    <code>classList (string)</code> - Parameter for passing additional classnames
-                  </li>
-                  <li>
-                    <code>container (string)</code> - Parameter for passing container classname
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <code>scripts.html</code>
-              </li>
-              <li>
-                <code>sidenav.html</code>
-              </li>
-            </ul>
-
-            <!-- Text -->
-            <p class="text-gray-700">
-              Easily create new <code>.html</code> partials inside the <code>/partials</code> folder and point to them
-              from any file by specifying the path to the partial file inside <code>{{> }}</code> curly brackets.
-            </p>
-
-            <!-- Text -->
-            <p class="text-gray-700">
-              Please read the <a href="https://www.npmjs.com/package/handlebars-webpack-plugin" target="_blank">official package documentation</a> for more info.
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mb-5" id="customizingScss">
-              Customizing SCSS
-            </h3>
-
-            <!-- Text -->
-            <p class="text-gray-700">
-              There are 2 basic ways to customize your theme...
-            </p>
-
-            <!-- List -->
-            <ol class="text-gray-700">
-              <li>
-                <strong>Customizing SCSS.</strong> This is more versatile and sustainable way to customize Landkit, but requires the <code>webpack</code> compilation steps outlined above. The 2 major benefits of this strategy are using variable overrides to easily customize theme styles, plus you never have to touch Bootstrap or Landkit's source, meaning future updates will be much, much, simpler. There are 2 provided files that make this strategy simple to implement:
-                <ul>
-                  <li>
-                    <code>user-variables.scss</code>: This file can be used to override Bootstrap core and Landkit variables for customizing elements that have been tied to variables.
-                  </li>
-                  <li>
-                    <code>user.scss</code>: This file can be used for writing custom SCSS that will be compiled alongside Bootstrap and Landkit's core files.
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <strong>Compiled CSS.</strong> If you plan on using Landkit "as is", or only need limited customization, feel free to simply attach the compiled <code>theme.bundle.css</code> file in the <code>dist/assets/css</code> directory.
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right">
-            <div class="my-7 my-lg-9 px-lg-7 border-left-lg border-gray-300">
-
-              <!-- Heading -->
-              <h6 class="text-uppercase font-weight-bold">
-                Jump to
-              </h6>
-
-              <!-- Links -->
-              <ul class="list mb-0">
-                <li class="list-item">
-                  <a class="list-link" href="#newAndExtendedComponents" data-scroll>New & extended components</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#devSetup" data-scroll>Dev setup</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#compiling" data-scroll>Compiling</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#fileStructure" data-scroll>File structure</a>
-                </li>
-                <li class="list-item d-flex">
-                  <a class="list-link" href="#gulpFileIncludes" data-scroll>Handlebars Webpack Plugin</a>
-                </li>
-                <li class="list-item d-flex">
-                  <a class="list-link" href="#customizingScss" data-scroll>Customizing SCSS</a>
-                </li>
-              </ul>
-
-            </div>
-          </div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-
-  </body>
-</html>
diff --git a/docs/isotope.html b/docs/isotope.html
deleted file mode 100644
index 69da6d0..0000000
--- a/docs/isotope.html
+++ /dev/null
@@ -1,1255 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Isotope
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h1 class="mb-1 mr-3">Isotope</h1>
-              <span class="badge rounded-pill bg-primary-soft mt-1">
-                <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-              </span>
-            </div>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Filter & sort magical layouts.
-            </p>
-
-            <!-- Bootstrap/Plugin Link -->
-            <p>
-              <a class="text-decoration-none" href="https://isotope.metafizzy.co/" target="_blank">
-                <i class="fe fe-external-link pr-1"></i>
-                Plugin documentation
-              </a>
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-                <div class="row mb-7">
-                  <div class="col-12">
-
-                    <!-- Nav -->
-                    <nav class="nav justify-content-center">
-                      <a class="badge rounded-pill bg-secondary-soft active mr-1 mb-1" href="#" data-toggle="pill" data-filter="*" data-target="#portfolio">
-                        <span class="h6 text-uppercase">Primary</span>
-                      </a>
-                      <a class="badge rounded-pill bg-secondary-soft mr-1 mb-1" href="#" data-toggle="pill" data-filter=".product" data-target="#portfolio">
-                        <span class="h6 text-uppercase">Product</span>
-                      </a>
-                      <a class="badge rounded-pill bg-secondary-soft mr-1 mb-1" href="#" data-toggle="pill" data-filter=".ux" data-target="#portfolio">
-                        <span class="h6 text-uppercase">UX</span>
-                      </a>
-                      <a class="badge rounded-pill bg-secondary-soft mr-1 mb-1" href="#" data-toggle="pill" data-filter=".resources" data-target="#portfolio">
-                        <span class="h6 text-uppercase">Resources</span>
-                      </a>
-                    </nav>
-
-                  </div>
-                </div>
-                <div class="row" id="portfolio" data-isotope='{"layoutMode": "masonry"}'>
-                  <div class="col-12 col-md-4 product">
-
-                    <!-- Image -->
-                    <img class="img-fluid rounded mb-7" src="../assets/img/portfolio/portfolio-1.jpg" alt="..">
-
-                  </div>
-                  <div class="col-12 col-md-4 ux">
-
-                    <!-- Image -->
-                    <img class="img-fluid rounded mb-7" src="../assets/img/portfolio/portfolio-10.jpg" alt="..">
-
-                  </div>
-                  <div class="col-12 col-md-4 product">
-
-                    <!-- Image -->
-                    <img class="img-fluid rounded mb-7" src="../assets/img/portfolio/portfolio-11.jpg" alt="..">
-
-                  </div>
-                  <div class="col-12 col-md-4 ux">
-
-                    <!-- Image -->
-                    <img class="img-fluid rounded mb-7" src="../assets/img/portfolio/portfolio-13.jpg" alt="..">
-
-                  </div>
-                  <div class="col-12 col-md-4 resources">
-
-                    <!-- Image -->
-                    <img class="img-fluid rounded mb-7" src="../assets/img/portfolio/portfolio-12.jpg" alt="..">
-
-                  </div>
-                </div>
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;!--&nbsp;Nav&nbsp;--&gt;<br />&lt;nav&nbsp;class=&quot;nav&quot;&gt;<br />&nbsp;&nbsp;&lt;a&nbsp;href=&quot;#&quot;&nbsp;data-toggle=&quot;pill&quot;&nbsp;data-filter=&quot;*&quot;&nbsp;data-target=&quot;#portfolio&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;Primary<br />&nbsp;&nbsp;&lt;/a&gt;<br />&nbsp;&nbsp;&lt;a&nbsp;href=&quot;#&quot;&nbsp;data-toggle=&quot;pill&quot;&nbsp;data-filter=&quot;.product&quot;&nbsp;data-target=&quot;#portfolio&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;Product<br />&nbsp;&nbsp;&lt;/a&gt;<br />&nbsp;&nbsp;&lt;a&nbsp;href=&quot;#&quot;&nbsp;data-toggle=&quot;pill&quot;&nbsp;data-filter=&quot;.ux&quot;&nbsp;data-target=&quot;#portfolio&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;UX<br />&nbsp;&nbsp;&lt;/a&gt;<br />&nbsp;&nbsp;&lt;a&nbsp;href=&quot;#&quot;&nbsp;data-toggle=&quot;pill&quot;&nbsp;data-filter=&quot;.resources&quot;&nbsp;data-target=&quot;#portfolio&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;Resources<br />&nbsp;&nbsp;&lt;/a&gt;<br />&lt;/nav&gt;<br /><br />&lt;!--&nbsp;Items&nbsp;--&gt;<br />&lt;div&nbsp;class=&quot;row&quot;&nbsp;id=&quot;portfolio&quot;&nbsp;data-isotope='{&quot;layoutMode&quot;:&nbsp;&quot;masonry&quot;}'&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;col-12&nbsp;col-md-4&nbsp;product&quot;&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Image&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;class=&quot;img-fluid&nbsp;rounded&nbsp;mb-7&quot;&nbsp;src=&quot;../assets/img/portfolio/portfolio-1.jpg&quot;&nbsp;alt=&quot;..&quot;&gt;<br /><br />&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;col-12&nbsp;col-md-4&nbsp;ux&quot;&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Image&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;class=&quot;img-fluid&nbsp;rounded&nbsp;mb-7&quot;&nbsp;src=&quot;../assets/img/portfolio/portfolio-10.jpg&quot;&nbsp;alt=&quot;..&quot;&gt;<br /><br />&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;col-12&nbsp;col-md-4&nbsp;product&quot;&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Image&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;class=&quot;img-fluid&nbsp;rounded&nbsp;mb-7&quot;&nbsp;src=&quot;../assets/img/portfolio/portfolio-11.jpg&quot;&nbsp;alt=&quot;..&quot;&gt;<br /><br />&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;col-12&nbsp;col-md-4&nbsp;ux&quot;&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Image&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;class=&quot;img-fluid&nbsp;rounded&nbsp;mb-7&quot;&nbsp;src=&quot;../assets/img/portfolio/portfolio-13.jpg&quot;&nbsp;alt=&quot;..&quot;&gt;<br /><br />&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;col-12&nbsp;col-md-4&nbsp;resources&quot;&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Image&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;class=&quot;img-fluid&nbsp;rounded&nbsp;mb-7&quot;&nbsp;src=&quot;../assets/img/portfolio/portfolio-12.jpg&quot;&nbsp;alt=&quot;..&quot;&gt;<br /><br />&nbsp;&nbsp;&lt;/div&gt;<br />&lt;/div&gt;<br />
-                </code>
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right"></div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-
-  </body>
-</html>
diff --git a/docs/jarallax.html b/docs/jarallax.html
deleted file mode 100644
index fa8986e..0000000
--- a/docs/jarallax.html
+++ /dev/null
@@ -1,1255 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-    
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-            
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Jarallax
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-            
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-            
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h1 class="mb-1 mr-3">Jarallax</h1>
-              <span class="badge rounded-pill bg-primary-soft mt-1">
-                <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-              </span>
-            </div>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Smooth parallax scrolling effect for background images, videos and inline elements.
-            </p>
-
-            <!-- Bootstrap/Plugin Link -->
-            <p>
-              <a class="text-decoration-none" href="https://github.com/nk-o/jarallax" target="_blank">
-                <i class="fe fe-external-link pr-1"></i>
-                Plugin documentation
-              </a>
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="backgroundImage">Background image</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              We recommend you use Jarallax with background images to ensure compatibility with IE.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body rounded-top overflow-hidden py-14 jarallax" data-jarallax data-speed=".8" style="background-image: url(../assets/img/covers/cover-8.jpg);"></div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;jarallax&quot;&nbsp;data-jarallax&nbsp;data-speed=&quot;.8&quot;&nbsp;style=&quot;background-image:&nbsp;url(../assets/img/covers/cover-8.jpg);&quot;&gt;&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="element">Element</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Note: this is more like experimental feature, so the behavior could be changed in the future releases.
-            </p>
-
-            <!-- Card -->
-            <div class="card overflow-hidden" style="margin-bottom: 70vh;">
-              <div class="card-body">
-                
-                <p data-jarallax-element="-40">
-                  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet nisi magnam sit numquam quidem similique earum assumenda nesciunt a! Quos perspiciatis velit ipsum natus similique blanditiis possimus dignissimos inventore labore.
-                </p>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;p&nbsp;data-jarallax-element=&quot;-40&quot;&gt;<br/>&nbsp;&nbsp;Lorem&nbsp;ipsum&nbsp;dolor&nbsp;sit&nbsp;amet,&nbsp;consectetur&nbsp;adipisicing&nbsp;elit.&nbsp;Amet&nbsp;nisi&nbsp;magnam&nbsp;sit&nbsp;numquam&nbsp;quidem&nbsp;similique&nbsp;earum&nbsp;assumenda&nbsp;nesciunt&nbsp;a!&nbsp;Quos&nbsp;perspiciatis&nbsp;velit&nbsp;ipsum&nbsp;natus&nbsp;similique&nbsp;blanditiis&nbsp;possimus&nbsp;dignissimos&nbsp;inventore&nbsp;labore.<br/>&lt;/p&gt;
-                </code>
-              </div>
-            </div>
-            
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right">
-            <div class="my-7 my-lg-9 px-lg-7 border-left-lg border-gray-300">
-
-              <!-- Heading -->
-              <h6 class="text-uppercase font-weight-bold">
-                Jump to
-              </h6>
-
-              <!-- Links -->
-              <ul class="list mb-0">
-                <li class="list-item">
-                  <a class="list-link" href="#backgroundImage" data-scroll>Background image</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#element" data-scroll>Element</a>
-                </li>
-              </ul>
-            
-            </div>
-          </div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-      
-  </body>
-</html>
\ No newline at end of file
diff --git a/docs/lift.html b/docs/lift.html
deleted file mode 100644
index a571863..0000000
--- a/docs/lift.html
+++ /dev/null
@@ -1,1348 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Lift
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h1 class="mb-1 mr-3">Lift</h1>
-              <span class="badge rounded-pill bg-primary-soft mt-1">
-                <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-              </span>
-            </div>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Visually lifts an element on hover and focus.
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <div class="row mb-5">
-              <div class="col-12 col-xl-4 d-flex">
-
-                <!-- Card -->
-                <div class="card lift lift-lg mb-6 mb-xl-0 pt-14 overlay overlay-black overlay-30 bg-cover shadow-light-lg" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-
-                  <!-- Body -->
-                  <a class="card-body mt-auto" href="#!">
-
-                    <!-- Heading -->
-                    <h3 class="text-white">
-                      Background Photo + 30% Dark Overlay
-                    </h3>
-
-                    <!-- Text -->
-                    <p class="mb-0 text-white">
-                      A much lighter overlay work on darker photos, and is easy to control with utilities.
-                    </p>
-
-                  </a>
-
-                  <!-- Meta -->
-                  <a class="card-meta" href="#!">
-
-                    <!-- Divider -->
-                    <hr class="card-meta-divider bg-white-20">
-
-                    <!-- Avatar -->
-                    <div class="avatar avatar-sm mr-2">
-                      <img src="../assets/img/avatars/avatar-1.jpg" alt="..." class="avatar-img rounded-circle">
-                    </div>
-
-                    <!-- Author -->
-                    <h6 class="text-uppercase text-white-80 mr-2 mb-0">
-                      Ab Hadley
-                    </h6>
-
-                    <!-- Date -->
-                    <p class="h6 text-uppercase text-white-80 mb-0 ml-auto">
-                      <time datetime="2019-05-02">May 02</time>
-                    </p>
-
-                  </a>
-
-                </div>
-
-              </div>
-              <div class="col-12 col-xl-4 d-flex">
-
-                <!-- Card -->
-                <div class="card lift lift-lg mb-6 mb-xl-0 shadow-light-lg">
-
-                  <!-- Image -->
-                  <a class="card-img-top" href="#!">
-                    <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-                  </a>
-
-                  <div class="position-relative">
-                    <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                      <svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 48h2880V0h-720C1442.5 52 720 0 720 0H0v48z" fill="currentColor"/></svg>                    </div>
-                  </div>
-
-                  <!-- Body -->
-                  <a class="card-body" href="#!">
-
-                    <!-- Heading -->
-                    <h3>
-                      Photo on Top + 33.3% Width.
-                    </h3>
-
-                    <!-- Text -->
-                    <p class="mb-0 text-muted">
-                      The markup for this card is identical to that for the 50% Width article above.
-                    </p>
-
-                  </a>
-
-                  <!-- Meta -->
-                  <a class="card-meta" href="#!">
-
-                    <!-- Divider -->
-                    <hr class="card-meta-divider">
-
-                    <!-- Avatar -->
-                    <div class="avatar avatar-sm mr-2">
-                      <img src="../assets/img/avatars/avatar-2.jpg" alt="..." class="avatar-img rounded-circle">
-                    </div>
-
-                    <!-- Author -->
-                    <h6 class="text-uppercase text-muted mr-2 mb-0">
-                      Adolfo Hess
-                    </h6>
-
-                    <!-- Date -->
-                    <p class="h6 text-uppercase text-muted mb-0 ml-auto">
-                      <time datetime="2019-05-02">May 02</time>
-                    </p>
-
-                  </a>
-
-                </div>
-
-              </div>
-              <div class="col-12 col-xl-4 d-flex">
-
-                <!-- Card -->
-                <div class="card lift lift-lg shadow-light-lg">
-
-                  <!-- Body -->
-                  <a class="card-body my-auto" href="#!">
-
-                    <!-- Heading -->
-                    <h3 class="mt-auto">
-                      All Text Card.
-                    </h3>
-
-                    <!-- Text -->
-                    <p class="mb-0 text-muted">
-                      Notice how this card stays the same height as its siblings and this text is vertically centered (at desktop sizes). This keeps layouts looking consistent no matter what type of content occupies each sibling card.
-                    </p>
-
-                  </a>
-
-                  <!-- Meta -->
-                  <a class="card-meta" href="#!">
-
-                    <!-- Divider -->
-                    <hr class="card-meta-divider">
-
-                    <!-- Avatar -->
-                    <div class="avatar avatar-sm mr-2">
-                      <img src="../assets/img/avatars/avatar-1.jpg" alt="..." class="avatar-img rounded-circle">
-                    </div>
-
-                    <!-- Author -->
-                    <h6 class="text-uppercase text-muted mr-2 mb-0">
-                      Ab Hadley
-                    </h6>
-
-                    <!-- Date -->
-                    <p class="h6 text-uppercase text-muted mb-0 ml-auto">
-                      <time datetime="2019-05-02">May 02</time>
-                    </p>
-
-                  </a>
-
-                </div>
-
-              </div>
-            </div> <!-- / .row -->
-
-            <!-- Button -->
-            <a href="#!" class="btn btn-block btn-primary lift mb-5">
-              Lift Button
-            </a>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-footer rounded bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;card&nbsp;lift&nbsp;lift-lg&quot;&gt;<br />&nbsp;&nbsp;...<br />&lt;/div&gt;<br /><br />&lt;a&nbsp;href=&quot;#!&quot;&nbsp;class=&quot;btn&nbsp;btn-block&nbsp;btn-primary&nbsp;lift&quot;&gt;<br />&nbsp;&nbsp;Lift Button<br />&lt;/a&gt;
-                </code>
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right"></div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-
-  </body>
-</html>
diff --git a/docs/lists.html b/docs/lists.html
deleted file mode 100644
index 465e4ec..0000000
--- a/docs/lists.html
+++ /dev/null
@@ -1,1419 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Lists
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <h1 class="mb-1">Lists</h1>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              List groups are a flexible and powerful component for displaying a series of content. Modify and extend them to support just about any content within.
-            </p>
-
-            <!-- Bootstrap/Plugin Link -->
-            <p>
-              <a class="text-decoration-none" href="http://getbootstrap.com/docs/4.1/components/list-group/" target="_blank">
-                <i class="fe fe-external-link pr-1"></i>
-                Bootstrap documentation
-              </a>
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <ul class="list-group">
-                  <li class="list-group-item active">Cras justo odio</li>
-                  <li class="list-group-item">Dapibus ac facilisis in</li>
-                  <li class="list-group-item">Morbi leo risus</li>
-                  <li class="list-group-item">Porta ac consectetur ac</li>
-                  <li class="list-group-item d-flex justify-content-between align-items-center">
-                    Morbi leo risus
-                    <span class="badge bg-primary rounded-pill">1</span>
-                  </li>
-                </ul>
-
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h3 class="font-weight-bold mr-3" id="listGroupFlush">List group flush</h1>
-                <span class="badge rounded-pill bg-primary-soft mb-2">
-                  <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-                </span>
-            </div>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Remove borders and horizontal paddings with a <code>.list-group-flush</code> component.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <div class="list-group list-group-flush">
-                  <div class="list-group-item d-flex align-items-center">
-
-                    <!-- Text -->
-                    <div class="mr-auto">
-
-                      <!-- Heading -->
-                      <p class="font-weight-bold mb-1">
-                        Unlimited users. One price.
-                      </p>
-
-                      <!-- Text -->
-                      <p class="font-size-sm text-muted mb-0">
-                        We don't charge per seat, just per service.
-                      </p>
-
-                    </div>
-
-                    <!-- Check -->
-                    <div class="badge badge-rounded-circle bg-success-soft ml-4">
-                      <i class="fe fe-check"></i>
-                    </div>
-
-                  </div>
-                  <div class="list-group-item d-flex align-items-center">
-
-                    <!-- Text -->
-                    <div class="mr-auto">
-
-                      <!-- Heading -->
-                      <p class="font-weight-bold mb-1">
-                        Guaranteed 100% uptime
-                      </p>
-
-                      <!-- Text -->
-                      <p class="font-size-sm text-muted mb-0">
-                        Our server network never goes down.
-                      </p>
-
-                    </div>
-
-                    <!-- Check -->
-                    <div class="badge badge-rounded-circle bg-success-soft ml-4">
-                      <i class="fe fe-check"></i>
-                    </div>
-
-                  </div>
-                  <div class="list-group-item d-flex align-items-center">
-
-                    <!-- Text -->
-                    <div class="mr-auto">
-
-                      <!-- Heading -->
-                      <p class="font-weight-bold mb-1">
-                        Lifetime storage *
-                      </p>
-
-                      <!-- Text -->
-                      <p class="font-size-sm text-muted mb-0">
-                        We store all your data forever. No extra charge.
-                      </p>
-
-                    </div>
-
-                    <!-- Check -->
-                    <div class="badge badge-rounded-circle bg-success-soft ml-4">
-                      <i class="fe fe-check"></i>
-                    </div>
-
-                  </div>
-                  <div class="list-group-item d-flex align-items-center">
-
-                    <!-- Text -->
-                    <div class="mr-auto">
-
-                      <!-- Heading -->
-                      <p class="font-weight-bold mb-1">
-                        256-bit encryption
-                      </p>
-
-                      <!-- Text -->
-                      <p class="font-size-sm text-muted mb-0">
-                        Keep your communication and data safe.
-                      </p>
-
-                    </div>
-
-                    <!-- Check -->
-                    <div class="badge badge-rounded-circle bg-success-soft ml-4">
-                      <i class="fe fe-check"></i>
-                    </div>
-
-                  </div>
-                </div>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;list-group&nbsp;list-group-flush&quot;&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;list-group-item&nbsp;d-flex&nbsp;align-items-center&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Text&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class=&quot;mr-auto&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Heading&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&nbsp;class=&quot;font-weight-bold&nbsp;mb-1&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Unlimited&nbsp;users.&nbsp;One&nbsp;price.<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/p&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Text&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&nbsp;class=&quot;font-size-sm&nbsp;text-muted&nbsp;mb-0&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;We&nbsp;don't&nbsp;charge&nbsp;per&nbsp;seat,&nbsp;just&nbsp;per&nbsp;service.<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/p&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Check&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class=&quot;badge&nbsp;badge-rounded-circle&nbsp;bg-success-soft&nbsp;ml-4&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;i&nbsp;class=&quot;fe&nbsp;fe-check&quot;&gt;&lt;/i&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br /><br />&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;list-group-item&nbsp;d-flex&nbsp;align-items-center&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Text&nbsp;--&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class=&quot;mr-auto&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Heading&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&nbsp;class=&quot;font-weight-bold&nbsp;mb-1&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Guaranteed&nbsp;100%&nbsp;uptime<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/p&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Text&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&nbsp;class=&quot;font-size-sm&nbsp;text-muted&nbsp;mb-0&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Our&nbsp;server&nbsp;network&nbsp;never&nbsp;goes&nbsp;down.<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/p&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Check&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class=&quot;badge&nbsp;badge-rounded-circle&nbsp;bg-success-soft&nbsp;ml-4&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;i&nbsp;class=&quot;fe&nbsp;fe-check&quot;&gt;&lt;/i&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br /><br />&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;list-group-item&nbsp;d-flex&nbsp;align-items-center&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Text&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class=&quot;mr-auto&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Heading&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&nbsp;class=&quot;font-weight-bold&nbsp;mb-1&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Lifetime&nbsp;storage&nbsp;*<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/p&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Text&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&nbsp;class=&quot;font-size-sm&nbsp;text-muted&nbsp;mb-0&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;We&nbsp;store&nbsp;all&nbsp;your&nbsp;data&nbsp;forever.&nbsp;No&nbsp;extra&nbsp;charge.<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/p&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Check&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class=&quot;badge&nbsp;badge-rounded-circle&nbsp;bg-success-soft&nbsp;ml-4&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;i&nbsp;class=&quot;fe&nbsp;fe-check&quot;&gt;&lt;/i&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br /><br />&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;list-group-item&nbsp;d-flex&nbsp;align-items-center&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Text&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class=&quot;mr-auto&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Heading&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&nbsp;class=&quot;font-weight-bold&nbsp;mb-1&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;256-bit&nbsp;encryption<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/p&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Text&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&nbsp;class=&quot;font-size-sm&nbsp;text-muted&nbsp;mb-0&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Keep&nbsp;your&nbsp;communication&nbsp;and&nbsp;data&nbsp;safe.<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/p&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--&nbsp;Check&nbsp;--&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class=&quot;badge&nbsp;badge-rounded-circle&nbsp;bg-success-soft&nbsp;ml-4&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;i&nbsp;class=&quot;fe&nbsp;fe-check&quot;&gt;&lt;/i&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br /><br />&nbsp;&nbsp;&lt;/div&gt;<br />&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h3 class="font-weight-bold mr-3" id="list">List</h1>
-                <span class="badge rounded-pill bg-primary-soft mb-2">
-                  <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-                </span>
-            </div>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Creates a simple styled list of links.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="#!">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="#!">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="#!">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="#!">Lift</a>
-                  </li>
-                </ul>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;ul&nbsp;class=&quot;list&nbsp;mb-0&quot;&gt;<br />&nbsp;&nbsp;&lt;li&nbsp;class=&quot;list-item&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;a&nbsp;class=&quot;list-link&quot;&nbsp;href=&quot;background.html&quot;&gt;Background&lt;/a&gt;<br />&nbsp;&nbsp;&lt;/li&gt;<br />&nbsp;&nbsp;&lt;li&nbsp;class=&quot;list-item&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;a&nbsp;class=&quot;list-link&quot;&nbsp;href=&quot;borders.html&quot;&gt;Borders&lt;/a&gt;<br />&nbsp;&nbsp;&lt;/li&gt;<br />&nbsp;&nbsp;&lt;li&nbsp;class=&quot;list-item&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;a&nbsp;class=&quot;list-link&quot;&nbsp;href=&quot;images.html&quot;&gt;Images&lt;/a&gt;<br />&nbsp;&nbsp;&lt;/li&gt;<br />&nbsp;&nbsp;&lt;li&nbsp;class=&quot;list-item&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;a&nbsp;class=&quot;list-link&quot;&nbsp;href=&quot;lift.html&quot;&gt;Lift&lt;/a&gt;<br />&nbsp;&nbsp;&lt;/li&gt;<br />&lt;/ul&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <ul class="card-list list mb-0">
-                  <li class="list-item active">
-                    <a class="list-link" href="#!">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="#!">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="#!">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="#!">Lift</a>
-                  </li>
-                </ul>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;ul&nbsp;class=&quot;card-list&nbsp;list&nbsp;mb-0&quot;&gt;<br />&nbsp;&nbsp;&lt;li&nbsp;class=&quot;list-item&nbsp;active&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;a&nbsp;class=&quot;list-link&quot;&nbsp;href=&quot;background.html&quot;&gt;Background&lt;/a&gt;<br />&nbsp;&nbsp;&lt;/li&gt;<br />&nbsp;&nbsp;&lt;li&nbsp;class=&quot;list-item&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;a&nbsp;class=&quot;list-link&quot;&nbsp;href=&quot;borders.html&quot;&gt;Borders&lt;/a&gt;<br />&nbsp;&nbsp;&lt;/li&gt;<br />&nbsp;&nbsp;&lt;li&nbsp;class=&quot;list-item&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;a&nbsp;class=&quot;list-link&quot;&nbsp;href=&quot;images.html&quot;&gt;Images&lt;/a&gt;<br />&nbsp;&nbsp;&lt;/li&gt;<br />&nbsp;&nbsp;&lt;li&nbsp;class=&quot;list-item&quot;&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;a&nbsp;class=&quot;list-link&quot;&nbsp;href=&quot;lift.html&quot;&gt;Lift&lt;/a&gt;<br />&nbsp;&nbsp;&lt;/li&gt;<br />&lt;/ul&gt;
-                </code>
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right">
-            <div class="my-7 my-lg-9 px-lg-7 border-left-lg border-gray-300">
-
-              <!-- Heading -->
-              <h6 class="text-uppercase font-weight-bold">
-                Jump to
-              </h6>
-
-              <!-- Links -->
-              <ul class="list mb-0">
-                <li class="list-item">
-                  <a class="list-link" href="#listGroupFlush" data-scroll>List group flush</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#list" data-scroll>List</a>
-                </li>
-              </ul>
-
-            </div>
-          </div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-
-  </body>
-</html>
diff --git a/docs/map.html b/docs/map.html
deleted file mode 100644
index 6bcd763..0000000
--- a/docs/map.html
+++ /dev/null
@@ -1,1219 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Map
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h1 class="mb-1 mr-3">Map</h1>
-              <span class="badge rounded-pill bg-primary-soft mt-1">
-                <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-              </span>
-            </div>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Adds an interactive map powered by Mapbox.
-            </p>
-
-            <!-- Bootstrap/Plugin Link -->
-            <p>
-              <a class="text-decoration-none" href="https://www.mapbox.com/" target="_blank">
-                <i class="fe fe-external-link pr-1"></i>
-                Plugin documentation
-              </a>
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Text -->
-            <p class="text-gray-700">
-              To enable the Mapbox map on your website, you'll need a Mapbox access token. Mapbox uses access tokens to associate API requests with your account. You can create a new access token on your <a href="https://account.mapbox.com/access-tokens" target="_blank">Access Tokens page</a> or programmatically using the <a href="https://docs.mapbox.com/api/accounts/#tokens" target="_blank">Mapbox Tokens API</a>. Once a new access token is created, please replace the original access token at <code>src/assets/js/map.js</code> with the new one.
-            </p>
-
-            <!-- List -->
-            <ul class="text-gray-700 mb-5">
-              <li>
-                <code>data-map='{"center": [-118.244615, 34.052979], "zoom": 12}'</code> - initializes the map plugin. Please see the official plugin documentation for a full list of options.
-              </li>
-            </ul>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <div class="embed-responsive embed-responsive-21by9">
-                  <div class="embed-responsive-item" data-map='{"center": [-118.244615, 34.052979], "zoom": 12}'></div>
-                </div>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;embed-responsive&nbsp;embed-responsive-21by9&quot;&gt;<br />&nbsp;&nbsp;&lt;div&nbsp;class=&quot;embed-responsive-item&quot;&nbsp;data-map='{&quot;center&quot;:&nbsp;[-118.244615,&nbsp;34.052979],&nbsp;&quot;zoom&quot;:&nbsp;12}'&gt;&lt;/div&gt;<br />&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right"></div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-
-  </body>
-</html>
diff --git a/docs/modal.html b/docs/modal.html
deleted file mode 100644
index a59ee85..0000000
--- a/docs/modal.html
+++ /dev/null
@@ -1,1627 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-            
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Modal
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-            
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-            
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <h1 class="mb-1">Modal</h1>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.
-            </p>
-
-            <!-- Bootstrap/Plugin Link -->
-            <p>
-              <a class="text-decoration-none" href="http://getbootstrap.com/docs/4.1/components/modal/" target="_blank">
-                <i class="fe fe-external-link pr-1"></i>
-                Bootstrap documentation
-              </a>
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <button class="btn btn-primary" data-toggle="modal" data-target="#modalExample">
-                  Launch demo modal
-                </button>
-                
-              </div>
-            </div>
-            
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right"></div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-      
-  </body>
-</html>
\ No newline at end of file
diff --git a/docs/navbar.html b/docs/navbar.html
deleted file mode 100644
index 9984410..0000000
--- a/docs/navbar.html
+++ /dev/null
@@ -1,2699 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Navbar
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-9 col-xl-10 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <h1 class="mb-1">Navbar</h1>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Powerful and responsive navigation header, the navbar. Includes support for branding, navigation, and more, including support for the collapse plugin.
-            </p>
-
-            <!-- Bootstrap/Plugin Link -->
-            <p>
-              <a class="text-decoration-none" href="http://getbootstrap.com/docs/4.1/components/navbar/" target="_blank">
-                <i class="fe fe-external-link pr-1"></i>
-                Bootstrap documentation
-              </a>
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <nav class="navbar navbar-light navbar-expand-lg border-bottom mb-3" style="z-index: 4;">
-
-                  <!-- Brand -->
-                  <a class="navbar-brand" href="index.html">
-                    <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-                  </a>
-
-                  <!-- Toggler -->
-                  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                    <span class="navbar-toggler-icon"></span>
-                  </button>
-
-                  <!-- Collapse -->
-                  <div class="collapse navbar-collapse">
-
-                    <!-- Navigation -->
-                    <ul class="navbar-nav ml-auto">
-                      <li class="nav-item dropdown">
-                        <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                          Landings
-                        </a>
-                        <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                          <div class="row gx-0">
-                            <div class="col-12 col-lg-6">
-                              <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-
-                                <!-- Heading -->
-                                <h4 class="font-weight-bold text-white mb-0">
-                                  Want to see an overview?
-                                </h4>
-
-                                <!-- Text -->
-                                <p class="font-size-sm text-white">
-                                  See all the pages at once.
-                                </p>
-
-                                <!-- Button -->
-                                <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                                  View all pages
-                                </a>
-
-                              </div>
-                            </div>
-                            <div class="col-12 col-lg-6">
-                              <div class="dropdown-body">
-                                <div class="row gx-0">
-                                  <div class="col-6">
-
-                                    <!-- Heading -->
-                                    <h6 class="dropdown-header">
-                                      Services
-                                    </h6>
-
-                                    <!-- List -->
-                                    <a class="dropdown-item" href="../coworking.html">
-                                      Coworking
-                                    </a>
-                                    <a class="dropdown-item" href="../rental.html">
-                                      Rental
-                                    </a>
-                                    <a class="dropdown-item mb-5" href="../job.html">
-                                      Job Listing
-                                    </a>
-
-                                    <!-- Heading -->
-                                    <h6 class="dropdown-header">
-                                      Apps
-                                    </h6>
-
-                                    <!-- List -->
-                                    <a class="dropdown-item" href="../desktop-app.html">
-                                      Desktop
-                                    </a>
-                                    <a class="dropdown-item" href="../mobile-app.html">
-                                      Mobile
-                                    </a>
-
-                                  </div>
-                                  <div class="col-6">
-
-                                    <!-- Heading -->
-                                    <h6 class="dropdown-header">
-                                      Web
-                                    </h6>
-
-                                    <!-- List -->
-                                    <a class="dropdown-item" href="../index.html">
-                                      Basic
-                                    </a>
-                                    <a class="dropdown-item" href="../enterprise.html">
-                                      Enterprise
-                                    </a>
-                                    <a class="dropdown-item" href="../service.html">
-                                      Service
-                                    </a>
-                                    <a class="dropdown-item" href="../cloud.html">
-                                      Cloud Hosting
-                                    </a>
-
-                                  </div>
-                                </div> <!-- / .row -->
-                              </div>
-                            </div>
-                          </div> <!-- / .row -->
-                        </div>
-                      </li>
-                      <li class="nav-item dropdown">
-                        <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                          Pages
-                        </a>
-                        <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                          <div class="row gx-0">
-                            <div class="col-6 col-lg-4">
-
-                              <!-- Heading -->
-                              <h6 class="dropdown-header">
-                                Career
-                              </h6>
-
-                              <!-- List -->
-                              <a class="dropdown-item" href="../careers.html">
-                                Listing
-                              </a>
-                              <a class="dropdown-item mb-5" href="../career-single.html">
-                                Opening
-                              </a>
-
-                              <!-- Heading -->
-                              <h6 class="dropdown-header">
-                                Company
-                              </h6>
-
-                              <!-- List -->
-                              <a class="dropdown-item" href="../about.html">
-                                About
-                              </a>
-                              <a class="dropdown-item" href="../pricing.html">
-                                Pricing
-                              </a>
-                              <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                                Terms
-                              </a>
-
-                            </div>
-                            <div class="col-6 col-lg-4">
-
-                              <!-- Heading -->
-                              <h6 class="dropdown-header">
-                                Help center
-                              </h6>
-
-                              <!-- List -->
-                              <a class="dropdown-item" href="../help-center.html">
-                                Overview
-                              </a>
-                              <a class="dropdown-item mb-5" href="../help-center-article.html">
-                                Article
-                              </a>
-
-                              <!-- Heading -->
-                              <h6 class="dropdown-header">
-                                Contact
-                              </h6>
-
-                              <!-- List -->
-                              <a class="dropdown-item" href="../contact.html">
-                                Basic
-                              </a>
-                              <a class="dropdown-item" href="../contact-alt.html">
-                                Cover
-                              </a>
-
-                            </div>
-                            <div class="col-6 col-lg-4">
-
-                              <!-- Heading -->
-                              <h6 class="dropdown-header">
-                                Blog
-                              </h6>
-
-                              <!-- List -->
-                              <a class="dropdown-item" href="../blog.html">
-                                Rich View
-                              </a>
-                              <a class="dropdown-item" href="../blog-post.html">
-                                Article
-                              </a>
-                              <a class="dropdown-item" href="../blog-showcase.html">
-                                Showcase
-                              </a>
-                              <a class="dropdown-item" href="../blog-search.html">
-                                Search
-                              </a>
-
-                            </div>
-                          </div>
-                        </div> <!-- / .row -->
-                      </li>
-                      <li class="nav-item dropdown">
-                        <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                          Account
-                        </a>
-                        <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                          <li class="dropdown-item dropright">
-                            <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                              Sign In
-                            </a>
-                            <div class="dropdown-menu">
-                              <a class="dropdown-item" href="signin-cover.html">
-                                Side Cover
-                              </a>
-                              <a class="dropdown-item" href="signin-illustration.html">
-                                Illustration
-                              </a>
-                              <a class="dropdown-item" href="signin.html">
-                                Basic
-                              </a>
-                              <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                                Modal Horizontal
-                              </a>
-                              <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                                Modal Vertical
-                              </a>
-                            </div>
-                          </li>
-                          <li class="dropdown-item dropright">
-                            <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                              Sign Up
-                            </a>
-                            <div class="dropdown-menu">
-                              <a class="dropdown-item" href="signup-cover.html">
-                                Side Cover
-                              </a>
-                              <a class="dropdown-item" href="signup-illustration.html">
-                                Illustration
-                              </a>
-                              <a class="dropdown-item" href="signup.html">
-                                Basic
-                              </a>
-                              <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                                Modal Horizontal
-                              </a>
-                              <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                                Modal Vertical
-                              </a>
-                            </div>
-                          </li>
-                          <li class="dropdown-item dropright">
-                            <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                              Password Reset
-                            </a>
-                            <div class="dropdown-menu">
-                              <a class="dropdown-item" href="password-reset-cover.html">
-                                Side Cover
-                              </a>
-                              <a class="dropdown-item" href="password-reset-illustration.html">
-                                Illustration
-                              </a>
-                              <a class="dropdown-item" href="password-reset.html">
-                                Basic
-                              </a>
-                            </div>
-                          </li>
-                          <li class="dropdown-item dropright">
-                            <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                              Error
-                            </a>
-                            <div class="dropdown-menu">
-                              <a class="dropdown-item" href="error-cover.html">
-                                Side Cover
-                              </a>
-                              <a class="dropdown-item" href="error-illustration.html">
-                                Illustration
-                              </a>
-                              <a class="dropdown-item" href="error.html">
-                                Basic
-                              </a>
-                            </div>
-                          </li>
-                        </ul>
-                      </li>
-                      <li class="nav-item dropdown">
-                        <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                          Documentation
-                        </a>
-                        <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                          <div class="list-group list-group-flush">
-                            <a class="list-group-item" href="../docs/index.html">
-
-                              <!-- Icon -->
-                              <div class="icon icon-sm text-primary">
-                                <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                              </div>
-
-                              <!-- Content -->
-                              <div class="ml-4">
-
-                                <!-- Heading -->
-                                <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                                  Documentation
-                                </h6>
-
-                                <!-- Text -->
-                                <p class="font-size-sm text-gray-700 mb-0">
-                                  Customizing and building
-                                </p>
-
-                              </div>
-
-                            </a>
-                            <a class="list-group-item" href="../docs/alerts.html">
-
-                              <!-- Icon -->
-                              <div class="icon icon-sm text-primary">
-                                <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                              </div>
-
-                              <!-- Content -->
-                              <div class="ml-4">
-
-                                <!-- Heading -->
-                                <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                                  Components
-                                </h6>
-
-                                <!-- Text -->
-                                <p class="font-size-sm text-gray-700 mb-0">
-                                  Full list of components
-                                </p>
-
-                              </div>
-
-                            </a>
-                            <a class="list-group-item" href="../docs/changelog.html">
-
-                              <!-- Icon -->
-                              <div class="icon icon-sm text-primary">
-                                <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                              </div>
-
-                              <!-- Content -->
-                              <div class="ml-4">
-
-                                <!-- Heading -->
-                                <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                                  Changelog
-                                </h6>
-
-                                <!-- Text -->
-                                <p class="font-size-sm text-gray-700 mb-0">
-                                  Keep track of changes
-                                </p>
-
-                              </div>
-
-                              <!-- Badge -->
-                              <span class="badge rounded-pill bg-primary-soft ml-auto">
-                                1.0
-                              </span>
-
-                            </a>
-                          </div>
-                        </div>
-                      </li>
-                    </ul>
-
-                    <!-- Button -->
-                    <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="#!">
-                      Buy now
-                    </a>
-
-                  </div>
-
-                </nav>
-
-                <nav class="navbar navbar-light navbar-expand-lg border-bottom mb-3" style="z-index: 3;">
-
-                  <!-- Brand -->
-                  <a class="navbar-brand" href="index.html">
-                    <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-                  </a>
-
-                  <!-- Toggler -->
-                  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                    <span class="navbar-toggler-icon"></span>
-                  </button>
-
-                  <!-- Collapse -->
-                  <div class="collapse navbar-collapse">
-
-                    <!-- Search -->
-                    <form class="form-inline ml-auto">
-                      <input type="search" class="form-control form-control-sm" placeholder="Search">
-                    </form>
-
-                    <!-- Avatar -->
-                    <a href="#" class="avatar avatar-online ml-5" data-toggle="dropdown">
-                      <img src="../assets/img/avatars/avatar-1.jpg" alt="..." class="avatar-img rounded-circle">
-                    </a>
-
-                  </div>
-
-                </nav>
-
-                <nav class="navbar navbar-light navbar-expand-lg border-bottom mb-3" style="z-index: 2;">
-
-                  <!-- Brand -->
-                  <a class="navbar-brand" href="index.html">
-                    <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-                  </a>
-
-                  <!-- Toggler -->
-                  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                    <span class="navbar-toggler-icon"></span>
-                  </button>
-
-                  <!-- Collapse -->
-                  <div class="collapse navbar-collapse">
-
-                    <!-- Navigation -->
-                    <ul class="navbar-nav ml-auto">
-                      <li class="nav-item dropdown">
-                        <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                          Landings
-                        </a>
-                        <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                          <div class="row gx-0">
-                            <div class="col-12 col-lg-6">
-                              <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-
-                                <!-- Heading -->
-                                <h4 class="font-weight-bold text-white mb-0">
-                                  Want to see an overview?
-                                </h4>
-
-                                <!-- Text -->
-                                <p class="font-size-sm text-white">
-                                  See all the pages at once.
-                                </p>
-
-                                <!-- Button -->
-                                <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                                  View all pages
-                                </a>
-
-                              </div>
-                            </div>
-                            <div class="col-12 col-lg-6">
-                              <div class="dropdown-body">
-                                <div class="row gx-0">
-                                  <div class="col-6">
-
-                                    <!-- Heading -->
-                                    <h6 class="dropdown-header">
-                                      Services
-                                    </h6>
-
-                                    <!-- List -->
-                                    <a class="dropdown-item" href="../coworking.html">
-                                      Coworking
-                                    </a>
-                                    <a class="dropdown-item" href="../rental.html">
-                                      Rental
-                                    </a>
-                                    <a class="dropdown-item mb-5" href="../job.html">
-                                      Job Listing
-                                    </a>
-
-                                    <!-- Heading -->
-                                    <h6 class="dropdown-header">
-                                      Apps
-                                    </h6>
-
-                                    <!-- List -->
-                                    <a class="dropdown-item" href="../desktop-app.html">
-                                      Desktop
-                                    </a>
-                                    <a class="dropdown-item" href="../mobile-app.html">
-                                      Mobile
-                                    </a>
-
-                                  </div>
-                                  <div class="col-6">
-
-                                    <!-- Heading -->
-                                    <h6 class="dropdown-header">
-                                      Web
-                                    </h6>
-
-                                    <!-- List -->
-                                    <a class="dropdown-item" href="../index.html">
-                                      Basic
-                                    </a>
-                                    <a class="dropdown-item" href="../enterprise.html">
-                                      Enterprise
-                                    </a>
-                                    <a class="dropdown-item" href="../service.html">
-                                      Service
-                                    </a>
-                                    <a class="dropdown-item" href="../cloud.html">
-                                      Cloud Hosting
-                                    </a>
-
-                                  </div>
-                                </div> <!-- / .row -->
-                              </div>
-                            </div>
-                          </div> <!-- / .row -->
-                        </div>
-                      </li>
-                      <li class="nav-item dropdown">
-                        <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                          Pages
-                        </a>
-                        <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                          <div class="row gx-0">
-                            <div class="col-6 col-lg-4">
-
-                              <!-- Heading -->
-                              <h6 class="dropdown-header">
-                                Career
-                              </h6>
-
-                              <!-- List -->
-                              <a class="dropdown-item" href="../careers.html">
-                                Listing
-                              </a>
-                              <a class="dropdown-item mb-5" href="../career-single.html">
-                                Opening
-                              </a>
-
-                              <!-- Heading -->
-                              <h6 class="dropdown-header">
-                                Company
-                              </h6>
-
-                              <!-- List -->
-                              <a class="dropdown-item" href="../about.html">
-                                About
-                              </a>
-                              <a class="dropdown-item" href="../pricing.html">
-                                Pricing
-                              </a>
-                              <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                                Terms
-                              </a>
-
-                            </div>
-                            <div class="col-6 col-lg-4">
-
-                              <!-- Heading -->
-                              <h6 class="dropdown-header">
-                                Help center
-                              </h6>
-
-                              <!-- List -->
-                              <a class="dropdown-item" href="../help-center.html">
-                                Overview
-                              </a>
-                              <a class="dropdown-item mb-5" href="../help-center-article.html">
-                                Article
-                              </a>
-
-                              <!-- Heading -->
-                              <h6 class="dropdown-header">
-                                Contact
-                              </h6>
-
-                              <!-- List -->
-                              <a class="dropdown-item" href="../contact.html">
-                                Basic
-                              </a>
-                              <a class="dropdown-item" href="../contact-alt.html">
-                                Cover
-                              </a>
-
-                            </div>
-                            <div class="col-6 col-lg-4">
-
-                              <!-- Heading -->
-                              <h6 class="dropdown-header">
-                                Blog
-                              </h6>
-
-                              <!-- List -->
-                              <a class="dropdown-item" href="../blog.html">
-                                Rich View
-                              </a>
-                              <a class="dropdown-item" href="../blog-post.html">
-                                Article
-                              </a>
-                              <a class="dropdown-item" href="../blog-showcase.html">
-                                Showcase
-                              </a>
-                              <a class="dropdown-item" href="../blog-search.html">
-                                Search
-                              </a>
-
-                            </div>
-                          </div>
-                        </div> <!-- / .row -->
-                      </li>
-                      <li class="nav-item dropdown">
-                        <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                          Account
-                        </a>
-                        <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                          <li class="dropdown-item dropright">
-                            <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                              Sign In
-                            </a>
-                            <div class="dropdown-menu">
-                              <a class="dropdown-item" href="signin-cover.html">
-                                Side Cover
-                              </a>
-                              <a class="dropdown-item" href="signin-illustration.html">
-                                Illustration
-                              </a>
-                              <a class="dropdown-item" href="signin.html">
-                                Basic
-                              </a>
-                              <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                                Modal Horizontal
-                              </a>
-                              <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                                Modal Vertical
-                              </a>
-                            </div>
-                          </li>
-                          <li class="dropdown-item dropright">
-                            <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                              Sign Up
-                            </a>
-                            <div class="dropdown-menu">
-                              <a class="dropdown-item" href="signup-cover.html">
-                                Side Cover
-                              </a>
-                              <a class="dropdown-item" href="signup-illustration.html">
-                                Illustration
-                              </a>
-                              <a class="dropdown-item" href="signup.html">
-                                Basic
-                              </a>
-                              <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                                Modal Horizontal
-                              </a>
-                              <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                                Modal Vertical
-                              </a>
-                            </div>
-                          </li>
-                          <li class="dropdown-item dropright">
-                            <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                              Password Reset
-                            </a>
-                            <div class="dropdown-menu">
-                              <a class="dropdown-item" href="password-reset-cover.html">
-                                Side Cover
-                              </a>
-                              <a class="dropdown-item" href="password-reset-illustration.html">
-                                Illustration
-                              </a>
-                              <a class="dropdown-item" href="password-reset.html">
-                                Basic
-                              </a>
-                            </div>
-                          </li>
-                          <li class="dropdown-item dropright">
-                            <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                              Error
-                            </a>
-                            <div class="dropdown-menu">
-                              <a class="dropdown-item" href="error-cover.html">
-                                Side Cover
-                              </a>
-                              <a class="dropdown-item" href="error-illustration.html">
-                                Illustration
-                              </a>
-                              <a class="dropdown-item" href="error.html">
-                                Basic
-                              </a>
-                            </div>
-                          </li>
-                        </ul>
-                      </li>
-                      <li class="nav-item dropdown">
-                        <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                          Documentation
-                        </a>
-                        <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                          <div class="list-group list-group-flush">
-                            <a class="list-group-item" href="../docs/index.html">
-
-                              <!-- Icon -->
-                              <div class="icon icon-sm text-primary">
-                                <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                              </div>
-
-                              <!-- Content -->
-                              <div class="ml-4">
-
-                                <!-- Heading -->
-                                <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                                  Documentation
-                                </h6>
-
-                                <!-- Text -->
-                                <p class="font-size-sm text-gray-700 mb-0">
-                                  Customizing and building
-                                </p>
-
-                              </div>
-
-                            </a>
-                            <a class="list-group-item" href="../docs/alerts.html">
-
-                              <!-- Icon -->
-                              <div class="icon icon-sm text-primary">
-                                <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                              </div>
-
-                              <!-- Content -->
-                              <div class="ml-4">
-
-                                <!-- Heading -->
-                                <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                                  Components
-                                </h6>
-
-                                <!-- Text -->
-                                <p class="font-size-sm text-gray-700 mb-0">
-                                  Full list of components
-                                </p>
-
-                              </div>
-
-                            </a>
-                            <a class="list-group-item" href="../docs/changelog.html">
-
-                              <!-- Icon -->
-                              <div class="icon icon-sm text-primary">
-                                <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                              </div>
-
-                              <!-- Content -->
-                              <div class="ml-4">
-
-                                <!-- Heading -->
-                                <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                                  Changelog
-                                </h6>
-
-                                <!-- Text -->
-                                <p class="font-size-sm text-gray-700 mb-0">
-                                  Keep track of changes
-                                </p>
-
-                              </div>
-
-                              <!-- Badge -->
-                              <span class="badge rounded-pill bg-primary-soft ml-auto">
-                                1.0
-                              </span>
-
-                            </a>
-                          </div>
-                        </div>
-                      </li>
-                    </ul>
-
-                  </div>
-
-                </nav>
-
-                <nav class="navbar navbar-light navbar-expand-lg mb-3" style="z-index: 1;">
-
-                  <!-- Brand -->
-                  <a class="navbar-brand" href="index.html">
-                    <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-                  </a>
-
-                  <!-- Toggler -->
-                  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                    <span class="navbar-toggler-icon"></span>
-                  </button>
-
-                  <!-- Collapse -->
-                  <div class="collapse navbar-collapse">
-
-                    <!-- Navigation -->
-                    <ul class="navbar-nav ml-auto">
-                      <li class="nav-item dropdown">
-                        <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                          Landings
-                        </a>
-                        <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                          <div class="row gx-0">
-                            <div class="col-12 col-lg-6">
-                              <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-
-                                <!-- Heading -->
-                                <h4 class="font-weight-bold text-white mb-0">
-                                  Want to see an overview?
-                                </h4>
-
-                                <!-- Text -->
-                                <p class="font-size-sm text-white">
-                                  See all the pages at once.
-                                </p>
-
-                                <!-- Button -->
-                                <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                                  View all pages
-                                </a>
-
-                              </div>
-                            </div>
-                            <div class="col-12 col-lg-6">
-                              <div class="dropdown-body">
-                                <div class="row gx-0">
-                                  <div class="col-6">
-
-                                    <!-- Heading -->
-                                    <h6 class="dropdown-header">
-                                      Services
-                                    </h6>
-
-                                    <!-- List -->
-                                    <a class="dropdown-item" href="../coworking.html">
-                                      Coworking
-                                    </a>
-                                    <a class="dropdown-item" href="../rental.html">
-                                      Rental
-                                    </a>
-                                    <a class="dropdown-item mb-5" href="../job.html">
-                                      Job Listing
-                                    </a>
-
-                                    <!-- Heading -->
-                                    <h6 class="dropdown-header">
-                                      Apps
-                                    </h6>
-
-                                    <!-- List -->
-                                    <a class="dropdown-item" href="../desktop-app.html">
-                                      Desktop
-                                    </a>
-                                    <a class="dropdown-item" href="../mobile-app.html">
-                                      Mobile
-                                    </a>
-
-                                  </div>
-                                  <div class="col-6">
-
-                                    <!-- Heading -->
-                                    <h6 class="dropdown-header">
-                                      Web
-                                    </h6>
-
-                                    <!-- List -->
-                                    <a class="dropdown-item" href="../index.html">
-                                      Basic
-                                    </a>
-                                    <a class="dropdown-item" href="../enterprise.html">
-                                      Enterprise
-                                    </a>
-                                    <a class="dropdown-item" href="../service.html">
-                                      Service
-                                    </a>
-                                    <a class="dropdown-item" href="../cloud.html">
-                                      Cloud Hosting
-                                    </a>
-
-                                  </div>
-                                </div> <!-- / .row -->
-                              </div>
-                            </div>
-                          </div> <!-- / .row -->
-                        </div>
-                      </li>
-                      <li class="nav-item dropdown">
-                        <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                          Pages
-                        </a>
-                        <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                          <div class="row gx-0">
-                            <div class="col-6 col-lg-4">
-
-                              <!-- Heading -->
-                              <h6 class="dropdown-header">
-                                Career
-                              </h6>
-
-                              <!-- List -->
-                              <a class="dropdown-item" href="../careers.html">
-                                Listing
-                              </a>
-                              <a class="dropdown-item mb-5" href="../career-single.html">
-                                Opening
-                              </a>
-
-                              <!-- Heading -->
-                              <h6 class="dropdown-header">
-                                Company
-                              </h6>
-
-                              <!-- List -->
-                              <a class="dropdown-item" href="../about.html">
-                                About
-                              </a>
-                              <a class="dropdown-item" href="../pricing.html">
-                                Pricing
-                              </a>
-                              <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                                Terms
-                              </a>
-
-                            </div>
-                            <div class="col-6 col-lg-4">
-
-                              <!-- Heading -->
-                              <h6 class="dropdown-header">
-                                Help center
-                              </h6>
-
-                              <!-- List -->
-                              <a class="dropdown-item" href="../help-center.html">
-                                Overview
-                              </a>
-                              <a class="dropdown-item mb-5" href="../help-center-article.html">
-                                Article
-                              </a>
-
-                              <!-- Heading -->
-                              <h6 class="dropdown-header">
-                                Contact
-                              </h6>
-
-                              <!-- List -->
-                              <a class="dropdown-item" href="../contact.html">
-                                Basic
-                              </a>
-                              <a class="dropdown-item" href="../contact-alt.html">
-                                Cover
-                              </a>
-
-                            </div>
-                            <div class="col-6 col-lg-4">
-
-                              <!-- Heading -->
-                              <h6 class="dropdown-header">
-                                Blog
-                              </h6>
-
-                              <!-- List -->
-                              <a class="dropdown-item" href="../blog.html">
-                                Rich View
-                              </a>
-                              <a class="dropdown-item" href="../blog-post.html">
-                                Article
-                              </a>
-                              <a class="dropdown-item" href="../blog-showcase.html">
-                                Showcase
-                              </a>
-                              <a class="dropdown-item" href="../blog-search.html">
-                                Search
-                              </a>
-
-                            </div>
-                          </div>
-                        </div> <!-- / .row -->
-                      </li>
-                      <li class="nav-item dropdown">
-                        <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                          Account
-                        </a>
-                        <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                          <li class="dropdown-item dropright">
-                            <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                              Sign In
-                            </a>
-                            <div class="dropdown-menu">
-                              <a class="dropdown-item" href="signin-cover.html">
-                                Side Cover
-                              </a>
-                              <a class="dropdown-item" href="signin-illustration.html">
-                                Illustration
-                              </a>
-                              <a class="dropdown-item" href="signin.html">
-                                Basic
-                              </a>
-                              <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                                Modal Horizontal
-                              </a>
-                              <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                                Modal Vertical
-                              </a>
-                            </div>
-                          </li>
-                          <li class="dropdown-item dropright">
-                            <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                              Sign Up
-                            </a>
-                            <div class="dropdown-menu">
-                              <a class="dropdown-item" href="signup-cover.html">
-                                Side Cover
-                              </a>
-                              <a class="dropdown-item" href="signup-illustration.html">
-                                Illustration
-                              </a>
-                              <a class="dropdown-item" href="signup.html">
-                                Basic
-                              </a>
-                              <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                                Modal Horizontal
-                              </a>
-                              <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                                Modal Vertical
-                              </a>
-                            </div>
-                          </li>
-                          <li class="dropdown-item dropright">
-                            <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                              Password Reset
-                            </a>
-                            <div class="dropdown-menu">
-                              <a class="dropdown-item" href="password-reset-cover.html">
-                                Side Cover
-                              </a>
-                              <a class="dropdown-item" href="password-reset-illustration.html">
-                                Illustration
-                              </a>
-                              <a class="dropdown-item" href="password-reset.html">
-                                Basic
-                              </a>
-                            </div>
-                          </li>
-                          <li class="dropdown-item dropright">
-                            <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                              Error
-                            </a>
-                            <div class="dropdown-menu">
-                              <a class="dropdown-item" href="error-cover.html">
-                                Side Cover
-                              </a>
-                              <a class="dropdown-item" href="error-illustration.html">
-                                Illustration
-                              </a>
-                              <a class="dropdown-item" href="error.html">
-                                Basic
-                              </a>
-                            </div>
-                          </li>
-                        </ul>
-                      </li>
-                      <li class="nav-item dropdown">
-                        <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                          Documentation
-                        </a>
-                        <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                          <div class="list-group list-group-flush">
-                            <a class="list-group-item" href="../docs/index.html">
-
-                              <!-- Icon -->
-                              <div class="icon icon-sm text-primary">
-                                <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                              </div>
-
-                              <!-- Content -->
-                              <div class="ml-4">
-
-                                <!-- Heading -->
-                                <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                                  Documentation
-                                </h6>
-
-                                <!-- Text -->
-                                <p class="font-size-sm text-gray-700 mb-0">
-                                  Customizing and building
-                                </p>
-
-                              </div>
-
-                            </a>
-                            <a class="list-group-item" href="../docs/alerts.html">
-
-                              <!-- Icon -->
-                              <div class="icon icon-sm text-primary">
-                                <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                              </div>
-
-                              <!-- Content -->
-                              <div class="ml-4">
-
-                                <!-- Heading -->
-                                <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                                  Components
-                                </h6>
-
-                                <!-- Text -->
-                                <p class="font-size-sm text-gray-700 mb-0">
-                                  Full list of components
-                                </p>
-
-                              </div>
-
-                            </a>
-                            <a class="list-group-item" href="../docs/changelog.html">
-
-                              <!-- Icon -->
-                              <div class="icon icon-sm text-primary">
-                                <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                              </div>
-
-                              <!-- Content -->
-                              <div class="ml-4">
-
-                                <!-- Heading -->
-                                <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                                  Changelog
-                                </h6>
-
-                                <!-- Text -->
-                                <p class="font-size-sm text-gray-700 mb-0">
-                                  Keep track of changes
-                                </p>
-
-                              </div>
-
-                              <!-- Badge -->
-                              <span class="badge rounded-pill bg-primary-soft ml-auto">
-                                1.0
-                              </span>
-
-                            </a>
-                          </div>
-                        </div>
-                      </li>
-                    </ul>
-
-                  </div>
-
-                </nav>
-
-                <nav class="navbar navbar-dark bg-dark navbar-expand-lg" style="z-index: 0;">
-
-                  <!-- Brand -->
-                  <a class="navbar-brand" href="index.html">
-                    <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-                  </a>
-
-                  <!-- Toggler -->
-                  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                    <span class="navbar-toggler-icon"></span>
-                  </button>
-
-                  <!-- Collapse -->
-                  <div class="collapse navbar-collapse">
-
-                    <!-- Navigation -->
-                    <ul class="navbar-nav ml-auto">
-                      <li class="nav-item dropdown">
-                        <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                          Landings
-                        </a>
-                        <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                          <div class="row gx-0">
-                            <div class="col-12 col-lg-6">
-                              <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-
-                                <!-- Heading -->
-                                <h4 class="font-weight-bold text-white mb-0">
-                                  Want to see an overview?
-                                </h4>
-
-                                <!-- Text -->
-                                <p class="font-size-sm text-white">
-                                  See all the pages at once.
-                                </p>
-
-                                <!-- Button -->
-                                <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                                  View all pages
-                                </a>
-
-                              </div>
-                            </div>
-                            <div class="col-12 col-lg-6">
-                              <div class="dropdown-body">
-                                <div class="row gx-0">
-                                  <div class="col-6">
-
-                                    <!-- Heading -->
-                                    <h6 class="dropdown-header">
-                                      Services
-                                    </h6>
-
-                                    <!-- List -->
-                                    <a class="dropdown-item" href="../coworking.html">
-                                      Coworking
-                                    </a>
-                                    <a class="dropdown-item" href="../rental.html">
-                                      Rental
-                                    </a>
-                                    <a class="dropdown-item mb-5" href="../job.html">
-                                      Job Listing
-                                    </a>
-
-                                    <!-- Heading -->
-                                    <h6 class="dropdown-header">
-                                      Apps
-                                    </h6>
-
-                                    <!-- List -->
-                                    <a class="dropdown-item" href="../desktop-app.html">
-                                      Desktop
-                                    </a>
-                                    <a class="dropdown-item" href="../mobile-app.html">
-                                      Mobile
-                                    </a>
-
-                                  </div>
-                                  <div class="col-6">
-
-                                    <!-- Heading -->
-                                    <h6 class="dropdown-header">
-                                      Web
-                                    </h6>
-
-                                    <!-- List -->
-                                    <a class="dropdown-item" href="../index.html">
-                                      Basic
-                                    </a>
-                                    <a class="dropdown-item" href="../enterprise.html">
-                                      Enterprise
-                                    </a>
-                                    <a class="dropdown-item" href="../service.html">
-                                      Service
-                                    </a>
-                                    <a class="dropdown-item" href="../cloud.html">
-                                      Cloud Hosting
-                                    </a>
-
-                                  </div>
-                                </div> <!-- / .row -->
-                              </div>
-                            </div>
-                          </div> <!-- / .row -->
-                        </div>
-                      </li>
-                      <li class="nav-item dropdown">
-                        <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                          Pages
-                        </a>
-                        <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                          <div class="row gx-0">
-                            <div class="col-6 col-lg-4">
-
-                              <!-- Heading -->
-                              <h6 class="dropdown-header">
-                                Career
-                              </h6>
-
-                              <!-- List -->
-                              <a class="dropdown-item" href="../careers.html">
-                                Listing
-                              </a>
-                              <a class="dropdown-item mb-5" href="../career-single.html">
-                                Opening
-                              </a>
-
-                              <!-- Heading -->
-                              <h6 class="dropdown-header">
-                                Company
-                              </h6>
-
-                              <!-- List -->
-                              <a class="dropdown-item" href="../about.html">
-                                About
-                              </a>
-                              <a class="dropdown-item" href="../pricing.html">
-                                Pricing
-                              </a>
-                              <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                                Terms
-                              </a>
-
-                            </div>
-                            <div class="col-6 col-lg-4">
-
-                              <!-- Heading -->
-                              <h6 class="dropdown-header">
-                                Help center
-                              </h6>
-
-                              <!-- List -->
-                              <a class="dropdown-item" href="../help-center.html">
-                                Overview
-                              </a>
-                              <a class="dropdown-item mb-5" href="../help-center-article.html">
-                                Article
-                              </a>
-
-                              <!-- Heading -->
-                              <h6 class="dropdown-header">
-                                Contact
-                              </h6>
-
-                              <!-- List -->
-                              <a class="dropdown-item" href="../contact.html">
-                                Basic
-                              </a>
-                              <a class="dropdown-item" href="../contact-alt.html">
-                                Cover
-                              </a>
-
-                            </div>
-                            <div class="col-6 col-lg-4">
-
-                              <!-- Heading -->
-                              <h6 class="dropdown-header">
-                                Blog
-                              </h6>
-
-                              <!-- List -->
-                              <a class="dropdown-item" href="../blog.html">
-                                Rich View
-                              </a>
-                              <a class="dropdown-item" href="../blog-post.html">
-                                Article
-                              </a>
-                              <a class="dropdown-item" href="../blog-showcase.html">
-                                Showcase
-                              </a>
-                              <a class="dropdown-item" href="../blog-search.html">
-                                Search
-                              </a>
-
-                            </div>
-                          </div>
-                        </div> <!-- / .row -->
-                      </li>
-                      <li class="nav-item dropdown">
-                        <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                          Account
-                        </a>
-                        <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                          <li class="dropdown-item dropright">
-                            <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                              Sign In
-                            </a>
-                            <div class="dropdown-menu">
-                              <a class="dropdown-item" href="signin-cover.html">
-                                Side Cover
-                              </a>
-                              <a class="dropdown-item" href="signin-illustration.html">
-                                Illustration
-                              </a>
-                              <a class="dropdown-item" href="signin.html">
-                                Basic
-                              </a>
-                              <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                                Modal Horizontal
-                              </a>
-                              <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                                Modal Vertical
-                              </a>
-                            </div>
-                          </li>
-                          <li class="dropdown-item dropright">
-                            <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                              Sign Up
-                            </a>
-                            <div class="dropdown-menu">
-                              <a class="dropdown-item" href="signup-cover.html">
-                                Side Cover
-                              </a>
-                              <a class="dropdown-item" href="signup-illustration.html">
-                                Illustration
-                              </a>
-                              <a class="dropdown-item" href="signup.html">
-                                Basic
-                              </a>
-                              <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                                Modal Horizontal
-                              </a>
-                              <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                                Modal Vertical
-                              </a>
-                            </div>
-                          </li>
-                          <li class="dropdown-item dropright">
-                            <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                              Password Reset
-                            </a>
-                            <div class="dropdown-menu">
-                              <a class="dropdown-item" href="password-reset-cover.html">
-                                Side Cover
-                              </a>
-                              <a class="dropdown-item" href="password-reset-illustration.html">
-                                Illustration
-                              </a>
-                              <a class="dropdown-item" href="password-reset.html">
-                                Basic
-                              </a>
-                            </div>
-                          </li>
-                          <li class="dropdown-item dropright">
-                            <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                              Error
-                            </a>
-                            <div class="dropdown-menu">
-                              <a class="dropdown-item" href="error-cover.html">
-                                Side Cover
-                              </a>
-                              <a class="dropdown-item" href="error-illustration.html">
-                                Illustration
-                              </a>
-                              <a class="dropdown-item" href="error.html">
-                                Basic
-                              </a>
-                            </div>
-                          </li>
-                        </ul>
-                      </li>
-                      <li class="nav-item dropdown">
-                        <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                          Documentation
-                        </a>
-                        <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                          <div class="list-group list-group-flush">
-                            <a class="list-group-item" href="../docs/index.html">
-
-                              <!-- Icon -->
-                              <div class="icon icon-sm text-primary">
-                                <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                              </div>
-
-                              <!-- Content -->
-                              <div class="ml-4">
-
-                                <!-- Heading -->
-                                <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                                  Documentation
-                                </h6>
-
-                                <!-- Text -->
-                                <p class="font-size-sm text-gray-700 mb-0">
-                                  Customizing and building
-                                </p>
-
-                              </div>
-
-                            </a>
-                            <a class="list-group-item" href="../docs/alerts.html">
-
-                              <!-- Icon -->
-                              <div class="icon icon-sm text-primary">
-                                <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                              </div>
-
-                              <!-- Content -->
-                              <div class="ml-4">
-
-                                <!-- Heading -->
-                                <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                                  Components
-                                </h6>
-
-                                <!-- Text -->
-                                <p class="font-size-sm text-gray-700 mb-0">
-                                  Full list of components
-                                </p>
-
-                              </div>
-
-                            </a>
-                            <a class="list-group-item" href="../docs/changelog.html">
-
-                              <!-- Icon -->
-                              <div class="icon icon-sm text-primary">
-                                <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                              </div>
-
-                              <!-- Content -->
-                              <div class="ml-4">
-
-                                <!-- Heading -->
-                                <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                                  Changelog
-                                </h6>
-
-                                <!-- Text -->
-                                <p class="font-size-sm text-gray-700 mb-0">
-                                  Keep track of changes
-                                </p>
-
-                              </div>
-
-                              <!-- Badge -->
-                              <span class="badge rounded-pill bg-primary-soft ml-auto">
-                                1.0
-                              </span>
-
-                            </a>
-                          </div>
-                        </div>
-                      </li>
-                    </ul>
-
-                    <!-- Button -->
-                    <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="#!">
-                      Buy now
-                    </a>
-
-                  </div>
-
-                </nav>
-
-              </div>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-
-  </body>
-</html>
diff --git a/docs/navs.html b/docs/navs.html
deleted file mode 100644
index d5119a8..0000000
--- a/docs/navs.html
+++ /dev/null
@@ -1,1218 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-    
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-            
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Navs
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-            
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-            
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <h1 class="mb-1">Navs</h1>
-
-            <!-- Bootstrap/Plugin Link -->
-            <p>
-              <a class="text-decoration-none" href="http://getbootstrap.com/docs/4.1/components/navs/" target="_blank">
-                <i class="fe fe-external-link pr-1"></i>
-                Bootstrap documentation
-              </a>
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <ul class="nav nav-tabs mb-4">
-                  <li class="nav-item">
-                    <a class="nav-link active" href="#!">Active</a>
-                  </li>
-                  <li class="nav-item">
-                    <a class="nav-link" href="#!">Link</a>
-                  </li>
-                  <li class="nav-item">
-                    <a class="nav-link" href="#!">Link</a>
-                  </li>
-                  <li class="nav-item">
-                    <a class="nav-link disabled" href="#!">Disabled</a>
-                  </li>
-                </ul>
-
-                <ul class="nav nav-pills">
-                  <li class="nav-item">
-                    <a class="nav-link active" href="#!">Active</a>
-                  </li>
-                  <li class="nav-item">
-                    <a class="nav-link" href="#!">Link</a>
-                  </li>
-                  <li class="nav-item">
-                    <a class="nav-link" href="#!">Link</a>
-                  </li>
-                  <li class="nav-item">
-                    <a class="nav-link disabled" href="#!">Disabled</a>
-                  </li>
-                </ul>
-
-              </div>
-            </div>
-            
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right"></div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-      
-  </body>
-</html>
\ No newline at end of file
diff --git a/docs/overlay.html b/docs/overlay.html
deleted file mode 100644
index e4177f3..0000000
--- a/docs/overlay.html
+++ /dev/null
@@ -1,1301 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-    
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-            
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Overlay
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-            
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-            
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h1 class="mb-1 mr-3">Overlay</h1>
-              <span class="badge rounded-pill bg-primary-soft mt-1">
-                <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-              </span>
-            </div>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Adds a semi-transparent overlay over an element.
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="colors">Colors</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              The following color options are available.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-                <div class="row">
-                  <div class="col-12 col-xl-4">
-                    
-                    <div class="p-5 rounded bg-cover overlay overlay-black overlay-80 mb-5 mb-xl-0" style="background-image: url(../assets/img/covers/cover-8.jpg);">
-                      <p class="position-relative text-white mb-0">
-                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. A voluptatum ullam temporibus similique delectus quo neque cumque, iusto voluptate ducimus ratione, adipisci at minima. Doloremque voluptatem iste incidunt ducimus expedita!
-                      </p>
-                    </div>
-
-                  </div>
-                  <div class="col-12 col-xl-4">
-                    
-                    <div class="p-5 rounded bg-cover overlay overlay-primary overlay-80 mb-5 mb-xl-0" style="background-image: url(../assets/img/covers/cover-8.jpg);">
-                      <p class="position-relative text-white mb-0">
-                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. A voluptatum ullam temporibus similique delectus quo neque cumque, iusto voluptate ducimus ratione, adipisci at minima. Doloremque voluptatem iste incidunt ducimus expedita!
-                      </p>
-                    </div>
-
-                  </div>
-                  <div class="col-12 col-xl-4">
-                    
-                    <div class="p-5 rounded bg-cover overlay overlay-white overlay-80" style="background-image: url(../assets/img/covers/cover-8.jpg);">
-                      <p class="position-relative mb-0">
-                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. A voluptatum ullam temporibus similique delectus quo neque cumque, iusto voluptate ducimus ratione, adipisci at minima. Doloremque voluptatem iste incidunt ducimus expedita!
-                      </p>
-                    </div>
-
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;overlay&nbsp;overlay-black&nbsp;overlay-80&quot;&gt;&lt;/div&gt;<br/>&lt;div&nbsp;class=&quot;overlay&nbsp;overlay-primary&nbsp;overlay-80&quot;&gt;&lt;/div&gt;<br/>&lt;div&nbsp;class=&quot;overlay&nbsp;overlay-white&nbsp;overlay-80&quot;&gt;&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="opacity">Opacity</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Controls the opacity level of the overlay. 
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-                <div class="row">
-                  <div class="col-12 col-xl-4">
-                    
-                    <div class="p-5 rounded bg-cover overlay overlay-black overlay-20 mb-5 mb-xl-0" style="background-image: url(../assets/img/covers/cover-8.jpg);">
-                      <p class="position-relative text-white mb-0">
-                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. A voluptatum ullam temporibus similique delectus quo neque cumque, iusto voluptate ducimus ratione, adipisci at minima. Doloremque voluptatem iste incidunt ducimus expedita!
-                      </p>
-                    </div>
-
-                  </div>
-                  <div class="col-12 col-xl-4">
-                    
-                    <div class="p-5 rounded bg-cover overlay overlay-black overlay-50 mb-5 mb-xl-0" style="background-image: url(../assets/img/covers/cover-8.jpg);">
-                      <p class="position-relative text-white mb-0">
-                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. A voluptatum ullam temporibus similique delectus quo neque cumque, iusto voluptate ducimus ratione, adipisci at minima. Doloremque voluptatem iste incidunt ducimus expedita!
-                      </p>
-                    </div>
-
-                  </div>
-                  <div class="col-12 col-xl-4">
-                    
-                    <div class="p-5 rounded bg-cover overlay overlay-black overlay-80" style="background-image: url(../assets/img/covers/cover-8.jpg);">
-                      <p class="position-relative text-white mb-0">
-                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. A voluptatum ullam temporibus similique delectus quo neque cumque, iusto voluptate ducimus ratione, adipisci at minima. Doloremque voluptatem iste incidunt ducimus expedita!
-                      </p>
-                    </div>
-
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;overlay&nbsp;overlay-black&nbsp;overlay-10&quot;&gt;&lt;/div&gt;<br/>&lt;div&nbsp;class=&quot;overlay&nbsp;overlay-black&nbsp;overlay-20&quot;&gt;&lt;/div&gt;<br/>&lt;div&nbsp;class=&quot;overlay&nbsp;overlay-black&nbsp;overlay-30&quot;&gt;&lt;/div&gt;<br/>&lt;div&nbsp;class=&quot;overlay&nbsp;overlay-black&nbsp;overlay-40&quot;&gt;&lt;/div&gt;<br/>&lt;div&nbsp;class=&quot;overlay&nbsp;overlay-black&nbsp;overlay-50&quot;&gt;&lt;/div&gt;<br/>&lt;div&nbsp;class=&quot;overlay&nbsp;overlay-black&nbsp;overlay-60&quot;&gt;&lt;/div&gt;<br/>&lt;div&nbsp;class=&quot;overlay&nbsp;overlay-black&nbsp;overlay-70&quot;&gt;&lt;/div&gt;<br/>&lt;div&nbsp;class=&quot;overlay&nbsp;overlay-black&nbsp;overlay-80&quot;&gt;&lt;/div&gt;<br/>&lt;div&nbsp;class=&quot;overlay&nbsp;overlay-black&nbsp;overlay-90&quot;&gt;&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-            
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right">
-            <div class="my-7 my-lg-9 px-lg-7 border-left-lg border-gray-300">
-
-              <!-- Heading -->
-              <h6 class="text-uppercase font-weight-bold">
-                Jump to
-              </h6>
-
-              <!-- Links -->
-              <ul class="list mb-0">
-                <li class="list-item">
-                  <a class="list-link" href="#colors" data-scroll>Colors</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#opacity" data-scroll>Opacity</a>
-                </li>
-              </ul>
-            
-            </div>
-          </div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-      
-  </body>
-</html>
\ No newline at end of file
diff --git a/docs/pagination.html b/docs/pagination.html
deleted file mode 100644
index fa4fe91..0000000
--- a/docs/pagination.html
+++ /dev/null
@@ -1,1222 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-    
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-            
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Pagination
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-            
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-            
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <h1 class="mb-1">Pagination</h1>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Indicates a series of related content exists across multiple pages.
-            </p>
-
-            <!-- Bootstrap/Plugin Link -->
-            <p>
-              <a class="text-decoration-none" href="http://getbootstrap.com/docs/4.1/components/pagination/" target="_blank">
-                <i class="fe fe-external-link pr-1"></i>
-                Bootstrap documentation
-              </a>
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <nav aria-label="Page navigation example">
-                  <ul class="pagination pagination-lg">
-                    <li class="page-item"><a class="page-link" href="#!">1</a></li>
-                    <li class="page-item"><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="#!">Next</a></li>
-                  </ul>
-                </nav>
-
-                <nav aria-label="Page navigation example">
-                  <ul class="pagination">
-                    <li class="page-item"><a class="page-link" href="#!">Previous</a></li>
-                    <li class="page-item"><a class="page-link" href="#!">1</a></li>
-                    <li class="page-item"><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="#!">Next</a></li>
-                  </ul>
-                </nav>
-
-                <nav aria-label="Page navigation example">
-                  <ul class="pagination pagination-sm">
-                    <li class="page-item"><a class="page-link" href="#!">Previous</a></li>
-                    <li class="page-item"><a class="page-link" href="#!">1</a></li>
-                    <li class="page-item"><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="#!">Next</a></li>
-                  </ul>
-                </nav>
-                
-              </div>
-            </div>
-            
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right"></div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-      
-  </body>
-</html>
\ No newline at end of file
diff --git a/docs/popovers.html b/docs/popovers.html
deleted file mode 100644
index da00938..0000000
--- a/docs/popovers.html
+++ /dev/null
@@ -1,1205 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-    
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-            
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Popovers
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-            
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-            
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <h1 class="mb-1">Popovers</h1>
-
-            <!-- Bootstrap/Plugin Link -->
-            <p>
-              <a class="text-decoration-none" href="http://getbootstrap.com/docs/4.1/components/popovers/" target="_blank">
-                <i class="fe fe-external-link pr-1"></i>
-                Bootstrap documentation
-              </a>
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-                
-                <button type="button" class="btn btn-secondary mb-1" data-container="body" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="" title="">
-                  Popover on top
-                </button>
-
-                <button type="button" class="btn btn-secondary mb-1" data-container="body" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="" title="">
-                  Popover on right
-                </button>
-
-                <button type="button" class="btn btn-secondary mb-1" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus
-                sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="" title="">
-                  Popover on bottom
-                </button>
-
-                <button type="button" class="btn btn-secondary mb-1" data-container="body" data-toggle="popover" data-placement="left" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="" title="">
-                  Popover on left
-                </button>
-
-              </div>
-            </div>
-            
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right"></div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-      
-  </body>
-</html>
\ No newline at end of file
diff --git a/docs/position.html b/docs/position.html
deleted file mode 100644
index d9cf718..0000000
--- a/docs/position.html
+++ /dev/null
@@ -1,1208 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-    
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-            
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Position
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-            
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-            
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h1 class="mb-1 mr-3">Position</h1>
-              <span class="badge rounded-pill bg-primary-soft mt-1">
-                <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-              </span>
-            </div>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Additional positioning utilities.
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- List -->
-            <ul class="mb-5">
-              <li>
-                <code>.top-0</code> - sets the top property to <code>0</code>.
-              </li>
-              <li>
-                <code>.right-0</code> - sets the right property to <code>0</code>.
-              </li>
-              <li>
-                <code>.bottom-0</code> - sets the bottom property to <code>0</code>.
-              </li>
-              <li>
-                <code>.left-0</code> - sets the left property to <code>0</code>.
-              </li>
-            </ul>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-footer rounded bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;position-absolute&nbsp;top-0&quot;&gt;&lt;/div&gt;<br/>&lt;div&nbsp;class=&quot;position-absolute&nbsp;right-0&quot;&gt;&lt;/div&gt;<br/>&lt;div&nbsp;class=&quot;position-absolute&nbsp;bottom-0&quot;&gt;&lt;/div&gt;<br/>&lt;div&nbsp;class=&quot;position-absolute&nbsp;left-0&quot;&gt;&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-            
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right"></div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-      
-  </body>
-</html>
\ No newline at end of file
diff --git a/docs/progress.html b/docs/progress.html
deleted file mode 100644
index be8bda5..0000000
--- a/docs/progress.html
+++ /dev/null
@@ -1,1289 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-    
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-            
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Progress
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-            
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-            
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <h1 class="mb-1">Progress</h1>
-
-            <!-- Bootstrap/Plugin Link -->
-            <p>
-              <a class="text-decoration-none" href="http://getbootstrap.com/docs/4.1/components/progress/" target="_blank">
-                <i class="fe fe-external-link pr-1"></i>
-                Bootstrap documentation
-              </a>
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Card -->
-            <div class="card mb-5">
-              <div class="card-body">
-
-                <div class="progress">
-                  <div class="progress-bar" role="progressbar" style="width: 32%" aria-valuenow="32" aria-valuemin="0" aria-valuemax="100"></div>
-                </div>
-                
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="labels">Labels</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Add labels to your progress bars by placing text within the <code>.progress-bar</code>.
-            </p>
-
-            <!-- Card -->
-            <div class="card mb-5">
-              <div class="card-body">
-
-                <div class="progress">
-                  <div class="progress-bar" role="progressbar" style="width: 45%;" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100">45%</div>
-                </div>
-                
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="backgrounds">Backgrounds</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Use background utility classes to change the appearance of individual progress bars.
-            </p>
-
-            <!-- Card -->
-            <div class="card mb-5">
-              <div class="card-body">
-
-                <div class="progress mb-3">
-                  <div class="progress-bar bg-success" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
-                </div>
-                <div class="progress mb-3">
-                  <div class="progress-bar bg-info" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
-                </div>
-                <div class="progress mb-3">
-                  <div class="progress-bar bg-warning" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                </div>
-                <div class="progress">
-                  <div class="progress-bar bg-danger" role="progressbar" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
-                </div>
-                
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="height">Height</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              We only set a <code>height</code> value on the <code>.progress</code>, so if you change that value the inner <code>.progress-bar</code> will automatically resize accordingly.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <div class="progress" style="height: 5px;">
-                  <div class="progress-bar" role="progressbar" style="width: 32%" aria-valuenow="32" aria-valuemin="0" aria-valuemax="100"></div>
-                </div>
-                
-              </div>
-            </div>
-            
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right">
-            <div class="my-7 my-lg-9 px-lg-7 border-left-lg border-gray-300">
-            
-              <!-- Heading -->
-              <h6 class="text-uppercase font-weight-bold">
-                Jump to
-              </h6>
-
-              <!-- Links -->
-              <ul class="list mb-0">
-                <li class="list-item">
-                  <a class="list-link" href="#labels" data-scroll>Labels</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#backgrounds" data-scroll>Backgrounds</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#height" data-scroll>Height</a>
-                </li>
-              </ul>
-            
-            </div>
-          </div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-      
-  </body>
-</html>
\ No newline at end of file
diff --git a/docs/quill.html b/docs/quill.html
deleted file mode 100644
index 0845c46..0000000
--- a/docs/quill.html
+++ /dev/null
@@ -1,1206 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Quill
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h1 class="mb-1 mr-3">Quill</h1>
-              <span class="badge rounded-pill bg-primary-soft mt-1">
-                <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-              </span>
-            </div>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Powerful WYSIWYG text editor powered by Quill. You can pass any options supported by the plugin via the data-options attribute. The value must be a valid JSON object.
-            </p>
-
-            <!-- Bootstrap/Plugin Link -->
-            <p>
-              <a class="text-decoration-none" href="https://quilljs.com/" target="_blank">
-                <i class="fe fe-external-link pr-1"></i>
-                Plugin documentation
-              </a>
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <!-- Quill -->
-                <div data-quill='{"placeholder": "Quill WYSIWYG"}'></div>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;data-quill='{&quot;placeholder&quot;:&nbsp;&quot;Quill&nbsp;WYSIWYG&quot;}'&gt;&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right"></div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-
-  </body>
-</html>
diff --git a/docs/screenshot.html b/docs/screenshot.html
deleted file mode 100644
index 0d11b70..0000000
--- a/docs/screenshot.html
+++ /dev/null
@@ -1,1204 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-    
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-            
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Screenshot
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-            
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-            
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- SCREENSHOT -->
-            <div class="mb-7 mb-md-9" id="screenshot">
-
-              <!-- Heading -->
-              <div class="d-flex align-items-center">
-                <h1 class="mb-1 mr-3">Screenshot</h1>
-                <span class="badge rounded-pill bg-primary-soft mt-1">
-                  <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-                </span>
-              </div>
-
-              <!-- Text -->
-              <p class="font-size-lg text-gray-700">
-                Adds an increased border radius and box shadow to your image.
-              </p>
-
-              <!-- Divider -->
-              <hr class="bg-gray-300 my-6">
-
-              <!-- Card -->
-              <div class="card">
-                <div class="card-body">
-                  
-                  <div style="max-width: 320px;">
-                    <img src="../assets/img/screenshots/desktop/dashkit.jpg" alt="..." class="img-fluid screenshot">
-                  </div>
-                      
-                </div>
-                <div class="card-footer bg-black">
-                  <code class="highlight html">
-                    &lt;img&nbsp;src=&quot;assets/img/screenshots/desktop/dashkit.jpg&quot;&nbsp;alt=&quot;...&quot;&nbsp;class=&quot;img-fluid&nbsp;screenshot&quot;&gt;
-                  </code>
-                </div>
-              </div>
-
-            </div>
-            
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right"></div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-      
-  </body>
-</html>
\ No newline at end of file
diff --git a/docs/shadows.html b/docs/shadows.html
deleted file mode 100644
index 20580bd..0000000
--- a/docs/shadows.html
+++ /dev/null
@@ -1,1215 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-    
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-            
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Shadows
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-            
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-            
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h1 class="mb-1 mr-3">Shadows</h1>
-              <span class="badge rounded-pill bg-primary-soft mt-1">
-                <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-              </span>
-            </div>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Shadow utlities to add a box shadow to an element.
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <div class="mb-5 p-5 rounded shadow-light">
-                  Shadow light
-                </div>
-
-                <div class="mb-5 p-5 rounded shadow-light-lg">
-                  Shadow light large
-                </div>
-
-                  <div class="mb-5 p-5 rounded shadow-dark">
-                  Shadow dark
-                </div>
-
-                <div class="mb-5 p-5 rounded shadow-dark-lg">
-                  Shadow dark large
-                </div>
-
-                <div class="p-5 rounded shadow-lift">
-                  Shadow lift
-                </div>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;shadow-light&quot;&gt;&lt;/div&gt;<br/>&lt;div&nbsp;class=&quot;shadow-light-lg&quot;&gt;&lt;/div&gt;<br/>&lt;div&nbsp;class=&quot;shadow-dark&quot;&gt;&lt;/div&gt;<br/>&lt;div&nbsp;class=&quot;shadow-dark-lg&quot;&gt;&lt;/div&gt;<br/>&lt;div&nbsp;class=&quot;shadow-lift&quot;&gt;&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-            
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right"></div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-      
-  </body>
-</html>
\ No newline at end of file
diff --git a/docs/shapes.html b/docs/shapes.html
deleted file mode 100644
index 858f65d..0000000
--- a/docs/shapes.html
+++ /dev/null
@@ -1,1571 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Shapes
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h1 class="mb-1 mr-3">Shapes</h1>
-              <span class="badge rounded-pill bg-primary-soft mt-1">
-                <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-              </span>
-            </div>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Multiple shapes to use as separators for sections or as background images.
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="curves">Curves</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Smooth curves that can be used at the top, bottom or right side of an element. Use text color utilities to control their coloring.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-                <div class="row">
-                  <div class="col-12 col-md-4">
-
-                    <div class="position-relative mb-5">
-
-                      <!-- Image -->
-                      <img src="../assets/img/photos/photo-2.jpg" alt="..." class="img-fluid d-block">
-
-                      <!-- Shape -->
-                      <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                        <svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 48h2880V0h-720C1442.5 52 720 0 720 0H0v48z" fill="currentColor"/></svg>                      </div>
-
-                    </div>
-
-                  </div>
-                  <div class="col-12 col-md-4">
-
-                    <div class="position-relative mb-5">
-
-                      <!-- Image -->
-                      <img src="../assets/img/photos/photo-2.jpg" alt="..." class="img-fluid d-block">
-
-                      <!-- Shape -->
-                      <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                        <svg viewBox="0 0 2880 56" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M720 28H0v28h2880V28h-720S1874 0 1440 0 720 28 720 28z" fill="currentColor"/></svg>                      </div>
-
-                    </div>
-
-                  </div>
-                  <div class="col-12 col-md-4">
-
-                    <div class="position-relative mb-5">
-
-                      <!-- Image -->
-                      <img src="../assets/img/photos/photo-2.jpg" alt="..." class="img-fluid d-block">
-
-                      <!-- Shape -->
-                      <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                        <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>                      </div>
-
-                    </div>
-
-                  </div>
-                  <div class="col-12 col-md-4">
-
-                    <div class="position-relative mb-5 mb-md-0">
-
-                      <!-- Image -->
-                      <img src="../assets/img/photos/photo-2.jpg" alt="..." class="img-fluid d-block">
-
-                      <!-- Shape -->
-                      <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                        <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M720 0c720 240 1440 240 1440 240h720v240H0V0h720z" fill="currentColor"/></svg>                      </div>
-
-                    </div>
-
-                  </div>
-                  <div class="col-12 col-md-4">
-
-                    <div class="position-relative mb-5 mb-md-0">
-
-                      <!-- Image -->
-                      <img src="../assets/img/photos/photo-2.jpg" alt="..." class="img-fluid d-block">
-
-                      <!-- Shape -->
-                      <div class="shape shape-right shape-fluid-y svg-shim text-white">
-                        <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>                      </div>
-
-                    </div>
-
-                  </div>
-                  <div class="col-12 col-md-4">
-
-                    <div class="position-relative">
-
-                      <!-- Image -->
-                      <img src="../assets/img/photos/photo-2.jpg" alt="..." class="img-fluid d-block">
-
-                      <!-- Shape -->
-                      <div class="shape shape-left shape-fluid-y svg-shim text-white">
-                        <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h62.759v172C38.62 384 112 517 112 517v173H0V0z" fill="currentColor"/></svg>                      </div>
-
-                    </div>
-
-                  </div>
-                </div>
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;shape&nbsp;shape-bottom&nbsp;shape-fluid-x&nbsp;svg-shim&nbsp;text-white&quot;&gt;<br />&nbsp;&nbsp;{{>&nbsp;curves/curve-1}}<br />&lt;/div&gt;<br /><br />&lt;div&nbsp;class=&quot;shape&nbsp;shape-bottom&nbsp;shape-fluid-x&nbsp;svg-shim&nbsp;text-white&quot;&gt;<br />&nbsp;&nbsp;{{>&nbsp;curves/curve-2}}<br />&lt;/div&gt;<br /><br />&lt;div&nbsp;class=&quot;shape&nbsp;shape-bottom&nbsp;shape-fluid-x&nbsp;svg-shim&nbsp;text-white&quot;&gt;<br />&nbsp;&nbsp;{{>&nbsp;curves/curve-3}}<br />&lt;/div&gt;<br /><br />&lt;div&nbsp;class=&quot;shape&nbsp;shape-bottom&nbsp;shape-fluid-x&nbsp;svg-shim&nbsp;text-white&quot;&gt;<br />&nbsp;&nbsp;{{>&nbsp;curves/curve-6}}<br />&lt;/div&gt;<br /><br />&lt;div&nbsp;class=&quot;shape&nbsp;shape-right&nbsp;shape-fluid-y&nbsp;svg-shim&nbsp;text-white&quot;&gt;<br />&nbsp;&nbsp;{{>&nbsp;curves/curve-4}}<br />&lt;/div&gt;<br /><br />&lt;div&nbsp;class=&quot;shape&nbsp;shape-left&nbsp;shape-fluid-y&nbsp;svg-shim&nbsp;text-white&quot;&gt;<br />&nbsp;&nbsp;{{>&nbsp;curves/curve-5}}<br />&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="wave">Wave</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Wave shape that can be used at the top of an element.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-                <div class="row">
-                  <div class="col-12 col-md-4">
-
-                    <div class="position-relative">
-
-                      <!-- Image -->
-                      <img src="../assets/img/photos/photo-2.jpg" class="img-fluid d-block" alt="...">
-
-                      <!-- Shape -->
-                      <div class="shape shape-top shape-fluid-x svg-shim text-white">
-                        <svg viewBox="0 0 2880 72" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2880 0H0v54.112h720s289.42 40.248 705 0c416.5-37.733 735 0 735 0h720V0z" fill="currentColor"/></svg>                      </div>
-
-                    </div>
-
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;shape&nbsp;shape-top&nbsp;shape-fluid-x&nbsp;svg-shim&nbsp;text-white&quot;&gt;<br />&nbsp;&nbsp;{{>&nbsp;waves/wave-1}}<br />&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="angles">Angles</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Angle shapes that can be used at the top, right, bottom, and left sides of an element.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-                <div class="row">
-                  <div class="col-12 col-md-4">
-
-                    <div class="position-relative mb-5">
-
-                      <!-- Image -->
-                      <img src="../assets/img/photos/photo-2.jpg" alt="..." class="img-fluid d-block">
-
-                      <!-- Shape -->
-                      <div class="shape shape-top shape-fluid-x svg-shim text-white">
-                        <svg viewBox="0 0 2880 250" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h2880v125h-720L720 250H0V0z" fill="currentColor"/></svg>                      </div>
-
-                    </div>
-
-                  </div>
-                  <div class="col-12 col-md-4">
-
-                    <div class="position-relative mb-5">
-
-                      <!-- Image -->
-                      <img src="../assets/img/photos/photo-2.jpg" alt="..." class="img-fluid d-block">
-
-                      <!-- Shape -->
-                      <div class="shape shape-top shape-fluid-x shape-flip-x svg-shim text-white">
-                        <svg viewBox="0 0 2880 250" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h2880v125h-720L720 250H0V0z" fill="currentColor"/></svg>                      </div>
-
-                    </div>
-
-                  </div>
-                  <div class="col-12 col-md-4">
-
-                    <div class="position-relative mb-5">
-
-                      <!-- Image -->
-                      <img src="../assets/img/photos/photo-2.jpg" alt="..." class="img-fluid d-block">
-
-                      <!-- Shape -->
-                      <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                        <svg viewBox="0 0 2880 250" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M720 125L2160 0h720v250H0V125h720z" fill="currentColor"/></svg>                      </div>
-
-                    </div>
-
-                  </div>
-                  <div class="col-12 col-md-4">
-
-                    <div class="position-relative mb-5">
-
-                      <!-- Image -->
-                      <img src="../assets/img/photos/photo-2.jpg" alt="..." class="img-fluid d-block">
-
-                      <!-- Shape -->
-                      <div class="shape shape-bottom shape-fluid-x shape-flip-x svg-shim text-white">
-                        <svg viewBox="0 0 2880 250" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M720 125L2160 0h720v250H0V125h720z" fill="currentColor"/></svg>                      </div>
-
-                    </div>
-
-                  </div>
-                  <div class="col-12 col-md-4">
-
-                    <div class="position-relative mb-5">
-
-                      <!-- Image -->
-                      <img src="../assets/img/photos/photo-2.jpg" alt="..." class="img-fluid d-block">
-
-                      <!-- Shape -->
-                      <div class="shape shape-right shape-fluid-y svg-shim text-white">
-                        <svg viewBox="0 0 100 1544" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 386V0h100v1544H50v-386L0 386z" fill="currentColor"/></svg>                      </div>
-
-                    </div>
-
-                  </div>
-                  <div class="col-12 col-md-4">
-
-                    <div class="position-relative">
-
-                      <!-- Image -->
-                      <img src="../assets/img/photos/photo-2.jpg" alt="..." class="img-fluid d-block">
-
-                      <!-- Shape -->
-                      <div class="shape shape-left shape-fluid-y svg-shim text-white">
-                        <svg viewBox="0 0 100 1544" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h100v386l-50 772v386H0V0z" fill="currentColor"/></svg>                      </div>
-
-                    </div>
-
-                  </div>
-                </div>
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;shape&nbsp;shape-top&nbsp;shape-fluid-x&nbsp;svg-shim&nbsp;text-white&quot;&gt;<br />&nbsp;&nbsp;{{>&nbsp;angles/angle-top}}<br />&lt;/div&gt;<br /><br />&lt;div&nbsp;class=&quot;shape&nbsp;shape-top&nbsp;shape-fluid-x&nbsp;shape-flip-x&nbsp;svg-shim&nbsp;text-white&quot;&gt;<br />&nbsp;&nbsp;{{>&nbsp;angles/angle-top}}<br />&lt;/div&gt;<br /><br />&lt;div&nbsp;class=&quot;shape&nbsp;shape-bottom&nbsp;shape-fluid-x&nbsp;svg-shim&nbsp;text-white&quot;&gt;<br />&nbsp;&nbsp;{{>&nbsp;angles/angle-bottom}}<br />&lt;/div&gt;<br /><br />&lt;div&nbsp;class=&quot;shape&nbsp;shape-bottom&nbsp;shape-fluid-x&nbsp;shape-flip-x&nbsp;svg-shim&nbsp;text-white&quot;&gt;<br />&nbsp;&nbsp;{{>&nbsp;angles/angle-bottom}}<br />&lt;/div&gt;<br /><br />&lt;div&nbsp;class=&quot;shape&nbsp;shape-right&nbsp;shape-fluid-y&nbsp;svg-shim&nbsp;text-white&quot;&gt;<br />&nbsp;&nbsp;{{>&nbsp;angles/angle-right}}<br />&lt;/div&gt;<br /><br />&lt;div&nbsp;class=&quot;shape&nbsp;shape-left&nbsp;shape-fluid-y&nbsp;svg-shim&nbsp;text-white&quot;&gt;<br />&nbsp;&nbsp;{{>&nbsp;angles/angle-left}}<br />&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="blurs">Blurs</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Blur shapes that can be used as background images for elements.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-                <div class="row">
-                  <div class="col-12 col-md-6">
-                    <div class="position-relative overflow-hidden bg-light py-6 py-md-8 px-5 mb-5">
-
-                      <!-- Shape -->
-                      <div class="shape shape-blur-1 svg-shim text-gray-200">
-                        <svg viewBox="0 0 723 569" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M703.969 241.602l-.006-.003C716.081 262.97 723 287.677 723 314c0 68.917-47.425 126.757-111.42 142.665L246.7 556.937C226.465 564.729 204.481 569 181.5 569 81.26 569 0 487.74 0 387.5c0-34.256 9.49-66.296 25.985-93.633l-.016.008L141.512 77.548C162.753 33.305 207.123 2.273 258.951.12l.008-.12h251.04l.003.01c41.848.557 78.081 24.378 96.356 59.12l.001-.005 97.61 182.477z" fill="currentColor"/></svg>                      </div>
-
-                      <!-- Text -->
-                      <p class="position-relative text-center">
-                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque reprehenderit rem veniam accusamus mollitia minus esse, aut voluptates provident, labore ab, eos vel nemo error cum similique nulla dignissimos animi.
-                      </p>
-
-                    </div>
-                  </div>
-                  <div class="col-12 col-md-6">
-                    <div class="position-relative overflow-hidden bg-light py-6 py-md-8 px-5 mb-5">
-
-                      <!-- Shape -->
-                      <div class="shape shape-blur-2 svg-shim text-gray-200">
-                        <svg viewBox="0 0 1313 768" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M442.794 768c163.088 0 305.568-88.227 382.317-219.556l.183.556s.249-.749.762-2.181a440.362 440.362 0 0033.192-71.389C901.996 397.81 989.306 277.09 1144.29 206l-.92-.693C1230.34 171.296 1295.63 94.049 1312.83 0H1.294v295.514c-.663 9.909-1 19.908-1 29.986 0 244.386 198.114 442.5 442.5 442.5z" fill="currentColor"/></svg>                      </div>
-
-                      <!-- Text -->
-                      <p class="position-relative text-center">
-                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque reprehenderit rem veniam accusamus mollitia minus esse, aut voluptates provident, labore ab, eos vel nemo error cum similique nulla dignissimos animi.
-                      </p>
-
-                    </div>
-                  </div>
-                  <div class="col-12 col-md-6">
-                    <div class="position-relative bg-light py-6 py-md-8 px-5 mb-5 mb-md-0">
-
-                      <!-- Shape -->
-                      <div class="shape shape-blur-3  svg-shim text-dark">
-                        <svg viewBox="0 0 1738 487" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h1420.92s713.43 457.505 0 485.868C707.502 514.231 0 0 0 0z" fill="url(#paint0_linear)"/><defs><linearGradient id="paint0_linear" x1="0" y1="0" x2="1049.98" y2="912.68" gradientUnits="userSpaceOnUse"><stop stop-color="currentColor" stop-opacity=".075"/><stop offset="1" stop-color="currentColor" stop-opacity="0"/></linearGradient></defs></svg>                      </div>
-
-                      <!-- Text -->
-                      <p class="position-relative text-center">
-                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque reprehenderit rem veniam accusamus mollitia minus esse, aut voluptates provident, labore ab, eos vel nemo error cum similique nulla dignissimos animi.
-                      </p>
-
-                    </div>
-                  </div>
-                  <div class="col-12 col-md-6">
-                    <div class="position-relative bg-light py-6 py-md-8 px-5">
-
-                      <!-- Shape -->
-                      <div class="shape shape-blur-4 svg-shim text-gray-200">
-                        <svg viewBox="0 0 803 662" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M207.979 612.772l1.346-.686a27.64 27.64 0 01-1.764-.134l.418.82zm229.248-123.424l-.897.456c.99-.035.302.316.897-.456zm-172.982 89.124c.519-.921.058-.593.036-1.004-.016.336-.024.669-.036 1.004zm72.053-36.713c.02-.339.035-.675.055-1.014-.53.082-1.055.163-1.566.282.51.257 1.001.476 1.511.732zm-2.25 1.147l-.608-1.193c-.248.268-.469.568-.695.871.434.107.865.216 1.303.322zm-107.79 53.419l-.904.461c.994-.037.309.312.904-.461zm55.788-27.44c1.092-.744.458.283 1.161-1.06.225-.303.451-.605.695-.871-.831.236-1.651.466-2.463.739l.607 1.192zm-53.742 25.882c.161-.41.31-.862.478-1.276l-.896.457.418.819zm-13.482 5.837c-.015.336-.016.712-.032 1.049.523-.97.033-.58.032-1.049zm105.623-54.334c1.371.85 1.495.974 2.131 1.964.618-.643 1.24-1.289 1.851-1.928-.594-.073-1.181-.102-1.764-.134.312-1.66-.773-.497-2.218.098zm-46.215 25.096l.209.41c1.781-.954.539-.275 2.045-1.558a28.897 28.897 0 01-.289 1.648c2.072-1.478 1.282-1.263 1.672-3.385-1.029.196-2.066.396-3.114.554.168 1.885.444.854-.523 2.331zm-54.277 28.172c-.189-.748-.401-1.532-.597-2.276l.147 2.505.45-.229zm36.99-20.912c.549-.937.052-.543.033-1.049.003.374-.017.712-.033 1.049zm217.314-111.243l.442-.226c-.142.448-.31.863-.478 1.277.019-.339.035-.675.036-1.051zm-.105 3.15c2.267-1.765 2.4-1.504 1.243-4.246-.809.271-1.632.503-2.441.774.125 2.424.935 1.448 1.198 3.472zm-7.619 2.85c.02-.338.017-.712.036-1.051.804.107 1.616.21 2.427.312-.831.236-1.658.47-2.463.739zm-2.913.968c-.282-.185-.586-.405-.868-.59l.904-.461c-.019.339-.016.713-.036 1.051zm.775-2.929c-.616 1.769-4.132 3.044-5.488 4.815.494.592.984 1.187 1.475 1.782 2.179-1.674 1.766-1.416 4.054-2.066a29.59 29.59 0 01-1.504-.735c1.407-.201 2.813-.401 4.208-.643-.868-.214-1.755-.466-2.616-.684 1.616-.167 3.247-.294 4.87-.465.392-1.419.178-.277-.164-1.417.168-.414.318-.866.486-1.28 1.129 1.02 1.029 1.118 2.375 1.323l-1.234-2.421c1.53.629.306-.062 1.286 1.41l1.382-1.737c-5.082.103-5.656 1.662-9.13 2.118zm-63.096 33.135c-.425 1.014-.379.193-.852-.551l-1.8.917c.023 1.49.265.475-.297 1.652.989.857-.241.686 1.53.769-.015.337-.035.675-.032 1.049.486-1.28.965-2.556 1.451-3.836zm-28.775 13.676c-1.383 1.362-2.75 2.762-4.132 4.123l-.626-1.229c-.113 1.277-.241 2.515-.342 3.787.678-.205.608-.498.643.141 1.662-1.832 1.13-.622.534-2.289 1.597-.251 1.494-.949 3.331-.149 3.657-1.347 3.951-1.027 3.215-3.703 1.547.902.811 1.417 2.186.951 0 0 .583.032.486-1.28.804.107 1.615.209 2.408.275-.121-1.018-.957-.498.044-1.008-.688-2.84-4.905-.551-7.747.381zm-6.594 4.861c-.362-.332-.719-.665-1.062-.96l.608 1.192.454-.232zm-34.386 16.02l1.234 2.421-1.941-1.592c-.507.117-1.036.2-1.547.319.243 1.847-.088 1.077 1 3.057l-.45.229-1.707-2.227c-1.713.638-1.853.85-4.244 1.693.085 1.693-.163.599-1.611 1.29 1.39.512 2.769.982 4.159 1.494.659-1.18.726-1.637.763-2.97l.447-.227c.33 1.614.614.672-.27 1.686.357.334.719.666 1.057.962 1.329-1.005.9-1.021 2.463-.738.696-1.246 1.69-1.565 2.576-3.847-.133-.636-.249-1.233-.382-1.87-.51.12-1.036.2-1.547.32zm-13.839 9.584c-.946-.643-.628-1.04-1.921-1.554a162.294 162.294 0 00-.358 3.748c2.319.883.017-.15 2.652-.366-.795-.44-1.587-.881-2.382-1.32 1.04.174 2.057.313 3.089.491.934-1.79-.446-1.087 1.592-1.327-.113-1.867-.764-.691.068-2.1-.361-.332-.718-.666-1.061-.961-1.627 1.956-.937 1.838-1.679 3.389zm-20.261 10.324l-.626-1.229 1.321.359-.695.87zm15.825-10.128c-.47 1.366-.048-.022-1.591 1.327-1.124.948-1.019.566-.511 2.325-2.134-.086-.647-.092-2.255 1.149a125.45 125.45 0 00-.147-2.506c-.652.192-1.331.35-1.99.545a28.78 28.78 0 00-.289 1.649c-1.584-.46-2.143.575-3.46 2.231.019-.009.045.025.06.017a8.354 8.354 0 01-.133.068c-.463.564-.999 1.213-1.699 1.898.676-1.846-.522-.766 1.699-1.898.029-.015.044-.069.073-.085-2.296-.847-3.782-.231-3.295 1.21-1.974-.167-.457.75-1.958-.503-4.63 2.969-3.599 2.068-6.184 5.684l-.121-2.472-2.25 1.147a66.853 66.853 0 00-1.647 2.34s-7.858 3.3-9.426 3.771c-.15.452-.318.866-.487 1.28.659.18 1.322.359 1.981.54.361.332.718.665 1.061.96.172-1.308 0-.845-.374-1.827 1.124-.526 2.515-.812 2.496-1.788 1.501.455.712.294 1.932 1.549 3.747-3.129 1.785-2.41 6.06-2.571-.547-.706-1.117-1.448-1.687-2.19 4.194 1.382 4.542-1.282 6.638-.332.391-1.56.251-.363-.575-2.242 2.933.524 9.686-3.95 10.279-3.219.503-1.054.272-1.875.775-2.929.027 2.286 6.912-1.692 9.13-2.118-.116-.598-.249-1.234-.366-1.832-.586-.405-1.153-.773-1.739-1.178zm-48.378 24.181c-.015.336-.035.675-.044 1.007.247.016.475-.007.702-.029.071-.082.126-.204.203-.291-.443-.713.413-.304-.861-.687zm185.187-90.791c0-.376.016-.713.036-1.051l.442-.226c-.157.409-.329.825-.478 1.277zM427.8 493.119l-.209-.41.937-1.51-.728 1.92zm-6.992 4.079c-.06-.486-.116-.974-.176-1.459l1.522.772-1.346.687zm-1.351.687c-.01-.37.01-.708.029-1.047l.45-.229c-.168.414-.337.829-.479 1.276zm-8.53 3.314l-.417-.819c.792.534.499-.114.417.819zm44.207-24.588c.752 1.071.905 1.603.345 2.921.271-1.593-.349-.574-1.764-.134.526-.456 1.064-.871 1.591-1.327-.282-.185-.567-.368-.871-.588-2.747 1.681-1.142 1.051-2.521 2.833.016-.337.017-.713.025-1.046-1.874-.405-.979 1.766-2.218.098l-.72 1.916c-1.726 1.302-.559 1.082-2.426-.312-2.613 1.19-1.729 1.021-4.245 1.693-.261.978-.522 1.955-.775 2.929 1.263-.409.048-.494 1.559-.278-2.957 1.507-1.397-.462-4.263 1.656.321-.492.619-1.02.932-1.508.016-.337.036-.675.033-1.049-.507.118-1.029.196-1.536.314-1.668 2.116-4.627 3.296-8.559 4.361.939 1.117.961 1.528-.113 3.108.101-.897.213-1.798.303-2.735-1.908 1.019-2.154.158-2.287 2.197l-.607-1.192c-4.389 5.051-9.687 5.357-15.153 9.222.096-.565.188-1.128.289-1.649a196.854 196.854 0 00-3.444 3.256c-.231-.023-1.864-.129-1.141 1.098l-3.276-.865a9.837 9.837 0 00-.687.867c1.5.221.289.134 1.536-.314-.394.717-.787 1.434-1.174 2.147-.056-.488-.116-.973-.172-1.461-2.216 2.162.169 1.509-2.564 3.887.357.334.718.666 1.057.963 1.591-1.374 4.958-3.512 5.211-3.125 1.435-1.34.687-1.475.523-2.33l1.8-.918c-.299 1.373-.093.939-1.174 2.147 1.734.618 1.24.025 3.754-.411-1.897-1.379-.111-.788-.33-2.882l.897-.457 1.025 2.012c1.731-1.211 1.773-1.091 1.438-2.751 2.293-.887 8.859-.103 9.913-5.051l.446-.227c-.036.675-.045 1.383-.08 2.058 1.94-.753.475-.805 2.009-.507-.217-1.344-.184-.61-1.27-1.37 2.934-.651 2.997-1.199 5.774-.925.169-.414.33-.825.498-1.239 1.119-2.448.468-.849 3.608-1.839a28.831 28.831 0 00-1.775-.127c2.854-1.36 6.911-2.63 9.375-2.759.109-.9.221-1.802.322-2.698 4.412.52 9.861-5.494 12.742-3.959.775-1.568.829-.938.112-3.107.586.405 1.153.773 1.739 1.178.215-1.657-.706-1.423-1.208-3.466-.84.569-1.668 1.178-2.503 1.745zm-178.131 91.278l.447-.228c-.354-.336-.693-.632-1.054-.964-.016.336-.036.675-.052 1.011.225.074.453.145.659.181zM486.947 458.9c-2.343 1.756-1.937 1.55-4.505 2.295.707 1.47.645.328-.08 2.058-.06-.485-.098-.936-.158-1.421-2.212 1.69-2.339 2.13-4.504 2.295-.486.904-.956 1.848-1.434 2.748l.835 1.64c1.531-.546 2.291-.699 3.392-2.245.92-1.172.256-.177-.627-1.229 2.15.265 1.292-.095 2.391 1.363 2.403-3.008 3.064-4.893 4.654-6.454 0-.375.016-.712.036-1.05zM261.001 576.558l1.801-.917c-1.09 1.447-.016.852-1.801.917zm-2.225.102l.454-.232c.358.334.719.666 1.077 1-1.291-.28-.331.169-1.531-.768zm13.723-6.476c-.938.431-.098.003-.487 1.28l.418.82a126.846 126.846 0 01-1.941-1.592l-2.25 1.146c.51.256 1.02.513 1.523.773-2.348.633-1.143-.028-2.697 1.374.101-.896.213-1.798.322-2.698-.557.847-1.156 1.668-1.635 2.475.046.071.117.175.2.273-.13.02-.253.036-.403.018-.431.736-.742 1.458-.77 2.129-1.714-.769-1.254-1.144-2.636-.722-1.198-.328-1.993.171-3.765.417-.227 2.931.578 1.724-.808 3.978-1.909-.998-.602-1.429-1.94-1.592l-1.303-.322c-.688.867-1.402 1.7-2.089 2.566-.419-.443-.852-.926-1.27-1.37-.282 1.129-.439 1.115-1.193 2.109 1.611.634 1.238.214 1.523.773 1.249.63 7.873-1.9 12.983-4.551l.011-.006-.011.006c3.455-1.808 6.227-3.642 6.14-4.677 1.615.678.815.617 1.984.538.891-1.111.896.012.72-1.916 1.095-.793.832-.095 1.383-1.737-1.599.017-.592-.167-2.009.508zm-24.316 12.389c-4.02-.11-4.838 3.544-7.366 2.252-.393.341-.771.721-1.138 1.096l1.234 2.421c.351-.038.728-.042 1.105-.047l-1.044-2.049c1.53.629.306-.062 1.286 1.41.816-1.636.908.053.723-1.917 1.026.697 1.386-.049.627 1.229l.209.41c1.782-1.753 1.153-.541.522-2.331 2.218-.098.901-.365 1.728 1.184 2.022-.842 1.992-1.249 3.557-.827 1.639-2.806-.931-1.027 2.089-2.566-1.447-.623-2.901-1.243-4.348-1.867l.816 1.602zm-52.641 25.837c.511-.119 1.029-.196 1.54-.315l.505-1.243c-.526.08-1.056.162-1.566.282l-.479 1.276zm30.17-15.372c.226-1.148.027-.812-.173-1.461.057.487.117.973.173 1.461zm137.216-72.496c.136.634.249 1.233.385 1.868.214-1.188.772-1.05-.385-1.868zm-147.78 77.362c.374-.378.752-.758 1.145-1.1-1.214-.929-.228-.493-1.53-.768.285.183.586.405.871.588l-1.775-.128c.437.481.851.927 1.289 1.408zM504.54 448.903c-2.534.728-2.343.771-1.617 2.372-.336.5-8.912 3.134-9.185 3.132-.331 1.154-5.623 6.197-7.358 7.831.282.185.586.406.868.591-.245.265-.47.567-.695.87 3.347-2.644 3.409-2.864 5.469-4.852-.168.414-.318.866-.479 1.276 1.732-1.586 1.535-1.016 1.23-3.16 3.933-1.3 4.681-1.634 7.113-1.606.537-1.494.715-.694.333-2.704l.893-.455c.06.486.108.93.164 1.418 1.624-.124 3.242-1.933 5.003-3.534.937.836.694-.542 1.382-1.737-1.33-.026-2.652-.01-3.982-.036.301.222.587.405.861.594zm-78.809 40.155c.549-.937.033-.58.033-1.049.003.374-.017.712-.033 1.049zm-149.274 75.543l-.209-.41-1.346.686c1.438.487.039.215 1.555-.276zm233.736-119.095a18.365 18.365 0 01-.871-.588l.417.82c-2.077.824-1.779.249-1.383 1.736l-.903.461c2.793.36 3.688-1.129 4.54-3.346l2.845 1.132-.418-.82c.226-.302.47-.568.688-.867-2.437-1.011-3.083-.634-4.915 1.472zM312.036 546.473l-1.315-.363c.354.336.712.67 1.073 1.002.073-.225.169-.414.242-.639zm-4.505 2.295c.169-.414.337-.829.486-1.28l-1.052.536a2.78 2.78 0 01-.076.32l.642.424zm208.36-107.666l-.992 2.523c.943-1.56.768.312 1.285 1.41 1.743-2.484 1.834-1.873 1.053-4.619l-1.346.686zm-25.223 12.852c.041.448.101.934.157 1.421 1.205-1.552.679-.018.739-1.878l-.896.457zm-31.525 16.062c-.015.336-.035.675-.051 1.011.678-.158 1.357-.315 2.009-.507l-.607-1.192-1.351.688zm-16.056 9.683c.698-.497 1.366-1.025 2.045-1.559l-1.302-.321-.707.829c-.001.376-.017.712-.036 1.051zm-124.45 61.909l.816 1.601c.37-.376.764-.717 1.141-1.097-.662-.179-1.321-.359-1.957-.504zm-18.018 9.18c1.397.508 1.415.405 3.311-.185l-1.112.05c.363-1.64-1.45-.059-2.199.135zm197.948-101.376l2.199-.135-.189-.372c-.679.158-1.35.312-2.01.507zm-18.31 10.831c.095-.189.168-.414.245-.64l-1.303-.322c-.095.189-.168.414-.245.641l.19.372 1.113-.051zm-7.363 2.25c-.019.338-.035.675-.055 1.014.755-.009 1.49-.055 2.226-.102-1.511-.638-.759-.881-2.171-.912zm-149.57 77.196l1.357-.692-1.756-.091.399.783zm-8.131 5.175c-.055-1.286-.423-.207.479-1.277-.434-.107-.868-.214-1.295-.325-.244.265-.469.568-.695.87 1.184.898.232.492 1.511.732zm-27.228 13.357l.443-.226c-.362-.332-.693-.632-1.05-.966l.607 1.192zm206.793-107.384c-.244.265-.473.569-.699.872l1.306.32c.386-.337.764-.717 1.157-1.059-.602-.068-1.188-.098-1.764-.133zM276.336 562.129c.993-.037.301.315.896-.457l-.896.457zm-13.06 6.654c-.188.753-.346 1.537-.534 2.29 1.301-1.649.745-1.224.534-2.29zm-67.581 35.467c-1.609 1.477-1.334.914-1.438 2.75l1.836-1.968c.089-.561.204-1.089.285-1.647-.518.076-1.044.157-1.555.276.282.185.567.368.872.589zm65.99-34.14l1.346-.686c-.453-.145-.88-.256-1.314-.363-.016.337-.036.675-.032 1.049zm-68.871 34.059l-.695.87c.415.446.852.927 1.266 1.373.288-1.32.498-1.239-.571-2.243zm33.569-17.621c-.019.339-.016.713-.036 1.051l.904-.46c-.282-.185-.586-.406-.868-.591zm-9.912 5.051l-1.801.917c.679-.158 1.338-.353 2.009-.507l-.208-.41zm129.737-67.137l-.904.461c.989-.035.328.349.904-.461zm-83.803 43.732c.552-.938.036-.581.036-1.05-.001.375-.017.712-.036 1.05zm-7.929 5.589c1.672-1.462.989-1.02 3.399-2.248-2.063-.638-1.747.139-2.635-.722l-.238.121-.65.472c.036.779.072 1.558.124 2.377zm264.928-132.454c.015-.336.035-.675.032-1.048l.454-.232c-.15.452-.318.866-.486 1.28zm1.866-1.983l.038.075c.274.189.522.344.8.531-1.091-.43-.697-.209-.8-.531-.027-.034-.045-.024-.072-.058l.034-.017a1.661 1.661 0 00-.242-.392c-1.103.42-2.235.81-3.337 1.23.952 1.345.346.762.121 2.472 2.676-.19 2.716-1.336 6.06-2.571-.218-2-.964-.917.314-2.741.313.873-.467.52.417.82-.379 1.554 1.808.017 3.114-.555.415-1.384.353-.226-.626-1.229l6.305-3.212c-.709-.296-1.447-.624-2.167-.914 2.272-.782 2.21-.61 4.472-1.246l.278-1.69c-1.189-.098-2.358-.16-3.539-.262-.193 3.899-8.535 7.821-11.17 10.29zm.09-3.096l-.209-.41-1.775-.127 1.53.768.454-.231zM263.579 566.048c.219.78.408 1.528.601 2.274.5-.113 1.029-.196 1.555-.276l-2.156-1.998zm273.629-139.891c.444 3.106-1.253.31.085 3.523l1.358-.691c.214-.297.443-.602.684-.865-.282-.185-.583-.407-.868-.59-.198-1.307-.123-.829-1.259-1.377zm-156.274 79.626l-.904.461c.974-.074.309.312.904-.461zm-102.38 56.248c1.32.219 1.372-.23 3.106-.598a278.443 278.443 0 00-.55-3.286 94.154 94.154 0 00-3.304.182c-.71 1.347-.068.317-1.164 1.063.972 1.006 3.27.164 1.912 2.639zm-21.759 8.506c1.291.28.335-.171 1.53.768 1.161-.544.506-.304 2.009-.507-1.235-1.295-1.867-1.864-2.847-1.928-.167.132-.318.303-.489.437-.071.412-.132.818-.203 1.23zm139.69-73.194l.608 1.192c-.119-1.207.875-1.243-.608-1.192zm68.398-33.865l.454-.231c-.342-.295-.7-.629-1.061-.961l.607 1.192zm-242.02 122.846c.523-.97.033-.58.033-1.049-.016.337-.036.675-.033 1.049zm21.648-12.062l-.447.227c-.888 2.33.092 1.221.539 3.292.622-.645 1.214-1.322 1.836-1.968-.728-1.881-.138-1.9-1.687-2.19-.036.675-.052 1.387-.08 2.058-.038-.45-.105-.932-.161-1.419zm295.125-154.457c.51.257 1.02.513 1.512.732-.982-.86.256-.647-1.512-.732zm29.061-15.323c.869.214 1.756.466 2.617.685-4.828.676-5.764 3.077-9.191 4.213-.367 1.36.551 1.221-.329 2.702 2.612.64 7.663-6.486 11.018-5.098.536-2.479-.35-1.605 1.869-3.017-2.78-1.023-2.394-.422-5.984.515zm-2.459.737c-.064-.061-.117-.128-.158-.154a.17.17 0 00-.131.019c.094.046.181.096.289.135zm30.082-18.894c.993-.037.328.349.904-.46l-.904.46zm6.421-6.322c.064.484.105.932.161 1.42a19.772 19.772 0 001.559-.278c-.69-1.667-.372-.28-.366-1.832l-1.354.69zm29.455-20.122l-.896.456c-.016.337-.036.675-.033 1.049 1.074-1.204.54-.274.929-1.505zm.278-1.69l-.278 1.69c.53-.082 1.037-.2 1.567-.282-.924-1.501.132-.678-1.289-1.408zm45.54-30.853c.226-.303.47-.568.696-.87.377-.005.735-.047 1.112-.051l-1.984-.538c.06.486.116.973.176 1.459zm80.916-86.135c.619-1.019 1.56-1.076.364-1.64-.022.058-.059.077-.1.098-.09.514-.175 1.027-.264 1.542zM116.404 565.536l-.904.461c.993-.037.309.311.904-.461zm-2.305 2.16l.505-1.243-.904.461.399.782zm-.696.871l-.398-.782-.896.456c.434.107.868.215 1.294.326zm-13.726-11.354c1.001-.04.309.312.904-.46l-.904.46zm687.778-365.784c.386-1.182.963-.538-.157-1.422.06.486.116.973.157 1.422zM89.23 546.723l-.627-1.229-1.35.688c.06.485.116.973.176 1.458.226-.302.451-.604.696-.87.358-.041.735-.046 1.105-.047zm-4.862-6.204c-.526.081-1.048.159-1.555.277 1.224.408.133.307 1.764.133l-.209-.41zm-2.042 1.557l.45-.23c-.357-.334-.719-.666-1.076-1l.626 1.23zm1.207-3.196c-.093.563-.185 1.127-.27 1.687.633-1.074 1.642-1.072.27-1.687zm-1.347.686c-.019.339-.016.713-.036 1.051l.904-.46c-.282-.185-.586-.406-.868-.591zm680.089-349.15l.102.089c.037-.066.022-.058-.102-.089zM80.567 535.277c-.452 1.309.072.526-1.39 1.74l.209.41.904-.461c.434.108.887.252 1.321.36.013-.335.01-.709.029-1.048l.278-1.689-1.351.688zM35.203 426.206c.003.374-.017.712-.033 1.049.282.185.586.405.868.59.218-.298.462-.564.687-.866-.044-.4-.096-.796-.148-1.192l-.563.006-.811.413zm-.21-.41l-.903.461c.993-.037.328.349.904-.461zm-1.928-1.551l-1.8.917c.285.184.586.406.871.589.31-.486.612-1.016.929-1.506zm-1.076-1c-.001.376-.017.713-.037 1.051l.904-.46c-.282-.185-.567-.369-.868-.591zm735.675-228.348c-2.364-.954-3.221-2.535-5.287-4.392-.026.06-.077.18-.086.513l-.417-.82c.187.139.307.172.401.218a19.024 19.024 0 00-2.33-1.769c2.984-1.004 4.048 1.222 6.188-.103.294 2.103.745.653-.538 2.292l2.251-1.147c.855 1.301 1.687 2.566 2.523 3.83-2.011.274-1.046-.03-2.705 1.378zm-9.458-7.429c.526-.08 1.037-.199 1.563-.279-1.289.938-.099.707-1.563.279zm-8.166 24.057c-.225.303-.459.562-.684.865l-.871-.589.245-.641c.377-.004.743-.003 1.101-.045l.209.41zm-3.147 1.604c.02-.339.036-.676.033-1.049l.446-.228c-.15.452-.31.862-.479 1.277zm-3.81 1.424l.045-1.007.453-.232c-.168.415-.336.829-.498 1.239zm-16.008-3.574c.02-.339.036-.675.037-1.051.019.554.55.142-.037 1.051zm16.067 44.885c.205-1.465.155-.267-.161-1.42l.45-.229c.123 1.298.678.171-.289 1.649zm-85.779-152.765c-7.552-1.782-13.137-11.84-20.215-9.595.245-.641.49-1.282.731-1.921-2.715.492-1.772.246-4.435.195-1.138-1.156-.045-.915-1.025-2.011 2.541-.31 24.972 6.702 27.71 9.859 0 0-.912 2.247-2.766 3.473zm.655.183c1.272.243.312-.206 1.511.731-.51-.256-1.001-.475-1.511-.731zm-14.582-6.365l-.626-1.23.443-.225c.067.481.123.969.183 1.454zm-12.166-6.049l-.627-1.23c.514.255 1.02.513 1.534.768l-.907.462zm87.758 177.799c.244-.266.47-.568.695-.871l1.347-.686c-.557 1.316-.408 1.334-2.042 1.557zM628.063 87.904c-.922 1.408-.069.692-1.8.917l1.8-.917zM669.7 331.058l-.453.231c-.113-.599-.249-1.234-.363-1.833.206.036.434.107.659.181.041.448.097.935.157 1.421zm-1.8.917l-.417-.819c.788.536.499-.114.417.819zm.173 1.461c.019-.339.016-.713.036-1.051.019.553.539.101-.036 1.051zm-1.555.276l-.836-1.639c.434.483.852.927 1.286 1.41l-.45.229zm-1.592 1.327c-.778-.073-.248-.624-1.559.279.085-.56.177-1.124.27-1.687.678-.158 1.357-.316 2.009-.507l-.72 1.915zm-.245.641c.511-.119 1.037-.2 1.559-.278-1.285.936-.091.703-1.559.278zm-7.498 5.322c-1.413-.594-.625-.151-1.27-1.371.438.106.872.213 1.325.358-.019.338-.035.674-.055 1.013zm-1.74 5.485l-1.801.918c-.265-.898-.522-1.752-.791-2.647-1.088.742-.847.572-1.833 1.966-.082-1.459-.132-1.059-1.072-1.002-.154-1.892.109-.853 1.591-1.327.252-1.63.189-.613-.571-2.243 2.047.412 2.092.905 3.243 1.914-.736.046-1.471.093-2.218.098 1.146.777 2.299 1.55 3.452 2.323zm-2.741 2.429l-.417-.82c.792.535.503-.115.417.82zm-3.206-2.965c-1.274.462-2.897 2.04-2.133 3.621-2.028-.844-.956-2.188-1.388-3.845 1.12-.054.937-.101 1.548-.319a89.274 89.274 0 01-.853-.551c.359-.042.728-.042 1.106-.047.225-.302.45-.605.695-.87l1.025 2.011zm.023 5.619c-1.427-.493-.992-.714-1.948-1.588l2.021-.513c-.021.714-.056 1.389-.073 2.101zm-1.138 1.096c-1.434-.067-2.641.361-4.263 1.656.764-2.031.688-2.181 1.862-3.013l-.418-.819 1.984.537.835 1.639zm-6.364-1.356c-1.402-.552-.359-.051-1.08-.998-.47.568-.913 1.169-1.383 1.737L638.51 350l1.35-.688c.963.401 1.908.765 2.845 1.132-1.058.398-.439-.152-.688.866zm1.406 3.882c-3.641 4.202-10.587 4.785-11.646 10.533l-2.156-1.998.802 2.688c-2.089-1.094-.564-1.402-2.427-.312-1.167-2.503.578-1.139-2.13-1.965 1.933-.75.628-.414 2.642-.36l-.816-1.602c.964.025 1.924.052 2.88.081-.355-1.931-.855-.503.728-1.92-1.526-.254-.296-.13-1.563.28a13.52 13.52 0 01-.864-.592c1.048-.159 2.085-.358 3.114-.554-.411-.964-.357-1.273-.339-2.643-.153-.016-.348-.057-.527-.06-.576.341.22.358-1.026.101a12.2 12.2 0 011.026-.101c.119-.061.287-.099.536-.179.001.093-.006.144-.009.239 1.971.216 2.793 1.674 3.22 2.723.929-1.505 1.869-3.016 2.798-4.522.377-.005.754-.009 1.113-.051l-.937 1.51c.659.18 1.322.358 1.981.539-1.023-.324-.164-.386.687-.866l-1.044-2.049c.663.178 1.322.359 1.984.537l-1.025-2.011.443-.226c2.04.509 1.328.308 2.555 2.78zm-19.417 5.295a354.68 354.68 0 002.199-.135l.209.41c-.905.836-1.817 1.63-2.74 2.429.112-.902.22-1.802.332-2.704zm2.452-.733l.904-.46c.285.183.567.368.852.551l-.94 1.511c-.492-1.767.446-.321-.816-1.602zm3.399-2.248c-1.288.938-.099.707-1.562.28.507-.117 1.036-.2 1.562-.28zm3.461-4.344l.446-.227c-.149.451-.31.862-.479 1.276.016-.337.036-.675.033-1.049zm2.664-.325c-.462.564-.913 1.169-1.383 1.737-.015-1.4-.018-.836-.385-1.869.606.067 1.189.099 1.768.132zm1.808-.921c.427.111.88.255 1.314.363-.169.414-.337.828-.479 1.276l-.454.231c-.132-1.575-.04-.824-.381-1.87zm3.871-3.521l.45-.229c-.15.451-.318.866-.479 1.276.019-.338.028-.671.029-1.047zm2.434.308c1.209 1.261-.552 1.079.835 1.64l.19.372c-.66.195-1.338.353-1.998.549.318-.866.655-1.695.973-2.561zm-.096-3.517c.494.593.984 1.188 1.478 1.78-.285-.183-.567-.368-.852-.551-.244.266-.47.568-.714.833.036-.675.052-1.387.088-2.062zm-17.89 23.897l-.608-1.192c.434.107.869.214 1.322.359-.245.265-.47.567-.714.833zm-6.792-1.091c-.795-.815-1.571-1.593-2.366-2.408.739.327 1.454.62 2.193.947.056.488.116.973.173 1.461zm-3.661-2.734c.218-.298.443-.601.688-.866l.454-.232c-.536 1.165.354.899-1.142 1.098zm.085 3.523c.169-.79.357-1.543.522-2.331l.443-.225c-.151 2.094.41.776-.965 2.556zm-2.005.506c.016-.337.012-.711.032-1.049l.454-.231c-.172.416-.322.867-.486 1.28zm-2.431-.311c.02-.338.036-.674.036-1.05.043.588.55.142-.036 1.05zm-1.137 1.097c.518-.077 1.029-.197 1.555-.277-1.289.938-.099.707-1.555.277zm-2.255 1.148c-.056-.487-.116-.973-.172-1.46l1.8-.918c-.546.795-1.089 1.587-1.628 2.378zm.594 2.278c-.06-.485-.116-.973-.176-1.458.881.818.338.25.176 1.458zm-.871-.588c-.225-.073-.434-.107-.659-.18l-.446.227c-.043-.166-.047-.258-.075-.385a7.2 7.2 0 01-.793-.205c.926-.003.745-.286.793.205.176.051.352.103.521.158l.45-.23.209.41zm-2.54 2.795l-1.8.918a94.558 94.558 0 00-.165-1.418c.286.183.567.368.872.588l.904-.46.189.372zm-.277 1.69c-.434-.107-.868-.214-1.314-.363l1.8-.917c-.149.452-.318.866-.486 1.28zm-4.263 1.656l1.35-.688c-1.06 1.057.126.781-1.35.688zm-2.009.508c.092-.564.204-1.09.296-1.653.351-.038.728-.042 1.105-.047.041.449.098.936.158 1.422-.504.115-1.03.196-1.559.278zm-1.174 2.146c-.718-1.37.543-.229-.382-1.87l1.314.363c-.321.492-.611 1.015-.932 1.507zm-1.739-1.178l-.608-1.192.454-.231c.056.487.116.973.154 1.423zm-.512 2.325l-1.025-2.011c.64.143 1.295.325 1.954.506-.317.49-.612 1.015-.929 1.505zm-.185 5.209c-.847.572-1.668 1.178-2.495 1.788l-.418-.82-.896.457c.736-1.36-.421-.771 1.141-1.098-.06-.485-.116-.973-.176-1.458 1.813.202.712-1.114 2.672-.329-.148.732-.693.305.172 1.46zm-5.798-4.694l.19.372c-1.509.488-.047.634-1.536.314l1.346-.686zm1.061.961c.586.405 1.153.773 1.739 1.178.282.185.567.368.842.557-.275-.189-.56-.372-.842-.557-1.316-.127-1.107.752-1.739-1.178zm-3.27 4.716c-.805.27-1.632.503-2.444.776-.301-.222-.586-.405-.861-.594 1.478-.236-.042-1.104 1.347-.686.407-1.38.007-.989-.148-2.505l1.358-.692c-.041 1.335.016 2.385.748 3.701zm-4.904 1.513l.695-.87.45-.229c-.543 1.168.359.896-1.145 1.099zm-1.072-1.002l.446-.227c-.161.41-.31.862-.479 1.276.016-.336.017-.712.033-1.049zm.385 1.869c-.245.265-.47.568-.714.833a30.882 30.882 0 01-.846-.555c.066-.221.143-.448.238-.637.358-.042.736-.047 1.113-.051l.209.41zm-3.656 2.848c-.189-.748-.382-1.495-.571-2.243.728-.043 1.463-.089 2.217-.098-.546.795-1.111 1.552-1.646 2.341zm-2.174-.91c.02-.339.02-.714.036-1.051l.45-.229c-.164.412-.314.864-.486 1.28zm-4.409 5.812l-1.591 1.327c-.06-.485-.116-.973-.176-1.459.529-.082 1.036-.199 1.559-.278l.208.41zm-3.359 1.196c-.056-.488-.116-.973-.172-1.461l.442-.225a136.71 136.71 0 01-.27 1.686zm-.695.87c-.535.789-1.081 1.583-1.624 2.376-.394-1.536-.737-1.032-2.149-2.002 1.46-.463 1.865-1.185 3.564-.784-.526.081-1.029.196-1.555.276 1.177.527.184 1.033 1.764.134zm-5.433 3.801l-.627-1.229c1.291.28.331-.169 1.531.768l-.904.461zm-.743 1.88c.019-.339.035-.675.047-1.01l.45-.229c-.168.414-.329.825-.497 1.239zm-1.475-1.783l-.418-.819c.774.497.492-.11.418.819zm-.535 2.29c-.225.303-.45.606-.694.871.055-1.014.087-2.063.116-3.11.189.749.389 1.491.578 2.239zm.053 4.572l.454-.231c.358.334.719.666 1.076 1l-2.25 1.147-.209-.41c1.081-1.208.559-.237.929-1.506zm-3.243-1.914c.719.666 1.438 1.332 2.138 1.961l.209.41c-1.054.912-2.119 1.783-3.183 2.654.27-1.686.566-3.339.836-5.025zm-3.296 5.762a18.365 18.365 0 01-.871-.588c.47-.568.932-1.132 1.402-1.7l1.302.322.209.41c-1.692.909-.834.284-2.042 1.556zm-4.93-4.104c.728-.042 1.463-.089 2.218-.098.041.448.097.936.157 1.422-1.901-.393-.451.511-2.375-1.324zm2.314 3.42l-.418-.82c.763.503.492-.11.418.82zm1.713 1.145l-.479 1.276c-.229-.071-.434-.108-.663-.179.02-.338.036-.675.036-1.05l.897-.457.209.41zm-1.085-6.58l.45-.229.626 1.229c-.453-.145-.887-.252-1.321-.359.076-.227.168-.414.245-.641zm2.379 1.322c1.438.487-.093.047.176 1.458-1.719-.954-.529-.246-1.234-2.421 1.383.515.329.02 1.058.963zm.984-2.519c.728-.043 1.463-.089 2.217-.098l-.903.46c.285.183.567.368.852.551l-2.408-.274c.073-.225.15-.452.242-.639zm-5.011 10.202c-1.164-1.191-.153.03-.579-2.24 1.616.256.559.279 1.72 1.142-1.148.772-.18-.096-1.141 1.098zm1.712 1.145l-.398-.783c.773.498.484-.153.398.783zm-8.555 4.359c.337-.829.655-1.695.984-2.519.951-1.517 2.148-.861 3.146-2.589l-.618-.248c.228.071.453.144.663.179-.007.05-.022.057-.045.069l2.226.884c-3.179.775-4.373 1.946-6.356 4.224zm3.363-1.198c.02-.338.036-.675.055-1.013l.443-.226-.498 1.239zm-1.805-4.664l.443-.226.607 1.193c-1.427-.447-.192.192-1.05-.967zm1.138-1.096c.586.03 1.169.061 1.768.132-1.141.768-.181-.096-1.161 1.06l-.607-1.192zm.515-2.327c.244-.265.469-.568.695-.87l.45-.23c.781 1.432.367.564 1.94 1.592-.876.119-1.783.206-2.667.328l-.418-.82zm-7.691 4.951c-.057-.487-.117-.973-.173-1.461l.454-.231c.119 1.301.693.211-.281 1.692zm-.113 3.108l-.454.231c-.206-.036-.43-.109-.659-.181.02-.338.036-.674.052-1.011l.907-.463c.057.488.098.936.154 1.424zm-2.789-2.145l.442-.226c.362.332.719.666 1.077 1-.241.263-.47.568-.684.865l-.835-1.639zm.739-1.879l-.948 1.469c-.361-.332-.704-.627-1.061-.961 1.485-.147.869-.115 2.009-.508zm-9.158 8.749c.639-2.156.494-.299-1.012-3.098.229.071.454.145.663.179 1.623.205-.288.85 2.182.953a59.41 59.41 0 00-1.833 1.966zm-.952 1.471c.305.22.586.404.872.588-1.569.94-.289.71-1.775-.128l.903-.46zm-4.388-.815c.812.103 1.623.206 2.427.312-1.992.311-.93.474-2.427-.312zm.093 3.519c.434.108.887.252 1.314.363-.58 1.234-.606.356-1.314-.363zm-3.572.788l.051-1.012c.286.183.567.368.853.551l-.904.461zm-2.247 1.145c-.849-.553-1.72-1.142-2.588-1.732 2.654-1.118 1.464-.089 2.704-1.378-.036 1.051-.068 2.1-.116 3.11zm.446-.228c.016-.336.036-.675.052-1.011l.454-.232-.506 1.243zm-2.106 3.654c-1.036-.176-2.05-.316-3.086-.492-.097-.936-.213-1.909-.337-2.878.756 1.116.953.5.389 1.866 2.788 1.16 2.272-.266 4.384.816l-1.35.688zm-4.26 1.655c1.517-.022 1.105-.517 2.877.082-.96-.027-1.924-.052-2.877-.082zm-.087 2.062l-2.255 1.148c.261-.977.522-1.955.776-2.929.434.108.887.252 1.321.359.06.486.117.974.158 1.422zm-5.172-3.465l.45-.229a20.74 20.74 0 00-.479 1.276c.001-.376.017-.712.029-1.047zm-2.456.735c.58.033 1.181.102 1.768.131-1.616.167-.539.275-1.768-.131zm2.677 5.253c-.113-.6-.257-1.23-.37-1.83.434.108.868.215 1.321.359-.321.492-.638.982-.951 1.471zm1.378-7.319l.442-.225c-.161.41-.31.862-.479 1.276.02-.339.017-.712.037-1.051zm-3.376 7.867c.001-.376.017-.712.036-1.051l.904-.46c-.401 1.236.16.294-.94 1.511zm-1.555.277l-1.35.688-.418-.82c.378-.38.764-.718 1.141-1.098l.904-.461-.277 1.691zm-2.314-3.42c.434.107.868.214 1.321.359l-1.346.686c-.011-.37.009-.709.025-1.045zm-1.411 8.367l-.417-.819c-.108 1.885-.491-.688-.816-1.602l1.357-.692a138.64 138.64 0 00-.124 3.113zm-2.756-3.194l-.817-1.602c.419.444.852.927 1.27 1.371l-.453.231zm-1.801.917l-.626-1.229c.53-.082 1.048-.158 1.559-.278a29.394 29.394 0 01-.933 1.507zm-.871-.588c-1.434-.442-.189.19-1.058-.962l.451-.23.607 1.192zm-3.878 3.525c-.679.158-1.331.349-2.009.507l-.627-1.229 1.351-.688c.727 1.271-.351.507 1.076 1l.209.41zm-1.496 4.844c-.529.082-1.036.2-1.566.282.394-.717.787-1.434 1.174-2.147l1.113-.05c-.242.639-.487 1.28-.721 1.915zm-3.487-1.273c-.454-.144-.888-.251-1.322-.359.077-.226.168-.414.245-.641l1.8-.917c-.245.641-.478 1.276-.723 1.917zm.12 2.472c-1.922-.287-1.748-.939-2.13-1.964.656.182 1.314.363 1.958.504.056.487.116.973.172 1.46zm1.95-5.075c-1.347.217-2.189.505-3.323.144l3.323-.144zm.626 1.229l-.417-.819c.773.497.503-.116.417.819zm-7.41 3.259c-.393.342-.771.722-1.137 1.097.154-1.674.324-1.01.061-2.096l.45-.23.626 1.229zm-3.721 4.946c-1.107-.186-1.795-.774-2.825-1.094-.871-.495-1.344.544-3.114.555.711.67 1.411 1.298 2.13 1.964a18.365 18.365 0 01-.871-.588l-1.347.686-.121-2.472c-.53.082-1.037.2-1.567.282 3.849-1.21 4.557-1.43 8.073-3.081-.431 2.472-1.296 1.833-.358 3.748zm-7.41 3.26c.016-.337.036-.675.033-1.049l.896-.457-.929 1.506zm-1.321-.359l.418.82-1.106.046c-.225.303-.451.606-.695.871l-.993-3.061 1.351-.688 1.025 2.012zm-4.244 1.693l-.897.457c.085-.56.178-1.123.27-1.686 1.683-.247.862-.111 2.009-.508-.604 1.481.787 1.148-1.382 1.737zm-4.413 5.814c-1.455.648-.066.551-1.555.277 1.277-.041.669-1.749.756-2.966.998.524-.031.25.799 2.689zm-4.922 1.476l-.117-2.474c-1.292.94-.552-.329-1.168 1.064l-.443.226c.023-1.795.48-1.699 1.226-3.159 1.476.562.93.981 1.234 2.422.462-.564.932-1.132 1.401-1.7-.714 1.209-1.418 2.413-2.133 3.621zm-.892.455l-.627-1.229.443-.226c.056.488.124.97.184 1.455zm2.842-5.53l.904-.461c-.39 1.231.163.293-.929 1.506 0-.376.016-.713.025-1.045zm-8.463 7.878c.019-.339.035-.675.036-1.051l.45-.229c-.149.451-.318.866-.486 1.28zm-7.443 4.308c-.228-.071-.434-.107-.662-.178-.057-.488-.117-.973-.173-1.461a42.302 42.302 0 002.218-.098c-1.61.961-.575.012-1.383 1.737zm-4.681.837c-.056-.488-.097-.936-.153-1.423.602 1.007.623.01.153 1.423zm-2.371-1.326c.008-.333.009-.708.025-1.045l.454-.231c-.169.414-.318.866-.479 1.276zm-3.878 3.525l-.627-1.23.897-.456c-.093.563-.178 1.122-.27 1.686zm-2.463.739c-.453-.145-.887-.252-1.322-.36.824-1.639.909.054.732-1.921.426.487.844.931 1.277 1.414-.244.265-.462.564-.687.867zm-3.781.377c.583.032 1.189.098 1.772.13-1.613.164-.54.275-1.772-.13zm-1.229 3.16l-.607-1.192c.434.107.868.215 1.321.359l-.714.833zm-4.497 2.292c.253-.974.514-1.952.775-2.929.586.405 1.146.777 1.732 1.182-.84.569-1.668 1.178-2.507 1.747zm1.462 2.868l-.627-1.229.447-.227c.056.487.112.975.18 1.456zm-2.877-.082l1.8-.918c-.797 1.58-.095 1.175-1.8.918zm-1.897-2.6c.479.037.965.071 1.443.109-1.125-.037-.074.601-1.443-.109zm-3.845 2.475l-.627-1.229 1.804-.919c-.24 1.67.26.712-1.177 2.148zm-1.921 4.029c.261-.978.522-1.955.776-2.929.659-.195 1.338-.353 1.997-.549-.92 1.173-1.852 2.305-2.773 3.478zm1.267 1.372c-1.379-.517-.337-.016-1.058-.962l.45-.23.608 1.192zm-3.452-2.323c-.037-.451-.098-.936-.154-1.424l.45-.229a33.782 33.782 0 01-.296 1.653zm.14 2.509c-1.692.909-.823.279-2.034 1.553-.229-.072-.453-.145-.663-.179l-.626-1.229c1.38-1.079.692-.353 2.463-.739-.419-.444-.852-.927-1.27-1.371l1.295.326.835 1.639zm-4.288 2.701c-2.213-.186-2.473-.852-4.111-2.504 1.543-.457 1.941-.66 2.938-2.013l.454-.231c1.012 2.675.33 3.351.719 4.748zm-2.946 2.017c-.06-.485-.116-.973-.176-1.458l.454-.231c.019 1.491.261.476-.278 1.689zm-3.419-3.372l.896-.457c.434.107.869.214 1.322.359l-.506 1.243c-.8-1-.194-.464-1.712-1.145zm-.12 3.111c.241-.639.486-1.28.727-1.919.438.481.852.927 1.289 1.408-1.492.15-.888.077-2.016.511zm.51 4.339l-.209-.41c.321-.492.638-.982.933-1.508l.45-.229c1.157.818-.04 1.099-1.174 2.147zm-2.973-3.6l-.897.457c-.567-.368-1.152-.774-1.719-1.142 1.282-.794 1.579-.57 1.836-1.968.583.032 1.17.061 1.771.13-1.339 1.527-.984.689-.991 2.523zm.392 1.864l.443-.225c.361.332.7.628 1.061.961-1.264-.248-.316.207-1.504-.736zm-1.192 2.11l1.346-.686c-.681 1.285.129.638-1.346.686zm-2.138-1.961l1.346-.686.627 1.229a566.83 566.83 0 01-1.402 1.7c-.333-2.318.381-.898-.571-2.243zm-3.002-2.553c.377-.005.728-.042 1.105-.047l1.776.128c.02 1.491.261.476-.297 1.652-.912-1.881-.634-.85-2.584-1.733zm.957 4.111c-1.483-.464-1.101-.237-1.476-1.782 1.518.634.506.587 1.476 1.782zm8.985-10.209l.443-.225.626 1.229-1.347.686.278-1.69zm4.468-1.244c.774.497.496-.112.418.819l-.418-.819zm-6.064 14.82c.437.481.852.927 1.289 1.408-1.529-.628-.309.064-1.289-1.408zm-3.633 2.884l-.626-1.229c.453.144.887.251 1.314.362-.218.299-.463.564-.688.867zm-8.293-2.907c-.539.415-1.065.871-1.592 1.327.145-1.95.282-3.897.426-5.848l2.251-1.146c-.362 1.873-.735 3.752-1.085 5.667zm1.961.502c-.415-.445-.852-.926-1.266-1.372.281.185.567.368.867.59.017-.712.052-1.387.061-2.096l1.929 1.551c-.969 1.151-.584.674-1.591 1.327zm-5.859-2.598c-.007-.372.009-.708.028-1.047l1.322.359-1.35.688zm.538 3.292c-.526.08-1.037.2-1.555.276.253-.974.514-1.951.775-2.929 1.266.434.431.578.78 2.653zm-.113 3.107l-.816-1.602.897-.456-.081 2.058zm-2.025-5.068l.904-.461-1.192 2.11c.092-.564.184-1.127.288-1.649zm-1.704 4.434c-.304-.22-.586-.405-.871-.588 1.08-.785.435.247 1.149-1.101l.896-.457c.358.334.719.666 1.077 1l-2.251 1.146zm2.163.916c-.056-.487-.116-.973-.154-1.423l.451-.229c.019 1.491.261.476-.297 1.652zm-3.906-2.092c-.509-2.04.768-1.189 1.23-3.16l.453-.232c-.463 1.738.766.408-.743 1.881l.418.819-1.358.692zm3.307-5.768l.454-.231c-.168.414-.318.866-.486 1.28.016-.336.016-.712.032-1.049zm-8.707 8.52l-.209-.41c.396-.343.775-.723 1.141-1.098l1.567-.282c-.75 1.508-.352.414-2.499 1.79zm.036-1.051a89.274 89.274 0 00-.853-.551c1.077.108.473.275.853.551zm-2.441.774l-.626-1.229.45-.23c.06.486.116.973.176 1.459zm-.662-.178c-.754.009-1.482.051-2.218.097.073-.225.168-.414.241-.639l1.351-.688.626 1.23zm.51 4.338l-.418-.819c.774.497.496-.112.418.819zm-3.748-.671c.394-.717.78-1.43 1.193-2.109l.904-.461c-.715.833-1.402 1.7-2.097 2.57zm1.948 1.589c-.301-.223-.587-.406-.868-.591 1.073.111.469.278.868.591zm-4.408-.852c.202-1.839.651-2.208 1.471-3.799l.896-.457c-.155 2.05-.586 2.316-1.671 3.386.3.222.586.405.86.594a21.9 21.9 0 01-1.556.276zm-.965 2.556l.278-1.689c1.605-.161.539-.275 1.764.133-1.692.909-.834.284-2.042 1.556zm.817 1.602c-.06-.485-.098-.936-.158-1.421l.454-.231c.02 1.491.262.476-.296 1.652zm1.947 1.589c-.777-.074-.248-.625-1.566.282l.277-1.69c.229.071.435.107.663.178 1.259-.407.048-.494 1.555-.276-.317.49-.638.982-.929 1.506zm-3.905-2.093l-.835-1.639c-1.477.237.035 1.108-1.354.69-.971 1.902-.673.39.147 2.506-.397.343-.771.721-1.168 1.064-1.226-2.003.278-1.221-1.921-1.555-.752-.086-1.019-.372-1.145 1.1l-.446.227c-.755-2.759.18-2.532.393-4.799l1.347-.686c-.027 1.749-.07.176 1.234 2.421.919-1.36 1.308-.807 1.229-3.16 1.677.037 1.461.1 2.668-.327.285.183.567.368.852.551-.556 1.363-.597 1.008-.314 2.741a9.822 9.822 0 00-.687.866zm-7 4.083c-.453-.144-.887-.252-1.314-.363l1.8-.917c-.168.414-.337.829-.486 1.28zm-.567 3.339c-.434-.107-.887-.252-1.321-.359 1.387-.754.844-.055 1.39-1.741 1.148 1.057.574.693-.069 2.1zm-4.677.835c.486-.905.949-1.845 1.435-2.749l.896-.457c-.779 1.054-1.551 2.151-2.331 3.206zm-2.105-3.01l1.358-.692c-.47.568-.92 1.173-1.39 1.741.016-.337.016-.713.032-1.049zm-2.858-.046c1.643-.555 1.231-.251 2.042-1.556l.904-.461c-.337.829-.655 1.695-.984 2.519l-1.962-.502zm-5.664 3.356c.413-1.055.815-2.105 1.229-3.161.132.637.249 1.235.381 1.871 1.516-1.476 3.05-2.915 4.573-4.395l.209.41-.904.461c1.689.922-4.84 4.202-5.488 4.814zm2.426.312l-.418-.82c.793.535.5-.114.418.82zm-1.225 3.158c.201-1.463.158-.268-.158-1.421l.454-.232c.119 1.301.674.173-.296 1.653zm-2.227-5.482c.18.941.764.221-.277 1.69l.277-1.69zm-1.016 3.568c.016-.337.036-.675.051-1.011l.897-.457-.948 1.468zm10.271-8.799l1.346-.686c-.241.639-.486 1.28-.72 1.915-.286-.183-.586-.405-.871-.588.076-.227.168-.414.245-.641zm3.93 1.047c1.626-.359 2.087-.547 3.331-.148-1.576.99-3.174 1.946-4.75 2.936l-.209-.41c1.589-1.232.73-.747 1.628-2.378zm-.816-1.602l1.354-.689.418.819c-1.802.777-.376.614-2.017.511.077-.226.168-.414.245-.641zm4.746-2.934c-1.289.938-.099.707-1.563.28.526-.08 1.037-.2 1.563-.28zm8.141-5.18c1.507-.299-.707 1.674-1.174 2.146.387-.713.78-1.43 1.174-2.146zm-16.038 21.967l-.627-1.229.45-.23c.06.486.117.973.177 1.459zm-13.176-2.484a40.195 40.195 0 00-1.965-.5c1.135-.954 1.057-.069 1.178-2.149.643.518 1.282 1.036 1.928 1.551-1.458.65-.829.001-1.141 1.098zm-5.112 1.103l-.208-.409c.45-.605.912-1.169 1.382-1.737.286.183.567.368.872.588a51.469 51.469 0 00-2.046 1.558zm-4.504 2.296l-.627-1.23 1.322.359c-.244.266-.47.568-.695.871zm-5.855 2.983c.318-.866.647-1.691.965-2.557.112.882.218 1.016-.965 2.557zm-10.62 5.88l-.816-1.602.904-.461c-.035.676-.052 1.388-.088 2.063zm-1.173 2.146l-1.556.277c.009-.333.028-.671.025-1.045 1.849.043 2.627-.4 3.817-1.429.189 2.109-.798 1.017-2.286 2.197zm-3.067-.455l-.743 1.88c-.074-2.261.477-1.556 1.02-3.57.18.941.753.227-.277 1.69zm-2.672.329c.418.444.852.927 1.27 1.371-1.52-.492-.702.076-1.27-1.371zm.546 3.288l-.417-.819c.785.538.492-.11.417.819zm-3.693-1.684c.016-.337.009-.709.025-1.046.031.548.539.101-.025 1.046zm-3.845 2.475l-.627-1.229 1.801-.918c.587 1.015.191.513 1.281 1.412-.823.232-1.651.466-2.455.735zm1.712 1.145c.02-.338.036-.675.037-1.05l.896-.457a26.533 26.533 0 01-.933 1.507zm-2.729 2.423l-.907.463c.019-.339.02-.714.036-1.051.285.183.586.405.871.588zm-1.984-.537c-1.29-.141-.209.059-2.045 1.558.092-1.548.01-1.929.811-3.98l1.234 2.422zm-.27 1.686l-.418-.82c.793.535.493-.11.418.82zm-8.201.612c-.526.081-1.037.2-1.555.277.015-.337.009-.709.025-1.045l.903-.461.627 1.229zm-4.654 6.454l-.417-.82c.773.498.503-.115.417.82zm-19.453 6.346c.001-.376.017-.713.029-1.048l.45-.229c-.168.414-.329.825-.479 1.277zm-12.098 4.099c-.067 1.395-.411-.494-.607-1.192.494.593.988 1.186 1.478 1.781-.281-.185-.586-.406-.871-.589zm-1.869 3.017c-.442-.15-.876-.257-1.314-.363.172-.416.321-.867.479-1.276.252.2.643.141.208.41.362.332.719.666 1.081.998l-.454.231zm-.688.867c1.609-.163.52-.313 1.749.094l-1.749-.094zm-.948 1.468c.009-.333.028-.671.044-1.008.031.548.543.099-.044 1.008zm-3.407-3.332l2.173.91c-1.477-.232-.857.156-2.173-.91zm2.295 3.383a89.274 89.274 0 00-.853-.551c1.077.108.473.275.853.551zm-.721 1.915c.016-.336.025-.669.025-1.045l.451-.229c-.15.451-.318.866-.476 1.274zm-2.836-1.088a19.1 19.1 0 01.036-1.051c.282.185.567.368.868.59l-.904.461zm-11.188 15.882l-.417-.819c.793.535.496-.112.417.819zm8.074-15.328l-.627-1.229c1.327.544.705-.171.627 1.229zm-13.305 7.295c.02-.338.016-.712.036-1.051.434.108.887.252 1.322.36l-1.358.691zm-1.383 1.737l.278-1.69.446-.227c-.237.637-.479 1.276-.724 1.917zm-.739 1.878a45.95 45.95 0 01-.157-1.421c.209.034.427.111.636.145-.142.448-.31.862-.479 1.276zm-6.245 7.781c-1.169-.014-2.191.131-1.08-.998-1.966-.641-1.003.699-2.617-.685 2.727-.92 1.852.793 4.472-1.246.282.185.568.368.849.553-1.17 1.722-1.544 1.162-1.624 2.376zm5.911 1.587c.117.597.249 1.233.366 1.831-1.51-.592-.309.064-1.27-1.371-1.123 1.089-1.573.849-2.938 2.014.326-1.199.664-2.403 1.017-3.568.937.367 1.881.73 2.825 1.094zm-11.5-5.872l-1.559.279c.168-.415.31-.862.479-1.277.529-.082 1.036-.2 1.566-.282-.168.414-.318.866-.486 1.28zm-.449 5.813c1.892-.213 1.668-.146 3.089.491-1.029-.18-2.05-.317-3.089-.491zm3.009 2.55c-2.166.024-.956.064-2.383-1.32 2.479-.137.131.918 2.193.947l.19.373zm-6.197-5.477l-.626-1.229 1.346-.687.626 1.23-1.346.686zm-.322 2.698c-.136-.635-.26-1.229-.392-1.865l.454-.231c-.021.714-.056 1.389-.062 2.096zm-1.208-3.467c.884.816.338.25.183 1.455-.06-.486-.127-.967-.183-1.455zm3.784-.38l1.709 1.147-.684.865-1.025-2.012zm4.241-1.691l-1.138 1.096-.607-1.192.896-.457c.282.185.567.368.849.553zm-9.408 3.808c-.244.265-.462.564-.688.866-1.322-1.813-.588-2.093-2.555-2.78l2.199-.135 1.044 2.049zm-11.339-4.452c.478.038.964.072 1.443.11-1.125-.037-.074.6-1.443-.11zM58.618 402.028l-.607-1.192.904-.461-.297 1.653zm-2.199.135l.4.782-.45.23-.122-2.473c.877.82.334.252.172 1.461zm-3.511 5.356l.068-2.1.45-.229c.144 1.1.294.695-.519 2.329zm-2.218.097c.225-.302.47-.568.695-.87l.896-.457-.27 1.687c-.453-.145-.887-.252-1.321-.36zm-.57 3.341l-.21-.41c.02-.338.04-.677.056-1.013l1.8-.918c-.37 1.268-.442 1.211-1.647 2.341zm.176 1.459c-1.495 1.793-2.236 1.655-1.262 4.209-.274-.189-.579-.409-.86-.594-.378.38-.775.723-1.15 1.101 1.205 1.029 1.195.8 2.384 1.32l-1.592 1.327c-1.43-1.195-.878-.444-1.234-2.421-.38.006-.735.046-1.116.053l.626 1.229c-1.188-.098-2.35-.163-3.54-.262l.627 1.23c.377-.005.736-.046 1.113-.051-.546.419-1.073.875-1.592 1.327-1.205-.747-.369-1.313-.755-3.698-1.274.415-.555.612-2.218.098 1.226-.483.972-.354 2.672-.329l.278-1.69c.651.185 1.314.363 1.973.543-.364-.19 2.42-3.626 2.611-4.896l2.2-.136.835 1.64zm67.318 149.923c0 .375-.016.712-.036 1.051l-.816-1.602 1.35-.688c.282.185.567.368.849.553l-1.347.686zM42.459 421.523c1.605-.16.52-.312 1.745.096-.583-.031-1.162-.064-1.745-.096zm71.009 139.362c.184-.75.346-1.537.53-2.287.944.363 1.888.726 2.825 1.094-1.892.166-1.808.405-3.355 1.193zm-2.705 1.378a18.365 18.365 0 01-.871-.588c.096-.19.168-.414.264-.604l1.354-.69c.427.111.861.219 1.295.326-.675.532-1.347 1.062-2.042 1.556zm-3.182-9.593c-.317.49-.638.982-.937 1.509-.003-.373.017-.712.033-1.049l.904-.46zM39.092 422.723l-.626-1.23c.228.072.434.107.662.179-.02.338-.035.675-.036 1.051.302-.53.62-1.02.94-1.512-.188.753-.353 1.541-.541 2.294l-.399-.782zm2.463-.739c.491.219 1.001.475 1.511.731-.225.303-.47.568-.695.871l-.816-1.602zm1.392-8.405l.45-.229c-.241.639-.486 1.28-.72 1.915.085-.559.177-1.122.27-1.686zm59.792 138.508c-1.783-1.578-.25.033-.59-2.28l1.321.359c-.245.641-.486 1.28-.731 1.921zm-.044 1.008c.727.333 1.447.623 2.182.953-1.432-.162-.986-.014-2.182-.953zm3.138 5.064l1.358-.691c-1.086 1.022.099.747-1.358.691zm-7.172-9.625c-.434-.107-.887-.252-1.314-.363.237-.261.462-.564.688-.866l.453-.232c.057.488.117.973.173 1.461zm1.828 4.699c-.901-.526-2.483-.283-4.018 1.016l.277-1.69c1.406-.201 2.82-.405 4.227-.605l-.486 1.279zm-4.677-11.412c.016-.337.017-.712.032-1.049l.454-.231c-.168.414-.318.866-.486 1.28zm-56.589-79.89c-.378.381-.771.722-1.142 1.098l-1.892-2.602 2.704-1.378c.117.973.214 1.909.33 2.882zm740.785-253.944c-.199-4.31 5.931-5.556 7.438-9.89-.221-.075-.412-7.862-.112-9.14-5.038-2.126-8.134-9.417-18.587-11.974-1.07.311-.446-.148-.688.867-4.764-2.078-11.961-8.359-11.319-11.079l-.607-1.192c-8.531-2.269-24.614-12.234-28.135-22.922-.26.601-.498 1.239-.739 1.878.24-2.703-4.161-6.889-6.581-7.345-1.489-.65-.574-.225-2.01.507.684-1.381.061-.312 1.142-1.098-3.722-2.89-10.026-8.264-12.573-6.873.035-.675.041-1.382.076-2.057-2.376-.056-.7-.628-2.459.737.153-4.066-4.711-2.855-4.444-5.384-2.338-.826-1.478-.749-3.122.558-.447-1.742.174-2.481-2.094-3.015-.197.147-.099-.278-2.463.739.387-.713.78-1.43 1.174-2.147-2.636-1.238-1.81.171-5.658-2.185 1.585-.714.898.153 1.599-1.331-3.987 1.563-9.604-7.447-14.622-5.313-.392-3.648.978-20.628-8.525-21.182 0 0-.008.004-.245.64-6.039-4.008-24.112-14.695-30.049-12.233.085-.56.177-1.123.27-1.686-2.526 1.24-2.807.726-3.938-1.044-1.03.995-1.141.253-2.488 1.784.141-3.31-20.79-5.408-24.287-.905l-.835-1.639c-2.222 1.32-2.226 1.745-3.809 1.425-1.181 1.681-.785.4.382 1.87-1.395-.134-2.786-.27-4.199-.441.023 1.396.015.837.389 1.866-8.209-2.152-23.88-7.4-34.46-.835 0 0-1.583-1.306-.853-.552-3.006 3.644-21.595 5.608-26.661 10.019-.301-.222-.587-.405-.868-.59l1.8-.918c-3.241.15-15.072 7.164-15.072 7.164-.752-.555-.649.096-.418-.82-1.531-.392-7.05 2.514-6.751 3.44-1.017-.138-2.057-.312-3.067-.455-.183.469-.354.932-.556 1.363.08.194.063.39-.194.52.069-.175.132-.347.194-.52-.161-.434-1.08-.904-1.244-.445-3.351 1.754-9.288 3.418-12.61 6.424-5.944 5.281-48.162 24.493-51.936 23.882-4.691 1.874-8.825 6.139-11.014 5.096-1.035 1.888-.594.537-.069 2.1-2.714-.213-11.318 3.561-10.982 4.047l.209.41a356.468 356.468 0 01-6.273 2.163l.209.41c.606.067 1.181.102 1.768.131-2.066.396-4.151.755-6.236 1.113-1.318 1.047-1.869 3.017-1.869 3.017-4.549 1.426-32.725 14.516-32.813 14.655-1.452 2.898-12.338 8.586-17.593 9.996-.306.109-17.155 7.943-18.083 11.279-2.612-1.485-11.286 6.219-13.956 7.111-10.718 3.536-29.67 20.842-45.81 25.875-6.162 1.919-18.045 13.229-21.896 12.705-10.236 6.247-20.494 12.459-30.737 18.711.53-.082 1.03-.196 1.556-.277-16.478 6.144-36 26.039-52.216 32.236-5.409 5.853-27.632 22.855-30.673 23.278-.019.338-.039.677-.055 1.013.453.145.887.252 1.314.363-.576-.035-1.162-.065-1.768-.131-1.832 1.168-1.661 1.972-2.798 4.522-.362-.941.217-.439-.871-.588-5.259-2.717-22.119 25.206-28.605 27.338 0 0-6.297 5.508-10.065 9.211-2.353 2.278-15.272 12.943-16.238 14.89-3.879 7.936-14.587 12.641-18.224 21.016a398.88 398.88 0 01-6.096 3.623c-3.058 6.485-2.157 9.31-10.69 14.643l2.194.948a200.244 200.244 0 00-4.653-.211c-1.094 1.778-.501 2.133-2.315 3.245-.44.975-.398.156-.868-.591-2.927 3.744-4.83 4.855-5.83 8.602-1.361-.573-.28-.749-2.183-.953-.417 2.418-1.288 2.722-3.636 2.886-1.696 4.102-3.385 8.2-5.08 12.301 2.255 1.291 2.328.175 4.6 1.222l-1.807.921c-.02.339-.029.672-.048 1.01.347.011.691.023 1.02-.003l.539-.275c.004.092.02.177.024.269 1.177.01 2.339-.018 3.515-.007l-.486 1.279-.626-1.229c-.378.004-.736.046-1.106.047-.263 2.011-.148.592 1.025 2.012-5.24 2.248-18.204 18.285-18.83 19.824.559.372 1.145.777 1.712 1.145-1.238 6.684-5.598 8.343-6.733 15.725l1.8-.917c-.702 1.343-.068.316-1.16 1.06 3.702 4.12 7.288 16.887 10.197 17.797-.673 1.282.136.635-1.346.686 1.64 9.629 16.467 37.22 19.571 39.533 8.193 6.055 17.343 11.857 23.093 15.262 3.45-3.307 11.743-1.855 11.472-5.329 3.154-.2 5.997 3.889 7.771 5.237-.583-.031-1.17-.061-1.772-.129l.418.819c-.161.411-.311.862-.479 1.277 1.834.05.839-.663 2.913-.969-.011-.37.009-.708.025-1.045.117.598.249 1.234.373 1.828.274 1.502-.96 2.647-2.288 4.216 1.608-.632 6.736-2.541 8.697-3.869l.399.783c-.459 1.454-.246.078.176 1.458-2.332.72-1.972.911-2.671.329l-1.347.686.209.41c-1.428 1.244-1.391 1.648-.812 3.98 2.165-2.933 5.761-2.653 8.523-3.31-2.139 3.389-6.628 2.063-7.739 5.961l-.897.457c1.835.05.328.349 1.801-.918a19.1 19.1 0 01-.036 1.051c2.055.126-.019-.882 2.462-.739-.217.815-.784.4.572 2.243l-.443.226c-1.021-.137-2.057-.313-3.07-.454l1.442 2.832c1.077-1.206.559-.238.933-1.508 1.145.308 6.466 2.336 8.257 3.958a56.18 56.18 0 01-2.041 1.556l.208.409c2.063-.769 2.047-.901 3.184-2.653l.835 1.638c-.414 1.056-.816 2.106-1.23 3.161l1.592-1.328c.469 2.952 3.176 1.526 4.323 2.913 1.037.316.166.15-.688.866l.836 1.639c.274.189.559.372.841.557 1.41-1.141.943-.246.959-1.474 1.279.709 1.269.292.154 1.423.136.635.249 1.234.385 1.869 3.041-3.052 1.581-3.011 3.303-5.766.434.108.861.219 1.295.326-.969 1.151-.585.673-1.592 1.327-.016.712-.052 1.387-.061 2.096 1.704-2.229 1.096-.699 3.568-.786.464-1.738.627-1.492.303-2.735 1.715.111.86.078 2.463-.739.577 4.821 9.664 9.247 13.605 8.881-.165.789-.353 1.541-.519 2.33 2.298.471 3.049 1.496 4.276 3.921.462-.564.932-1.132 1.401-1.7.891 2.925 5.807 2.579 9.344 3.874.321-.492.638-.982.951-1.471 1.006 1.975 3.043 1.172 5.831 3.646l1.351-.688c-.378.004-.736.046-1.106.047.085-.56.178-1.123.289-1.649 5.833 9.369 22.511 12.556 25.942 21.975 1.487-.429 2.989-.819 4.476-1.248.268.895.514 1.755.783 2.651.807-2.335-.073-1.652 1.672-3.386l-.835-1.639c-1.633-.107-.64.373-.27 1.686l-.904.46c-1.063-1.57-.226-.635-1.94-1.592.091-.187.168-.414.26-.602l2.246-1.144c.073-.225.15-.452.242-.639l1.442 2.831c.362.332.719.666 1.061.961l-.574-2.241.454-.231c.844.93 1.695 1.857 2.547 2.784-.168.414-.318.866-.479 1.276-.719 1.117-.019-.037-2.463.739.269.895.515 1.755.784 2.651l1.8-.918-1.112.051c.572-1.324 2.777-1.649 5.01-3.538.962 2.513 1.738 1.977.783 2.651.564.37 1.153.773 1.72 1.141l.443-.225c-.193-.747-.382-1.495-.571-2.243l1.113-.051c.015-.337.016-.712.032-1.049.514 2.6 2.589 5.156 1.286 6.993 1.68.318 1.681-.48 3.785-.379.165-.788.342-1.536.511-2.326 1.363.479.41-.115.626 1.23l.209.41c.771-.722 1.516-1.477 2.287-2.198-.284.896-3.691 3.617-3.332 6.812 2.605-2.453 2.61-1.893 5.646-3.392l.208.409c-.695.871-1.382 1.737-2.096 2.57-.001.376-.017.713-.037 1.051l.209.41 1.8-.918c.229.072.435.108.663.179-.701-1.238.358-.511-1.08-.998l.959-1.474c.55.142 1.136.078 3.304-.182-.565-1.026.073-1.163-1.958-.504l-1.043-2.049c1.862-1.935-.039-.075 3.157-1.609-1.192-1.457-.716-1.324-1.417-3.876 1.008-.514 1.077.108.695-.871 1.04.175 2.05.317 3.089.491-.193-.747-.382-1.495-.574-2.241l-3.608 1.838c.169-.79.353-1.541.522-2.331l-.904.461c-.951.156-2.171.778-2.287 2.198l-.446.227c-.159-2.078-.441-3.201 1.046-4.615.839.745-.246.594 1.511.731.607-2.045 3.067-5.41 4.203-6.224.522-1.486-.162-.199 1.611-1.29.484 2.193-.154 1.346 2.555 2.781-.003-.374.016-.713.032-1.049 1.133.08.436-.128-.18-1.457.434.483.852.927 1.285 1.41 1.136-2.268-.596-.822.757-2.966-2.294-.521-1.768 1.229-2.825-1.094-1.941.191-.542 1.308-2.218.097-.226.303-.47.568-.695.87.298-1.372.093-.939 1.181-2.15.102-.803 5.109-3.307 7.201-3.669.78 1.667-.174 1.496 1.948 1.588-1.379 2.58-3.595 2.113-3.721 4.946-.377.005-.735.046-1.112.051 2.673 1.172 3.397-1.075 4.745-2.935.766 1.347 1.043 1.393 2.603 1.771-.082-.943.415-.399-.417-.819l-.209-.41 2.251-1.147c-.132 1.663.462.375-.93 1.506 2.839 1.745 1.809.064 4.301 2.877-2.036.005-5.316 2.145-7.33 1.2-.635 1.356-1.266 2.71-1.92 4.029-2.285-.76-.422-1.333-2.617-.684.234-1.481.298-1.513 1.415-2.786-1.606.02-.936.571-2.199.135-1.407 3.251-2.256 2.275-2.816 4.485-.586-.405-1.154-.773-1.74-1.179-.37.377-.744.755-1.141 1.098l.835 1.639c.358-.041.736-.046 1.113-.05l-.418-.82c1.175.246 1.671.65 2.339 2.374l1.113-.05-.418-.82c1.967-.673.022-.058 1.592-1.327.019-.338.036-.675.036-1.051l1.044 2.049c1.006-1.216 1.214-.478 1.624-2.376 1.522.633.31-.064 1.282 1.412.016-.712.052-1.388.068-2.1 2.761-2.251 1.672-2.916 5.164-2.114-1.573.379-1.607.349-2.496 1.787.229.071.434.108.663.179 1.739-1.59 3.502-1.597 3.183-2.654 1.529.628.306-.063 1.285 1.409 1.692-3.208 2.631-2.091 4.566-4.391.136.635.249 1.234.385 1.869.983-2.191.046-2.182-.052-4.572-.771.721-1.542 1.443-2.306 2.16.056.488.116.973.173 1.461-1.464-1.742-.65-1.358-2.163-.916-.548-1.645-.708-1.563-2.105-3.01.285.183.567.368.852.551.936-1.556.78.354 1.278 1.414.9-1.35 2.253-1.758 2.564-3.887-.82-.24-.397.296-1.266-1.373 1.401.553.336.016 1.076 1a104.27 104.27 0 012.942-2.015c-1.493-.319-.058-.252-1.559.278.42-2.044.492-1.001 2.081-2.609-.016.712-.052 1.387-.072 2.101 1.62-1.904.986-.502.515-2.326.526-.081 1.037-.2 1.567-.283.43 1.517.136 1.151 1.467 1.787-.753-1.634.731-1.077-.816-1.602l-1.025-2.012c-.008.333-.028.671-.044 1.008l-1.116.053c-1.49-.79-.307-.548-1.745-.097.827-1.594 3.022-1.305 2.556-3.883.812.103 1.616.209 2.427.312-.434-.483-.852-.927-1.285-1.41l.45-.229c1.578 1.213 1.997 1.704 3.715 1.72.341 2.829-.56 1.787-1.47 3.799 1.113-.051 2.225-.102 3.312-.186-1.297-2.811.25-.878 1.47-3.799.491.595.985 1.188 1.494 1.82 1.185-1.777.298-.575 2.247-1.145-1.39-.512-2.769-.983-4.159-1.495l-.189-.372a34.077 34.077 0 011.591-1.327l.607 1.192c.512-.073 1.129-.387 1.817-.785-.004-.045-.016-.086-.016-.133l.666-.339a20.624 20.624 0 001.996-1.627c.025-.153.046-.305.093-.423a1.17 1.17 0 01.396-.014c1.579-1.508 3.026-3.137 3.72-4.148 1.568.843.464.046 1.025 2.012 1.753-1.738 1.849-.895 2.668-.327l1.801-.917c-1.184-2.166-.532-1.559-1.861-3.651 3.085.775 2.139.318 5.099-.017-.078-1.697-.176-.99.519-2.329.285.183.578.409.863.592l1.113-.051c-2.474 2.105-2.569 3.234-4.412 5.815.177-1.123.363-2.25.567-3.339-1.421.817-.463.987-1.801.917-.354 1.495-.185.658.784 2.651-1.805.357-.097.518-2.009.507.845 1.916.375 1.968 2.339 2.375-.138-1.291.71-2.192 1.92-4.029l.816 1.602c1.501-1.938-.216-.875 2.255-1.148.166-1.164.186-1.832.775-2.929 1.1.753-.004.893 1.314.362 1.985.256-.091-.141 2.495-1.787-2.26-.538-2.187-.293-2.913.968-.72-.806-.299-.551-.366-1.831-1.008.982-.704-.205-.948 1.468l-.454.231c.261-.977.522-1.955.776-2.929 1.82.528 1.092.241 1.929 1.551.951-1.47 1.888-2.979 2.82-4.487l.627 1.23c.434.107.868.214 1.295.325.26-.602.505-1.243.75-1.884-1.418.206-.267.652-1.775-.128l2.704-1.378c-.091 1.173-.041 2.274-.567 3.339 1.45.904.031.594 1.765.134 1.52.961.463-.002 1.025 2.011 2.295-2.436 3.413-2.818 3.515-5.357l-1.8.917c.802-1.488-.025-.269 1.592-1.327-.587-.03-1.17-.061-1.746-.096l-.208-.41c.952.031 1.916.056 2.857.046.972 2.32.602 2.274-.105 3.15l.817 1.602.454-.231c1.041-2.408 2.081-4.815 3.142-7.185.643.141 1.302.321 1.965.5-2.262.683-2.447.965-2.323 3.248l.209.41c2.024-.515.674-.719 2.444-.776-1.186-1.554.451-.934-1.713-1.145l-.209-.41c3.054-.571 1.868-.013 4.706-1.881.113.599.257 1.23.37 1.829 2.066-2.648 3.695-3.103 6.352-4.223-.307-3.269-.133-3.122 1.54-5.898.775.777 1.563 1.596 2.339 2.374-1.95.43-1.926 1.638-3.03 4.078l.209.409c.743-.05 1.15-.445 1.367-.931a2.38 2.38 0 01-.218-.17l.294-.15a2.782 2.782 0 00-.005-1.499c.735-.046 1.471-.093 2.218-.098.32-1.899-.213-2.238-1.201-3.47.812-.273 1.631-.503 2.443-.776.512 1.381-.477.947 1.077 1-.109.9-.221 1.802-.329 2.701l3.209-2.62-1.044-2.049a55.122 55.122 0 002.042-1.557c-.474 1.462.348.527-1.145 1.1.132.636.249 1.234.381 1.87 1.328.169 1.498-.434 3.766-.417.035-.675.052-1.387.08-2.058.757 1.21.438-.317 1.076 1 2.502-1.463 2.147-1.986 4.123-4.166 1.079 1.75 2.954.841 5.706 1.175.093-.563.185-1.126.27-1.686-.728.043-1.463.089-2.202.137l-.627-1.229c2.772.042 2.54.489 4.472-1.246.193.746.39 1.491.583 2.237a101.87 101.87 0 002.938-2.014l-.278 1.69c.695-.87 1.39-1.74 2.078-2.607-.15.452-.318.866-.479 1.277l.209.409c1.222-1.326.823-.701 1.174-2.146l.896-.457-1.105.047a36.256 36.256 0 01-1.511-.732c.51-.119 1.036-.199 1.566-.282l.897-.456c.173 1.084.346 2.169.546 3.288 1.23-1.659.963-.538.302-2.735 1.786-.441 3.264-.162 3.957 1.08 2.461-1.957 2.446-3.263 4.264-1.655a210.184 210.184 0 014.079-3.111c-.587-1.015-.191-.513-1.282-1.412 3.121.24 3.257-.064 6.691-1.344-.571-.742-1.137-1.486-1.688-2.19 2.09.671 1.581.555 1.896 2.599 1.903-.734 1.809-.78 3.103-.595-4.386 1.296-2.966 2.731-9.653 4.449-.428 1.063-.527 1.723-.775 2.929-1.755-1.311-.581.625-2.371-1.325-1.374 1.028-2.74 2.052-4.106 3.077-.733-.941.314-.442-1.062-.961-.834 1.692-1.953 2.732-3.391 2.245-.261.601-.506 1.242-.751 1.883 1.071.722-.298.997-1.624 2.376.185-1.126.37-2.253.574-3.342-1.506 1.237-1.97 2.459-2.964 1.98l-.454.231c.269.895.541 1.788.81 2.684 4.357-2.502 6.457-2.914 9.697-5.457a10.9 10.9 0 00-.695.87c1.96.832 2.33-.483 4.449-1.281.229-1.712.408-.302-.816-1.602.168-.415.318-.866.486-1.28.805 1.56.437.856 1.688 2.19 1.922-1.543 2.109-1.075 2.298-2.156 2.309-.802.529-.645-.594-2.279 2.041-.289 6.989 2.774 6.69-1.344 1.434.443.211-.155 1.057.963 2.068-.162.457-.796.743-1.88l.418.819a10.9 10.9 0 01.695-.87s2.287-1.259 5.112-1.103c.204-1.089.381-2.212.566-3.339l-.903.461c-.936-1.072-1.281-.333-1.142 1.098l-1.929-1.551c-.402 1.049-.816 2.104-1.218 3.154l-1.53-.769c1.586-.198 2.649-2.194 1.262-4.209 1.14-.722 2.27-1.485 3.391-2.244.7 1.004 1.403 2.007 2.102 3.011l.454-.231c-.373-1.734 1.136-1.282-1-3.056 1.148-.773.187.092 1.149-1.102.268.895.533 1.793.802 2.688.507-.117 1.026-.194 1.537-.313-.419-.444-.852-.928-1.27-1.371.831-.236 1.639-.507 2.463-.739-.993-.855-1.998-1.704-3.002-2.553.019-.338.02-.714.036-1.051 1.489-.195 1.852-.521 2.635-.216.007-.051.011-.099.037-.113.282.185.567.368.86.594-.387-.272-.661-.414-.897-.481-.727 1.919-.581 1.047.817 2.54-.02.338-.017.712-.036 1.051.98-.688 1.972-1.334 2.949-2.019 1.327-.77-.008.004.932-1.507.434.482.852.926 1.286 1.409.386-.713.78-1.43 1.174-2.147 1.814.343 2.433.168 3.776-.376-.144 1.951.411.871-1.646 2.341l1.984.538c1.049-1.427 1.733-1.775 1.415-2.786 1.074.204-.036-.31-1.094.088l-.626-1.229c3.02-2.055.83-.799 4.713-1.886.637-1.591-.554-1.125.757-2.966.67 1.16.053 1.475 1.976.541.298 2.101.749.651-.515 2.328-.165.788-5.237 4.029-6.662 6.96.358-.041.735-.046 1.112-.05-.244.265-.469.567-.714.833 6.505-4.347 7.893-2.708 13.562-7.895-.093.563-.197 1.085-.289 1.648 2.034-1.552 1.155-1.668 2.041-1.556 1.465-1.732 1.175-1.584.776-2.929l.478-1.276c-.801.267-1.631.503-2.459.737.241 1.097.266.568 1.285 1.409-2.408.993-3.763-.663-6.931 1.984l-.816-1.602c3.113-1.211 1.769-.198 3.392-2.245.043.26 17.627-9.873 19.613-10.509 1.364-.414.363-.889.486-1.281a100.51 100.51 0 002.939-2.013c.662.179 1.321.359 1.976.542.67-3.486.849-1.23 2.166-4.67.651.185 1.314.363 1.972.543-2.187 1.021-1.718-.062-1.642 2.339 1.531-1.812 3.085-3.59 4.617-5.402-.254.973-.515 1.951-.776 2.928 3.224-2.675 2.396-2.534 5.28-5.224l1.322.359c-.879.823-.644-.188-.956 1.473l.904-.461c.606.583 1.847-2.49 3.026-4.076 1.298.23 3.793-.243 3.986.034.735-.046 1.47-.092 2.198-.135.046-2.182-1.247-.959 1.435-2.748-1.455-.667.211-.671-1.523-.773l-.209-.41c1.515-.209 2.566-.087 3.957 1.081l.447-.227.903-.461c-2.374-2.168-3.139-2.06-5.914-1.585.772-1.097 1.226-.812 2.463-.739l.45-.229c.085-.559.177-1.123.27-1.686l-2.251 1.147c.978-1.531 2.725-1.201 4.296-2.705.282.184.586.405.868.59-.638.982-1.25 1.997-1.888 2.979 1.468 1.411 1.966.172 3.053 1.542 1.337.445.056-.028.607 1.192.812-1.727 1.325-2.035-.121-2.472-.116-.973-.229-1.948-.337-2.878l2.254-1.149.19.373c-.539.79-1.082 1.583-1.628 2.378.57.741 1.136 1.485 1.688 2.19l.45-.23-.572-2.242c3.403-.045 4.015-.591 5.401-2.752.719.666 1.419 1.295 2.138 1.961 1.234-1.661 2.483-3.283 3.717-4.944-.401-1.626-.399-.407-.517-1.52-.183-.048-.378-.136-.554-.187-1.005.934-.888-.345-2.417.434-.228-.072-.445-.149-.651-.185l-.209-.409c.367-.375.764-.718 1.138-1.096.605.442 1.318.876 2.139 1.256a5.75 5.75 0 01.496-.534c.022.317.038.543.058.721 1.446.483 3.191.579 5.23-.366-.035.675-.052 1.387-.08 2.059.671-.155 1.35-.312 2.009-.508-.775-.777-1.57-1.593-2.346-2.37 1.61-.445 2.515-.766 3.78-.378l1.351-.688c-1.012-.846.049-.447-1.322-.359l.487-1.28c1.496.739.704.251 1.044 2.049 1.971-.067.154-.736 2.199-.136-.618-2.407.221-2.599-.514-4.336 3.082.541 1.737 2.352 4.026-1.019.57.742 1.136 1.486 1.68 2.194.694-.495 1.373-1.028 2.06-1.519-1.69-.265-.218-.218-2.009.507l-.626-1.229c-.113-.599-.249-1.234-.363-1.833l1.801-.918c.281.185.567.368.848.553-.526.456-1.045.909-1.591 1.328-.016.336-.017.712-.033 1.049 2.188-.646 1.269-1.116 2.46-.737.376-1.459.188-.284-.173-1.461 2.199-.135 2.913.346 5.095-.015.082-1.309.285-.755 1.174-2.146l.417.819c1.166.109-.286 1.038 2.167.914-.764-1.535.176-4.454 2.19-5.715-.651-.184-1.295-.325-1.954-.506.375-.378.752-.759 1.138-1.096l1.567-.282c-.281 2.255.549 1.41-.542 2.294 1.06 1.29.809 1.136 1.948 1.588.605-1.856.262-2.151-.755-3.698l2.254-1.148c.776.778 1.552 1.555 2.346 2.37.511-.119 1.03-.195 1.556-.276-.096-1.687-.177-3.335-.269-4.978.229-.304.474-.569.699-.872.777 1.434.367.564 1.929 1.551-.679.534-1.355 1.066-2.046 1.559.937.367 1.882.73 2.845 1.131-.044-1.244.028-1.516 1.861-3.013.954 1.907-.331 1.483 2.833 1.091-.451-2.164-.049-1.899-.546-3.289 3.193.016 2.357-.45 5.34-.655l-.33-2.882c1.272.712.883.629 1.471 1.784 1.221-.951 2.42-1.937 3.633-2.884-.559-.371-1.145-.777-1.712-1.145 2.813-.307 1.113.888 3.966-.003-.51-.256-1.012-.517-1.504-.736.877-.118 1.765-.242 2.649-.364.02-.338.029-.671.048-1.01-1.102-.001-.107.102-.864-.592-1.692.909-.834.285-2.041 1.557-.437-.481-.852-.927-1.289-1.408.529-.082 1.036-.2 1.559-.279-.854-.222 2.323-.01 3.817-1.428.426.111.861.218 1.314.363-.321.492-.631.978-.952 1.47 1.869-.295 3.018-1.819 4.794-3.944-.015 1.462.632.569-.081 2.058l.209.41c.78-1.429 1.579-2.822 2.367-4.256-1.421-.636-1.253-.675-3.086-.492l-1.025-2.012c2.025.424 1.076.015 1.929 1.551 2.341-1.052 2.282-.975 3.865-2.438.074 2.637-.635 2.717-1.108 5.632 2.213-1.127 1.776-1.515 2.704-1.378 1.308-1.745.953-2.268 1.287-5.254-1.082.223-.605.965-1.087.084-1.579.055-.014.008-1.076-.999-.06-.486-.116-.973-.176-1.459 2.1-.789 2.068.354 4.054-2.066-.258 2.666-1.389 3.664-.254 7.309.093-.939.183-1.876.257-2.853l-.152-.298c.068.013.123-.016.198-.007.017-.196.019-.432.036-.628.453.144.887.252 1.325.357l-1.361.271a5.014 5.014 0 00-.046.305l.683 1.341c1.777-1.984 2.832-3.601 5.679-4.441-.709-1.235.35-.508-1.058-.963.521-3.503 2.154-2.082 2.879-6.581l1.357-.692c-.4 1.237.159.294-.94 1.511.72.29 1.455.62 2.174.91-.735.047-1.471.093-2.218.098-.067 3.225-.336 5.051-1.986 6.126-.308.627-.504.445-.658-.18-.924 1.175-1.853 2.305-2.766 3.474 1.121-1.322 1.268-.271 2.902-.963-.317.49-.627.977-.948 1.469l.835 1.639c1.144-.771.18.096 1.138-1.096 1.092-.275.614-.313.699-.872 1.706-1.057 2.46.248 2.52-2.833l.454-.231-.069 2.1 8.383-5.82c.638-.982 1.25-1.998 1.888-2.98a37.263 37.263 0 01-.296 1.653c2.82-1.343 5.41-3.461 7.051-5.095.085-.559.178-1.122.27-1.686-1.254.123-2.519.251-3.754.411-.075-1.416.234-.166-.627-1.229l.479-1.276c3.884-1.885 4.914-2.551 8.025-3.855-1.563-.658-1.28-.802-2.781-.319.001-.375.016-.712.036-1.05 1.545.245 1.694.169 2.876 1.35.685-.302 1.474-.61 2.409-.993-.415-.445-.852-.927-1.267-1.372l1.182-2.151c.753 2.103.059.392 1.233 2.422l3.473-4.303a28.888 28.888 0 01-.29 1.648c.225.074.454.145.659.181 1.182-1.259.991-.411 1.406-1.702.038.075.152-.124-.209-.409l1.8-.918c-2.245-1.014-2.222-1.354-3.66-2.733l1.347-.686c1.372 1.6.662.178 1.233 2.421a58.22 58.22 0 001.833-1.966c.636 1.928.383 2.527 2.105 3.01-.558-.701-.54-2.118-.096-3.518l.627 1.23c1.985-.636.672.455 1.595-1.329.189.748.378 1.496.578 2.239 1.983-2.324 2.662-3.421 1.95-5.076 2.2.006.552-.469 1.731 1.183 1.626-1.204-.123-.5 1.801-.917.044-2.322-.657-1.777 1.21-3.198-1.567-.656-.442-.526-1.749-.094.245-.641.486-1.28.724-1.918 1.679 1.632.902 2.497 3.181 4.01-2.306 3.474-10.306 8.067-13.143 8.715.361.332.718.666 1.069 1.004-1.831 1.777-3.858 1.403-5.819 1.932 1.526 1.147.238 1.615 2.375 1.324.863-.44.759.036.506-1.243 1.893-.542 3.157-.764 5.774-.925-.954-1.531-.007-.465-1.27-1.37 2.672-.752 1.898.018 5.35-1.741-.419-.443-.845-.93-1.263-1.374 1.773-.106 1.428.07 2.672-.329.291-.524.611-1.016.929-1.506-.282-.185-.586-.405-.868-.59 1.729.433.774.169 1.494 1.82 3-3.078 4.113-5.381 8.383-5.82l.27-1.686c1.203-1.27-.736-.939-1.922-1.555.77-1.377.212-.624 1.592-1.327-1.475-1.266-.448-.945-1.98-.539a69.085 69.085 0 001.643-2.339c1.063 1.241 1.072.532 1.478 1.78 3.41-2.347.943-2.967 4.537-3.344-.385-1.915-.046-1.994-1.205-3.468.245-.265.47-.568.714-.833 1.148 1.057.499 1.153 1.929 1.551 1.507.686 2.235-.81 3.565-.784 1.02-1.787.754-1.37.306-2.737 2.033.09.083.99 2.877.083l.453-.232-1.024-2.011a84.152 84.152 0 012.286-2.198c-.518 1.531-.62 1.349-.541 2.294-.347.036-.725.041-1.106.047.362.332.723.664 1.081.998l1.346-.686c1.083-.974.656-.616 2.013-.509-.707 1.205-1.422 2.413-2.126 3.617-1.962-1.065-6.891 3.652-9.077 6.69-1.254-.769.467-.849-1.073-1.002-1.63-.109-2.769 2.114-5.441 3.804-.085.56-.178 1.123-.27 1.686 2.586.137 1.344.348 3.147-1.603a48.978 48.978 0 00-.289 1.649c6.61-3.791 13.442-12.856 19.484-12.978l.776-2.929c.225-.303.451-.605.695-.87-1.754 1.128-.715.27-1.856 1.931l-.816-1.603c-1.383 1.737-1.305 1.182-.991 2.524-1.689-1.017-.887-.581-.784-2.651-1.482.145-.888.077-2.006.505 1.141-2.129 4.902-.808 5.643-3.391.452-.84.572-.761-.399-.782.902-1.21 2.476-.511 4.714-1.885l1.99-.545c-.23 2.51.61 1.613-1.833 1.966-.406 1.052-.816 2.105-1.21 3.198.036-1.051.068-2.1.105-3.151-.876.774-.382.335-1.383 1.737-.338 1.204-.671 2.407-1.02 3.57l.896-.457.418.82c.829-1.784.54-.604.087-2.063 4.12.435 6.309-2.229 10.304-4.265.204-1.089.389-2.215.567-3.338.105 1.025.172.569 1.112-.051-.168.414-.336.829-.486 1.28 2.818-.309 7.048-3.263 6.165-5.722 2.56-.272 1.638.292 3.359-1.195-.092.563-.177 1.122-.27 1.686.97-.682 1.969-1.332 2.938-2.014-.804-1.56-.436-.856-1.684-2.192 4.018.675 4.006-2.134 6.244-2.899-.138.023-.291-.04-.381-.088.347-.036.724-.04 1.101-.044-.276 0-.503.068-.72.132 2.246.076 8.404-6.487 8.721-7.822-.225.302-.45.604-.695.87.853-2.171 2.548-2.706 2.403-5.307 2.215-.002.183.892 2.218-.098.526-.08 1.037-.199 1.563-.28a126.266 126.266 0 01-1.948-1.588c.988-.222.456.425.904-.461 1.444.203.979.018 2.185.951 2.216-3.569 2.831-4.679 8.174-6.229-.567-.368-1.153-.773-1.72-1.141 1.254-.123 2.519-.252 3.773-.374-.993-.855-1.997-1.704-2.998-2.555 1.319-.015 2.653.009 3.971-.006-.056-.487-.124-.969-.18-1.456l-1.141 1.097-1.058-.962c1.647-.511 1.228-1.002 2.737-2.427-.225.302-.47.568-.695.87 2.259.867 3.853.289 4.472-1.246-.245.265-.47.568-.707.829 1.463-3.795 25.955-24.205 27.434-25.193-.719-.666-1.411-1.299-2.13-1.965 2.579-1.173 4.479-3.971 6.662-6.961 2.53-.819 1.347-3.454 1.741-5.485 2.121-.048.709-1.018 2.427.312 1.148-1.664.754-1.792 1.66-3.427-.418-.444-.852-.926-1.27-1.37l1.302.321c1.652-.372.033.781 2.881.081l-.418-.819c.497-.065 1.422-4.244 1.078-5.664 14.047-2.418 24.539-26.628 36.831-34.439l.006-.144c.041.026.079.054.094.046A31.57 31.57 0 01761 238.6c-.229-1.573-.462-3.143-.692-4.715l2.25-1.147c-.53.035 19.403-17.582 19.403-17.582.647-1.69 1.302-3.384 1.949-5.075l-1.443-2.831c-1.515 1.1-3.014 2.239-4.536 3.344.791-2.328-.058-2.036 1.016-3.568.732.94-.314.441 1.061.961zM85.569 543.99c.011-.053.037-.066.067-.081-.585.204-.711.268-.067.081z" fill="currentColor"/></svg>                      </div>
-
-                      <!-- Text -->
-                      <p class="position-relative text-center">
-                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque reprehenderit rem veniam accusamus mollitia minus esse, aut voluptates provident, labore ab, eos vel nemo error cum similique nulla dignissimos animi.
-                      </p>
-
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;shape&nbsp;shape-blur-1&nbsp;svg-shim&nbsp;text-gray-200&quot;&gt;<br />&nbsp;&nbsp;{{>&nbsp;blurs/blur-1}}<br />&lt;/div&gt;<br /><br />&lt;div&nbsp;class=&quot;shape&nbsp;shape-blur-2&nbsp;svg-shim&nbsp;text-gray-200&quot;&gt;<br />&nbsp;&nbsp;{{>&nbsp;blurs/blur-2}}<br />&lt;/div&gt;<br /><br />&lt;div&nbsp;class=&quot;shape&nbsp;shape-top&nbsp;shape-fluid-x&nbsp;svg-shim&nbsp;text-dark&quot;&gt;<br />&nbsp;&nbsp;{{>&nbsp;blurs/blur-3}}<br />&lt;/div&gt;<br /><br />&lt;div&nbsp;class=&quot;shape&nbsp;shape-blur-4&nbsp;svg-shim&nbsp;text-gray-200&quot;&gt;<br />&nbsp;&nbsp;{{>&nbsp;blurs/blur-4}}<br />&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="newShapes">Creating New Shapes</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700">
-              You can create new shapes easily by exporting an SVG from your preferred editor (Sketch, Figma, etc.), but you will have to make a handful of modifications for the shape to work:
-            </p>
-
-            <!-- Text -->
-            <ul class="text-gray-700 mb-6">
-              <li>Remove the <code>width</code> and <code>height</code> attributes</li>
-              <li>Add <code>preserveAspectRatio="none"</code> to the top level <code>svg</code> element</li>
-              <li>Replace all <code>fill</code> values that aren't <code>"none"</code> with <code>"currentColor"</code></li>
-            </ul>
-
-            <!-- Text -->
-            <p class="text-gray-700">
-              A few other important things to note...
-            </p>
-
-            <!-- Text -->
-            <ul class="text-gray-700">
-              <li>Make sure your vector points line up on whole pixels in your design tool</li>
-              <li>Make sure your Artboard/Frame is setup on whole pixels</li>
-            </ul>
-
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right">
-            <div class="my-7 my-lg-9 px-lg-7 border-left-lg border-gray-300">
-
-              <!-- Heading -->
-              <h6 class="text-uppercase font-weight-bold">
-                Jump to
-              </h6>
-
-              <!-- Links -->
-              <ul class="list mb-0">
-                <li class="list-item">
-                  <a class="list-link" href="#curves" data-scroll>Curves</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#wave" data-scroll>Wave</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#angles" data-scroll>Angles</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#blurs" data-scroll>Blurs</a>
-                </li>
-                <li class="list-item">
-                  <a class="list-link" href="#newShapes" data-scroll>New Shapes</a>
-                </li>
-              </ul>
-
-            </div>
-          </div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-
-  </body>
-</html>
diff --git a/docs/sizing.html b/docs/sizing.html
deleted file mode 100644
index 9b8725f..0000000
--- a/docs/sizing.html
+++ /dev/null
@@ -1,1238 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-    
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-            
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Sizing
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-            
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-            
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h1 class="mb-1 mr-3">Sizing</h1>
-              <span class="badge rounded-pill bg-primary-soft mt-1">
-                <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-              </span>
-            </div>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Sizing utlities to control the size of an element.
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- List -->
-            <ul class="mb-5">
-              <li>
-                <code>.mw-25(50, 75, 100, 110, 120, 130, 140, 150)</code> - controls the <code>max-width</code> of an element in <code>%</code>.
-              </li>
-              <li>
-                <code>.vw-25(50, 75, 100, 110, 120, 130, 140, 150)</code> - controls the width of an element in <code>vw</code>.
-              </li>
-            </ul>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-footer rounded bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;mw-50&quot;&gt;&lt;/div&gt;<br/>&lt;div&nbsp;class=&quot;vw-50&quot;&gt;&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="responsive">Responsive</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Responsive sizing utlities to control the size of an element at every breakpoint.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;h-sm(md,&nbsp;lg,&nbsp;xl)-25(50,&nbsp;75,&nbsp;100,&nbsp;110,&nbsp;120,&nbsp;130,&nbsp;140,&nbsp;150)&quot;&gt;&lt;/div&gt;<br/>&lt;div&nbsp;class=&quot;w-sm(md,&nbsp;lg,&nbsp;xl)-25(50,&nbsp;75,&nbsp;100,&nbsp;110,&nbsp;120,&nbsp;130,&nbsp;140,&nbsp;150)&quot;&gt;&lt;/div&gt;<br/>&lt;div&nbsp;class=&quot;mw-sm(md,&nbsp;lg,&nbsp;xl)-25(50,&nbsp;75,&nbsp;100,&nbsp;110,&nbsp;120,&nbsp;130,&nbsp;140,&nbsp;150)&quot;&gt;&lt;/div&gt;<br/>&lt;div&nbsp;class=&quot;vw-sm(md,&nbsp;lg,&nbsp;xl)-25(50,&nbsp;75,&nbsp;100,&nbsp;110,&nbsp;120,&nbsp;130,&nbsp;140,&nbsp;150)&quot;&gt;&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-            
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right">
-            <div class="my-7 my-lg-9 px-lg-7 border-left-lg border-gray-300">
-
-              <!-- Heading -->
-              <h6 class="text-uppercase font-weight-bold">
-                Jump to
-              </h6>
-
-              <!-- Links -->
-              <ul class="list mb-0">
-                <li class="list-item">
-                  <a class="list-link" href="#responsive" data-scroll>Responsive</a>
-                </li>
-              </ul>
-            
-            </div>
-          </div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-      
-  </body>
-</html>
\ No newline at end of file
diff --git a/docs/smooth-scroll.html b/docs/smooth-scroll.html
deleted file mode 100644
index 26b3dc1..0000000
--- a/docs/smooth-scroll.html
+++ /dev/null
@@ -1,1215 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Smooth scroll
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h1 class="mb-1 mr-3">Smooth scroll</h1>
-              <span class="badge rounded-pill bg-primary-soft mt-1">
-                <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-              </span>
-            </div>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              A lightweight script to animate scrolling to anchor links.
-            </p>
-
-            <!-- Bootstrap/Plugin Link -->
-            <p>
-              <a class="text-decoration-none" href="https://github.com/cferdinandi/smooth-scroll" target="_blank">
-                <i class="fe fe-external-link pr-1"></i>
-                Plugin documentation
-              </a>
-            </p>
-
-            <!-- Divider -->
-            <hr class="border-gray-300 my-6">
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <a class="btn btn-primary mb-5" href="#smoothScroll" data-scroll='{"offset": 0}'>
-                  Scroll down to the heading
-                </a>
-
-                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sed purus eget enim ornare luctus a at leo. Aenean nibh massa, posuere vel ipsum id, malesuada fringilla erat. Quisque laoreet tempor leo, non tristique massa hendrerit nec. Nulla non blandit dolor, vitae ultrices enim. Vivamus nec nisi at dolor venenatis finibus. Praesent viverra justo a velit gravida vehicula. Vivamus orci tellus, imperdiet nec rhoncus non, imperdiet ac nisi. Morbi vitae elementum est.</p>
-                <p>Donec a nulla vel erat dictum egestas. Proin aliquam pellentesque ipsum at aliquam. Maecenas finibus, dui nec tristique pharetra, est diam consequat lectus, id elementum ligula est nec elit. In non velit id ex rutrum dapibus a efficitur nulla. Phasellus venenatis, odio ac aliquam dapibus, est nulla vehicula lacus, sed rhoncus tellus risus a ipsum. Ut vel pharetra nisl. Nunc eget tincidunt lacus, vel convallis erat. Donec quam lacus, malesuada vel dictum a, tincidunt pellentesque nulla. Cras tempor vel velit at malesuada. Donec sit amet massa feugiat, gravida nulla id, cursus lorem. Nullam nec luctus velit. Donec blandit augue vitae lorem viverra, id hendrerit sem vulputate. Cras vehicula dui neque, vitae aliquet sapien consequat sit amet. Maecenas eget nulla ultricies orci posuere fringilla eu eget orci. Integer vel aliquam leo. Quisque ultrices, nisl ut auctor ornare, ex mi interdum justo, ut luctus neque diam ut mauris.</p>
-                <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam velit lorem, consectetur ac nunc vitae, mattis ultricies purus. Ut eros libero, facilisis a posuere nec, hendrerit a nulla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer eu hendrerit nunc, id consectetur quam. Donec blandit mauris nec orci ornare, vitae viverra augue aliquam. Suspendisse fermentum felis nec mauris sodales ullamcorper. Donec in tincidunt sem, at lacinia diam. Suspendisse lacinia neque at metus finibus, quis tincidunt velit laoreet. Nullam congue, erat sed convallis condimentum, libero neque luctus nisi, et mattis arcu velit lacinia tortor. Curabitur imperdiet ante eleifend tellus ultrices, ac faucibus sem molestie.</p>
-                <h2 class="text-center my-6" id="smoothScroll">Scroll to me!</h2>
-                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sed purus eget enim ornare luctus a at leo. Aenean nibh massa, posuere vel ipsum id, malesuada fringilla erat. Quisque laoreet tempor leo, non tristique massa hendrerit nec. Nulla non blandit dolor, vitae ultrices enim. Vivamus nec nisi at dolor venenatis finibus. Praesent viverra justo a velit gravida vehicula. Vivamus orci tellus, imperdiet nec rhoncus non, imperdiet ac nisi. Morbi vitae elementum est.</p>
-                <p>Donec a nulla vel erat dictum egestas. Proin aliquam pellentesque ipsum at aliquam. Maecenas finibus, dui nec tristique pharetra, est diam consequat lectus, id elementum ligula est nec elit. In non velit id ex rutrum dapibus a efficitur nulla. Phasellus venenatis, odio ac aliquam dapibus, est nulla vehicula lacus, sed rhoncus tellus risus a ipsum. Ut vel pharetra nisl. Nunc eget tincidunt lacus, vel convallis erat. Donec quam lacus, malesuada vel dictum a, tincidunt pellentesque nulla. Cras tempor vel velit at malesuada. Donec sit amet massa feugiat, gravida nulla id, cursus lorem. Nullam nec luctus velit. Donec blandit augue vitae lorem viverra, id hendrerit sem vulputate. Cras vehicula dui neque, vitae aliquet sapien consequat sit amet. Maecenas eget nulla ultricies orci posuere fringilla eu eget orci. Integer vel aliquam leo. Quisque ultrices, nisl ut auctor ornare, ex mi interdum justo, ut luctus neque diam ut mauris.</p>
-                <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam velit lorem, consectetur ac nunc vitae, mattis ultricies purus. Ut eros libero, facilisis a posuere nec, hendrerit a nulla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer eu hendrerit nunc, id consectetur quam. Donec blandit mauris nec orci ornare, vitae viverra augue aliquam. Suspendisse fermentum felis nec mauris sodales ullamcorper. Donec in tincidunt sem, at lacinia diam. Suspendisse lacinia neque at metus finibus, quis tincidunt velit laoreet. Nullam congue, erat sed convallis condimentum, libero neque luctus nisi, et mattis arcu velit lacinia tortor. Curabitur imperdiet ante eleifend tellus ultrices, ac faucibus sem molestie.</p>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;a&nbsp;class=&quot;btn&nbsp;btn-primary&quot;&nbsp;href=&quot;#heading&quot;&nbsp;data-scroll='{&quot;offset&quot;:&nbsp;0}'&gt;<br />&nbsp;&nbsp;Go&nbsp;to&nbsp;the&nbsp;heading<br />&lt;/a&gt;<br /><br />&lt;h1&nbsp;id=&quot;heading&quot;&gt;Bootstrap&nbsp;heading&lt;/h1&gt;
-                </code>
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right"></div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-
-  </body>
-</html>
diff --git a/docs/spinners.html b/docs/spinners.html
deleted file mode 100644
index 72c6698..0000000
--- a/docs/spinners.html
+++ /dev/null
@@ -1,1218 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-    
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-            
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Spinners
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-            
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-            
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <h1 class="mb-1">Spinners</h1>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Indicate the loading state of a component or page with Bootstrap spinners.
-            </p>
-
-            <!-- Bootstrap/Plugin Link -->
-            <p>
-              <a class="text-decoration-none" href="https://getbootstrap.com/docs/4.2/components/spinners/" target="_blank">
-                <i class="fe fe-external-link pr-1"></i>
-                Bootstrap documentation
-              </a>
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <div class="spinner-border text-primary mb-1" role="status">
-                  <span class="sr-only">Loading...</span>
-                </div>
-                <div class="spinner-grow text-primary mb-1" role="status">
-                  <span class="sr-only">Loading...</span>
-                </div>
-                <div class="spinner-border text-secondary mb-1" role="status">
-                  <span class="sr-only">Loading...</span>
-                </div>
-                <div class="spinner-grow text-secondary mb-1" role="status">
-                  <span class="sr-only">Loading...</span>
-                </div>
-                <div class="spinner-border text-success mb-1" role="status">
-                  <span class="sr-only">Loading...</span>
-                </div>
-                <div class="spinner-grow text-success mb-1" role="status">
-                  <span class="sr-only">Loading...</span>
-                </div>
-                <div class="spinner-border text-danger mb-1" role="status">
-                  <span class="sr-only">Loading...</span>
-                </div>
-                <div class="spinner-grow text-danger mb-1" role="status">
-                  <span class="sr-only">Loading...</span>
-                </div>
-
-              </div>
-            </div>
-            
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right"></div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-      
-  </body>
-</html>
\ No newline at end of file
diff --git a/docs/switches.html b/docs/switches.html
deleted file mode 100644
index 234da02..0000000
--- a/docs/switches.html
+++ /dev/null
@@ -1,1251 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Switches
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <h1 class="mb-1">
-              Switches
-            </h1>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              A switch has the markup of a custom checkbox but uses the <code>.custom-switch</code> class to render a toggle switch. Switches also support the <code>disabled</code> attribute.
-            </p>
-
-            <!-- Bootstrap/Plugin Link -->
-            <p>
-              <a class="text-decoration-none" href="https://getbootstrap.com/docs/4.3/components/forms/#switches" target="_blank">
-                <i class="fe fe-external-link pr-1"></i>
-                Bootstrap documentation
-              </a>
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <div class="form-check form-switch">
-                  <input class="form-check-input" type="checkbox" id="customSwitch1">
-                  <label class="form-switch-label" for="customSwitch1">Toggle this switch element</label>
-                </div>
-
-              </div>
-            </div>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h3 class="font-weight-bold mr-3" id="dark">Switch dark</h3>
-              <span class="badge rounded-pill bg-primary-soft mb-2">
-                <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-              </span>
-            </div>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              Creates a dark variation of a custom switch component.
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <div class="p-5 rounded bg-dark">
-                  <div class="form-check form-check-dark form-switch">
-                    <input class="form-check-input" type="checkbox" id="customSwitch2">
-                    <label class="form-check-label text-white" for="customSwitch2">Toggle this switch element</label>
-                  </div>
-                </div>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;form-check&nbsp;form-check-dark&nbsp;form-switch&quot;&gt;<br />&nbsp;&nbsp;&lt;input&nbsp;type=&quot;checkbox&quot;&nbsp;class=&quot;form-check-input&quot;&nbsp;id=&quot;customSwitch2&quot;&gt;<br />&nbsp;&nbsp;&lt;label&nbsp;class=&quot;form-check-label&nbsp;text-white&quot;&nbsp;for=&quot;customSwitch2&quot;&gt;Toggle&nbsp;this&nbsp;switch&nbsp;element&lt;/label&gt;<br />&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right">
-            <div class="my-7 my-lg-9 px-lg-7 border-left-lg border-gray-300">
-
-              <!-- Heading -->
-              <h6 class="text-uppercase font-weight-bold">
-                Jump to
-              </h6>
-
-              <!-- Links -->
-              <ul class="list mb-0">
-                <li class="list-item">
-                  <a class="list-link" href="#dark" data-scroll>Dark</a>
-                </li>
-              </ul>
-
-            </div>
-          </div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-
-  </body>
-</html>
diff --git a/docs/tables.html b/docs/tables.html
deleted file mode 100644
index ea768e4..0000000
--- a/docs/tables.html
+++ /dev/null
@@ -1,1301 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Tables
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <h1 class="mb-1">Tables</h1>
-
-            <!-- Bootstrap/Plugin Link -->
-            <p>
-              <a class="text-decoration-none" href="https://getbootstrap.com/docs/4.1/content/tables/" target="_blank">
-                <i class="fe fe-external-link pr-1"></i>
-                Bootstrap documentation
-              </a>
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Card -->
-            <div class="card mb-5">
-              <div class="card-body">
-
-                <div class="table-responsive">
-                  <table class="table">
-                    <thead>
-                      <tr>
-                        <th scope="col">#</th>
-                        <th scope="col">First</th>
-                        <th scope="col">Last</th>
-                        <th scope="col">Handle</th>
-                      </tr>
-                    </thead>
-                    <tbody>
-                      <tr>
-                        <th scope="row">1</th>
-                        <td>Mark</td>
-                        <td>Otto</td>
-                        <td>@mdo</td>
-                      </tr>
-                      <tr>
-                        <th scope="row">2</th>
-                        <td>Jacob</td>
-                        <td>Thornton</td>
-                        <td>@fat</td>
-                      </tr>
-                      <tr>
-                        <th scope="row">3</th>
-                        <td>Larry</td>
-                        <td>the Bird</td>
-                        <td>@twitter</td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-
-              </div>
-            </div>
-
-            <!-- Card -->
-            <div class="card mb-5">
-              <div class="card-body">
-
-                <div class="table-responsive">
-                  <table class="table table-dark">
-                    <thead>
-                      <tr>
-                        <th scope="col">#</th>
-                        <th scope="col">First</th>
-                        <th scope="col">Last</th>
-                        <th scope="col">Handle</th>
-                      </tr>
-                    </thead>
-                    <tbody>
-                      <tr>
-                        <th scope="row">1</th>
-                        <td>Mark</td>
-                        <td>Otto</td>
-                        <td>@mdo</td>
-                      </tr>
-                      <tr>
-                        <th scope="row">2</th>
-                        <td>Jacob</td>
-                        <td>Thornton</td>
-                        <td>@fat</td>
-                      </tr>
-                      <tr>
-                        <th scope="row">3</th>
-                        <td>Larry</td>
-                        <td>the Bird</td>
-                        <td>@twitter</td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-
-              </div>
-            </div>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <div class="table-responsive">
-                  <table class="table table-striped">
-                    <thead>
-                      <tr>
-                        <th scope="col">#</th>
-                        <th scope="col">First</th>
-                        <th scope="col">Last</th>
-                        <th scope="col">Handle</th>
-                      </tr>
-                    </thead>
-                    <tbody>
-                      <tr>
-                        <th scope="row">1</th>
-                        <td>Mark</td>
-                        <td>Otto</td>
-                        <td>@mdo</td>
-                      </tr>
-                      <tr>
-                        <th scope="row">2</th>
-                        <td>Jacob</td>
-                        <td>Thornton</td>
-                        <td>@fat</td>
-                      </tr>
-                      <tr>
-                        <th scope="row">3</th>
-                        <td>Larry</td>
-                        <td>the Bird</td>
-                        <td>@twitter</td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right"></div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-
-  </body>
-</html>
diff --git a/docs/toasts.html b/docs/toasts.html
deleted file mode 100644
index 0063530..0000000
--- a/docs/toasts.html
+++ /dev/null
@@ -1,1208 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Toasts
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <h1 class="mb-1">Toasts</h1>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Push notifications to your visitors with a toast, a lightweight and easily customizable alert message.
-            </p>
-
-            <!-- Bootstrap/Plugin Link -->
-            <p>
-              <a class="text-decoration-none" href="https://getbootstrap.com/docs/4.2/components/toasts/" target="_blank">
-                <i class="fe fe-external-link pr-1"></i>
-                Bootstrap documentation
-              </a>
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <div class="toast" role="alert" aria-live="assertive" aria-atomic="true" style="position: static; bottom: auto; right: auto; opacity: 1;">
-                  <div class="toast-header">
-                    <div class="icon icon-xs text-primary mr-2">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M22 15.01l.025-.01v4.586a1 1 0 01-1.707.707L18.025 18H6a3 3 0 01-3-3V6a3 3 0 013-3h13a3 3 0 013 3v9.01z" fill="#335EEA" opacity=".3"/><path d="M7.5 12a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm5 0a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm5 0a1.5 1.5 0 110-3 1.5 1.5 0 010 3z" fill="#335EEA" opacity=".3"/></g></svg>                    </div>
-                    <strong class="mb-0 mr-auto">Message from Dave</strong>
-                    <small class="text-muted">2m ago</small>
-                    <button type="button" class="ml-3 close" data-dismiss="toast" aria-label="Close">
-                      <span aria-hidden="true">×</span>
-                    </button>
-                  </div>
-                  <div class="toast-body">
-                    Hello, world! This is a toast message.
-                  </div>
-                </div>
-
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right"></div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-
-  </body>
-</html>
diff --git a/docs/tooltips.html b/docs/tooltips.html
deleted file mode 100644
index 0d74b72..0000000
--- a/docs/tooltips.html
+++ /dev/null
@@ -1,1201 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-    
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-            
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Tooltips
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-            
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-            
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <h1 class="mb-1">Tooltips</h1>
-
-            <!-- Bootstrap/Plugin Link -->
-            <p>
-              <a class="text-decoration-none" href="http://getbootstrap.com/docs/4.1/components/tooltips/" target="_blank">
-                <i class="fe fe-external-link pr-1"></i>
-                Bootstrap documentation
-              </a>
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-                
-                <button type="button" class="btn btn-secondary mb-1" data-toggle="tooltip" data-placement="top" title="" data-original-title="Tooltip on top">
-                  Tooltip on top
-                </button>
-                <button type="button" class="btn btn-secondary mb-1" data-toggle="tooltip" data-placement="right" title="" data-original-title="Tooltip on right">
-                  Tooltip on right
-                </button>
-                <button type="button" class="btn btn-secondary mb-1" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Tooltip on bottom">
-                  Tooltip on bottom
-                </button>
-                <button type="button" class="btn btn-secondary mb-1" data-toggle="tooltip" data-placement="left" title="" data-original-title="Tooltip on left">
-                  Tooltip on left
-                </button>
-
-              </div>
-            </div>
-            
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right"></div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-      
-  </body>
-</html>
\ No newline at end of file
diff --git a/docs/type.html b/docs/type.html
deleted file mode 100644
index e3c572a..0000000
--- a/docs/type.html
+++ /dev/null
@@ -1,1225 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Type
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h1 class="mb-1 mr-3">Type</h1>
-              <span class="badge rounded-pill bg-primary-soft mt-1">
-                <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-              </span>
-            </div>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Typography utilities to control text color.
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Heading -->
-            <h3 class="font-weight-bold mr-3" id="skewed">Colors</h3>
-
-            <!-- Text -->
-            <p class="text-gray-700 mb-5">
-              The following text color utilities are available:
-            </p>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-                <div class="row">
-                  <div class="col-12 col-md-6">
-
-                    <p class="text-gray-100">Gray 100</p>
-                    <p class="text-gray-200">Gray 200</p>
-                    <p class="text-gray-300">Gray 300</p>
-                    <p class="text-gray-400">Gray 400</p>
-                    <p class="text-gray-500">Gray 500</p>
-                    <p class="text-gray-600">Gray 600</p>
-                    <p class="text-gray-700">Gray 700</p>
-                    <p class="text-gray-800">Gray 800</p>
-                    <p class="text-gray-900">Gray 900</p>
-
-                  </div>
-                  <div class="col-12 col-md-6">
-
-                    <p class="bg-dark text-white-70">White 70</p>
-                    <p class="bg-dark text-white-75">White 75</p>
-                    <p class="bg-dark text-white-80">White 80</p>
-                    <p class="bg-dark text-muted-80">Muted 80</p>
-
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;p&nbsp;class=&quot;text-gray-100&quot;&gt;Gray&nbsp;100&lt;/p&gt;<br />&lt;p&nbsp;class=&quot;text-gray-200&quot;&gt;Gray&nbsp;200&lt;/p&gt;<br />&lt;p&nbsp;class=&quot;text-gray-300&quot;&gt;Gray&nbsp;300&lt;/p&gt;<br />&lt;p&nbsp;class=&quot;text-gray-400&quot;&gt;Gray&nbsp;400&lt;/p&gt;<br />&lt;p&nbsp;class=&quot;text-gray-500&quot;&gt;Gray&nbsp;500&lt;/p&gt;<br />&lt;p&nbsp;class=&quot;text-gray-600&quot;&gt;Gray&nbsp;600&lt;/p&gt;<br />&lt;p&nbsp;class=&quot;text-gray-700&quot;&gt;Gray&nbsp;700&lt;/p&gt;<br />&lt;p&nbsp;class=&quot;text-gray-800&quot;&gt;Gray&nbsp;800&lt;/p&gt;<br />&lt;p&nbsp;class=&quot;text-gray-900&quot;&gt;Gray&nbsp;900&lt;/p&gt;<br /><br />&lt;p&nbsp;class=&quot;text-white-70&quot;&gt;White&nbsp;70&lt;/p&gt;<br />&lt;p&nbsp;class=&quot;text-white-75&quot;&gt;White&nbsp;75&lt;/p&gt;<br />&lt;p&nbsp;class=&quot;text-white-80&quot;&gt;White&nbsp;80&lt;/p&gt<br />&lt;p&nbsp;class=&quot;text-muted-80&quot;&gt;White&nbsp;80&lt;/p&gt;
-                </code>
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right"></div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-
-  </body>
-</html>
diff --git a/docs/typed.html b/docs/typed.html
deleted file mode 100644
index 3e66de5..0000000
--- a/docs/typed.html
+++ /dev/null
@@ -1,1214 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Typed
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h1 class="mb-1 mr-3">Typed</h1>
-              <span class="badge rounded-pill bg-primary-soft mt-1">
-                <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-              </span>
-            </div>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Typed.js is a library that types. Enter in any string, and watch it type at the speed you've set, backspace what it's typed, and begin a new sentence for however many strings you've set.
-            </p>
-
-            <!-- Bootstrap/Plugin Link -->
-            <p>
-              <a class="text-decoration-none" href="https://github.com/mattboldt/typed.js/" target="_blank">
-                <i class="fe fe-external-link pr-1"></i>
-                Plugin documentation
-              </a>
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- List -->
-            <ul class="text-gray-700 mb-5">
-              <li>
-                <code>data-typed='{"strings": ["designers", "developers"]}'</code> - initializes the plugin. Please see the official plugin documentation for a full list of options.
-              </li>
-            </ul>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-
-                <p class="mb-0">
-                  Landkit is for <span class="text-success" data-typed='{"strings": ["designers", "developers"]}'></span>.
-                </p>
-
-              </div>
-              <div class="card-footer bg-black">
-                <code class="highlight html">
-                  &lt;p&nbsp;class=&quot;mb-0&quot;&gt;<br />&nbsp;&nbsp;Landkit&nbsp;is&nbsp;for&nbsp;&lt;span&nbsp;class=&quot;text-success&quot;&nbsp;data-typed='{&quot;strings&quot;:&nbsp;[&quot;designers&quot;,&nbsp;&quot;developers&quot;]}'&gt;&lt;/span&gt;.<br />&lt;/p&gt;
-                </code>
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right"></div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-
-  </body>
-</html>
diff --git a/docs/typography.html b/docs/typography.html
deleted file mode 100644
index 2dfbb57..0000000
--- a/docs/typography.html
+++ /dev/null
@@ -1,1213 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-    
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-            
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Typography
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-            
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-            
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <h1 class="mb-1">Typography</h1>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Landkit makes use of the HK Grotesk Pro webfont for both headings and body content. This font (and a license to use the font) is included with Landkit!
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-body">
-                <div class="row">
-                  <div class="col-xl-6">
-
-
-                    <h1>h1. Bootstrap heading</h1>
-                    <h2>h2. Bootstrap heading</h2>
-                    <h3>h3. Bootstrap heading</h3>
-                    <h4>h4. Bootstrap heading</h4>
-                    <h5>h5. Bootstrap heading</h5>
-                    <h6>h6. Bootstrap heading</h6>
-
-                  </div>
-                  <div class="col-xl-6">
-
-                    <p>
-                      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-                      tempor incididunt ut labore et dolore magna aliqua.
-                    </p>
-
-                    <p class="text-muted">
-                      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.
-                    </p>
-
-                    <p>
-                      <a href="#!">Link example</a>
-                    </p>
-
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </div>
-            
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right"></div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-      
-  </body>
-</html>
\ No newline at end of file
diff --git a/docs/visibility.html b/docs/visibility.html
deleted file mode 100644
index 34f80b3..0000000
--- a/docs/visibility.html
+++ /dev/null
@@ -1,1202 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    
-    <!-- Favicon -->
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon" />
-    
-    <!-- Map CSS -->
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css" />
-    
-    <!-- Libs CSS -->
-    <link rel="stylesheet" href="../assets/css/libs.bundle.css" />
-    
-    <!-- Theme CSS -->
-    <link rel="stylesheet" href="../assets/css/theme.bundle.css" />
-    
-    <!-- Title -->
-    <title>Landkit</title>
-  </head>
-  <body class="bg-light" style="padding-top: 84px;">
-    
-    <!-- MODALS -->
-    <!-- Example -->
-    <div class="modal fade" id="modalExample" tabindex="-1" role="dialog" aria-labelledby="modalExampleTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <div class="text-center">
-              <img src="../assets/img/illustrations/illustration-1.png" alt="..." class="img-fluid mb-3" style="width: 200px;">
-            </div>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalExampleTitle">
-              Schedule a demo with us
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              We can help you solve company communication.
-            </p>
-    
-            <!-- Form -->
-            <form>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- First name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationFirstNameModal" placeholder="First name">
-                    <label for="registrationFirstNameModal">First name</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Last name -->
-                  <div class="form-label-group">
-                    <input type="text" class="form-control form-control-flush" id="registrationLastNameModal" placeholder="Last name">
-                    <label for="registrationLastNameModal">Last name</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12 col-md-6">
-    
-                  <!-- Email -->
-                  <div class="form-label-group">
-                    <input type="email" class="form-control form-control-flush" id="registrationEmailModal" placeholder="Email">
-                    <label for="registrationEmailModal">Email</label>
-                  </div>
-    
-                </div>
-                <div class="col-12 col-md-6">
-    
-                  <!-- Password -->
-                  <div class="form-label-group">
-                    <input type="password" class="form-control form-control-flush" id="registrationPasswordModal" placeholder="Password">
-                    <label for="registrationPasswordModal">Password</label>
-                  </div>
-    
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-12">
-    
-                  <!-- Submit -->
-                  <button class="btn btn-block btn-primary mt-3 lift">
-                    Request a demo
-                  </button>
-    
-                </div>
-              </div>
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Horizontal  -->
-    <div class="modal fade" id="modalSignupHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSignupHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-8.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-8.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSignupHorizontalTitle">
-                    Sign Up
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSignupHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSignupHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSignupHorizontalPassword">
-                        Create a password
-                      </label>
-                      <input type="password" class="form-control" id="modalSignupHorizontalPassword" placeholder="Create a password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign up
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Already have an account? <a href="../signin-illustration.html">Log in</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signup: Vertical  -->
-    <div class="modal fade" id="modalSignupVertical" tabindex="-1" role="dialog" aria-labelledby="modalSignupVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-7.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSignupVerticalTitle">
-                Sign Up
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSignupVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSignupVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSignupVerticalPassword">
-                    Create a password
-                  </label>
-                  <input type="password" class="form-control" id="modalSignupVerticalPassword" placeholder="Create a password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign up
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Already have an account? <a href="../signin-illustration.html">Log in</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Horizontal  -->
-    <div class="modal fade" id="modalSigninHorizontal" tabindex="-1" role="dialog" aria-labelledby="modalSigninHorizontalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card card-row">
-            <div class="row gx-0">
-              <div class="col-12 col-md-6 bg-cover card-img-left" style="background-image: url(../assets/img/photos/photo-1.jpg);">
-    
-                <!-- Image (placeholder) -->
-                <img src="../assets/img/photos/photo-1.jpg" alt="..." class="img-fluid d-md-none invisible">
-    
-                <!-- Shape -->
-                <div class="shape shape-right shape-fluid-y svg-shim text-white d-none d-md-block">
-                  <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>            </div>
-    
-              </div>
-              <div class="col-12 col-md-6">
-                <div class="card-body">
-    
-                  <!-- Close -->
-                  <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-    
-                  <!-- Heading -->
-                  <h2 class="mb-0 font-weight-bold text-center" id="modalSigninHorizontalTitle">
-                    Sign In
-                  </h2>
-    
-                  <!-- Text -->
-                  <p class="mb-6 text-center text-muted">
-                    Simplify your workflow in minutes.
-                  </p>
-    
-                  <!-- Form -->
-                  <form class="mb-6">
-    
-                    <!-- Email -->
-                    <div class="form-group">
-                      <label class="sr-only" for="modalSigninHorizontalEmail">
-                        Your email
-                      </label>
-                      <input type="email" class="form-control" id="modalSigninHorizontalEmail" placeholder="Your email">
-                    </div>
-    
-                    <!-- Password -->
-                    <div class="form-group mb-5">
-                      <label class="sr-only" for="modalSigninHorizontalPassword">
-                        Enter your password
-                      </label>
-                      <input type="password" class="form-control" id="modalSigninHorizontalPassword" placeholder="Enter your password">
-                    </div>
-    
-                    <!-- Submit -->
-                    <button class="btn btn-block btn-primary" type="submit">
-                      Sign in
-                    </button>
-    
-                  </form>
-    
-                  <!-- Text -->
-                  <p class="mb-0 font-size-sm text-center text-muted">
-                    Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-                  </p>
-    
-                </div>
-              </div>
-    
-            </div> <!-- / .row -->
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Signin: Vertical  -->
-    <div class="modal fade" id="modalSigninVertical" tabindex="-1" role="dialog" aria-labelledby="modalSigninVerticalTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="card">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close text-white" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Image -->
-            <img src="../assets/img/photos/photo-21.jpg" alt="..." class="card-img-top">
-    
-            <!-- Shape -->
-            <div class="position-relative">
-              <div class="shape shape-bottom shape-fluid-x svg-shim text-white">
-                <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>          </div>
-            </div>
-    
-            <!-- Body -->
-            <div class="card-body">
-    
-              <!-- Heading -->
-              <h2 class="mb-0 font-weight-bold text-center" id="modalSigninVerticalTitle">
-                Sign In
-              </h2>
-    
-              <!-- Text -->
-              <p class="mb-6 text-center text-muted">
-                Simplify your workflow in minutes.
-              </p>
-    
-              <!-- Form -->
-              <form class="mb-6">
-    
-                <!-- Email -->
-                <div class="form-group">
-                  <label class="sr-only" for="modalSigninVerticalEmail">
-                    Your email
-                  </label>
-                  <input type="email" class="form-control" id="modalSigninVerticalEmail" placeholder="Your email">
-                </div>
-    
-                <!-- Password -->
-                <div class="form-group mb-5">
-                  <label class="sr-only" for="modalSigninVerticalPassword">
-                    Enter your password
-                  </label>
-                  <input type="password" class="form-control" id="modalSigninVerticalPassword" placeholder="Enter your password">
-                </div>
-    
-                <!-- Submit -->
-                <button class="btn btn-block btn-primary" type="submit">
-                  Sign in
-                </button>
-    
-              </form>
-    
-              <!-- Text -->
-              <p class="mb-0 font-size-sm text-center text-muted">
-                Don't have an account yet? <a href="../signin-illustration.html">Sign up</a>.
-              </p>
-    
-            </div>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-    
-    <!-- Payment -->
-    <div class="modal fade" id="modalPayment" tabindex="-1" role="dialog" aria-labelledby="modalPaymentTitle" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered" role="document">
-        <div class="modal-content">
-          <div class="modal-body">
-    
-            <!-- Close -->
-            <button type="button" class="modal-close close" data-dismiss="modal" aria-label="Close">
-              <span aria-hidden="true">×</span>
-            </button>
-    
-            <!-- Heading -->
-            <h2 class="font-weight-bold text-center mb-1" id="modalPaymentTitle">
-              Add Payment
-            </h2>
-    
-            <!-- Text -->
-            <p class="font-size-lg text-center text-muted mb-6 mb-md-8">
-              Simplify your workflow in minutes.
-            </p>
-    
-            <!-- Form -->
-            <form>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentName">Name on card</label>
-                <input class="form-control" id="modalPaymentName" type="text" placeholder="First Last">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentNumbber">Card number</label>
-                <input class="form-control" id="modalPaymentNumbber" type="number" placeholder="4242 4242 4242 4242">
-              </div>
-    
-              <!-- Name -->
-              <div class="form-group">
-                <label class="form-label" for="modalPaymentDate">Exp. Date</label>
-                <input class="form-control" id="modalPaymentDate" type="text" placeholder="03/2023">
-              </div>
-    
-              <!-- Submit -->
-              <button class="btn btn-block btn-primary mt-3 lift">
-                Add Payment Method
-              </button>
-    
-            </form>
-    
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- NAVBAR -->
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white border-bottom">
-      <div class="container-fluid">
-    
-        <!-- Brand -->
-        <a class="navbar-brand" href="../index.html">
-          <img src="../assets/img/brand.svg" class="navbar-brand-img" alt="...">
-        </a>
-    
-        <!-- Toggler -->
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-    
-        <!-- Collapse -->
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-    
-          <!-- Toggler -->
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-            <i class="fe fe-x"></i>
-          </button>
-    
-          <!-- Navigation -->
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarLandings" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Landings
-              </a>
-              <div class="dropdown-menu dropdown-menu-xl p-0" aria-labelledby="navbarLandings">
-                <div class="row gx-0">
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-img-left" style="background-image: url(../assets/img/photos/photo-3.jpg);">
-    
-                      <!-- Heading -->
-                      <h4 class="font-weight-bold text-white mb-0">
-                        Want to see an overview?
-                      </h4>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-white">
-                        See all the pages at once.
-                      </p>
-    
-                      <!-- Button -->
-                      <a href="../overview.html" class="btn btn-sm btn-white shadow-dark fonFt-size-sm">
-                        View all pages
-                      </a>
-    
-                    </div>
-                  </div>
-                  <div class="col-12 col-lg-6">
-                    <div class="dropdown-body">
-                      <div class="row gx-0">
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Services
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../coworking.html">
-                            Coworking
-                          </a>
-                          <a class="dropdown-item" href="../rental.html">
-                            Rental
-                          </a>
-                          <a class="dropdown-item mb-5" href="../job.html">
-                            Job Listing
-                          </a>
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Apps
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../desktop-app.html">
-                            Desktop
-                          </a>
-                          <a class="dropdown-item" href="../mobile-app.html">
-                            Mobile
-                          </a>
-    
-                        </div>
-                        <div class="col-6">
-    
-                          <!-- Heading -->
-                          <h6 class="dropdown-header">
-                            Web
-                          </h6>
-    
-                          <!-- List -->
-                          <a class="dropdown-item" href="../index.html">
-                            Basic
-                          </a>
-                          <a class="dropdown-item" href="../startup.html">
-                            Startup
-                          </a>
-                          <a class="dropdown-item" href="../enterprise.html">
-                            Enterprise
-                          </a>
-                          <a class="dropdown-item" href="../service.html">
-                            Service
-                          </a>
-                          <a class="dropdown-item" href="../cloud.html">
-                            Cloud Hosting
-                          </a>
-                          <a class="dropdown-item" href="../agency.html">
-                            Agency
-                          </a>
-    
-                        </div>
-                      </div> <!-- / .row -->
-                    </div>
-                  </div>
-                </div> <!-- / .row -->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarPages" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Pages
-              </a>
-              <div class="dropdown-menu dropdown-menu-lg" aria-labelledby="navbarPages">
-                <div class="row gx-0">
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Career
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../careers.html">
-                          Listing
-                        </a>
-                        <a class="dropdown-item mb-5" href="../career-single.html">
-                          Opening
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Company
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../about.html">
-                          About
-                        </a>
-                        <a class="dropdown-item" href="../pricing.html">
-                          Pricing
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../terms-of-service.html">
-                          Terms
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Help center
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../help-center.html">
-                          Overview
-                        </a>
-                        <a class="dropdown-item mb-5" href="../help-center-article.html">
-                          Article
-                        </a>
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Contact
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../contact.html">
-                          Basic
-                        </a>
-                        <a class="dropdown-item" href="../contact-alt.html">
-                          Cover
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-6">
-                    <div class="row gx-0">
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Blog
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../blog.html">
-                          Rich View
-                        </a>
-                        <a class="dropdown-item" href="../blog-post.html">
-                          Article
-                        </a>
-                        <a class="dropdown-item" href="../blog-showcase.html">
-                          Showcase
-                        </a>
-                        <a class="dropdown-item mb-5 mb-lg-0" href="../blog-search.html">
-                          Search
-                        </a>
-    
-                      </div>
-                      <div class="col-12 col-lg-6">
-    
-                        <!-- Heading -->
-                        <h6 class="dropdown-header">
-                          Portfolio
-                        </h6>
-    
-                        <!-- List -->
-                        <a class="dropdown-item" href="../portfolio-masonry.html">
-                          Masonry
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid-rows.html">
-                          Grid Rows
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-parallax.html">
-                          Parallax
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-case-study.html">
-                          Case Study
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar.html">
-                          Sidebar
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-sidebar-fluid.html">
-                          Sidebar: Fluid
-                        </a>
-                        <a class="dropdown-item" href="../portfolio-grid.html">
-                          Basic Grid
-                        </a>
-    
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div> <!-- / .row -->
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarAccount" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Account
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarAccount">
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Settings
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../account-general.html">
-                      General
-                    </a>
-                    <a class="dropdown-item" href="../account-security.html">
-                      Security
-                    </a>
-                    <a class="dropdown-item" href="../account-notifications.html">
-                      Notifications
-                    </a>
-                    <a class="dropdown-item" href="../billing-plans-and-payment.html">
-                      Plans & Payment
-                    </a>
-                    <a class="dropdown-item" href="../billing-users.html">
-                      Users
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign In
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signin-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signin-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signin.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSigninVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Sign Up
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../signup-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../signup-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../signup.html">
-                      Basic
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupHorizontal">
-                      Modal Horizontal
-                    </a>
-                    <a class="dropdown-item" data-toggle="modal" href="#modalSignupVertical">
-                      Modal Vertical
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Password Reset
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../password-reset-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../password-reset-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../password-reset.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-                <li class="dropdown-item dropright">
-                  <a class="dropdown-link dropdown-toggle" data-toggle="dropdown" href="#">
-                    Error
-                  </a>
-                  <div class="dropdown-menu">
-                    <a class="dropdown-item" href="../error-cover.html">
-                      Side Cover
-                    </a>
-                    <a class="dropdown-item" href="../error-illustration.html">
-                      Illustration
-                    </a>
-                    <a class="dropdown-item" href="../error.html">
-                      Basic
-                    </a>
-                  </div>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
-                Documentation
-              </a>
-              <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
-                <div class="list-group list-group-flush">
-                  <a class="list-group-item" href="../docs/index.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#335EEA" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#335EEA" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Documentation
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Customizing and building
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/alerts.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><rect fill="#335EEA" x="4" y="4" width="7" height="7" rx="1.5"/><path d="M5.5 13h4a1.5 1.5 0 011.5 1.5v4A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-4A1.5 1.5 0 015.5 13zm9-9h4A1.5 1.5 0 0120 5.5v4a1.5 1.5 0 01-1.5 1.5h-4A1.5 1.5 0 0113 9.5v-4A1.5 1.5 0 0114.5 4zm0 9h4a1.5 1.5 0 011.5 1.5v4a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-4a1.5 1.5 0 011.5-1.5z" fill="#335EEA" opacity=".3"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Components
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Full list of components
-                      </p>
-    
-                    </div>
-    
-                  </a>
-                  <a class="list-group-item" href="../docs/changelog.html">
-    
-                    <!-- Icon -->
-                    <div class="icon icon-sm text-primary">
-                      <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.857 2h7.88a1.5 1.5 0 01.968.355l4.764 4.029A1.5 1.5 0 0120 7.529v12.554c0 1.79-.02 1.917-1.857 1.917H5.857C4.02 22 4 21.874 4 20.083V3.917C4 2.127 4.02 2 5.857 2z" fill="#335EEA" opacity=".3"/><rect fill="#335EEA" x="6" y="11" width="9" height="2" rx="1"/><rect fill="#335EEA" x="6" y="15" width="5" height="2" rx="1"/></g></svg>                </div>
-    
-                    <!-- Content -->
-                    <div class="ml-4">
-    
-                      <!-- Heading -->
-                      <h6 class="font-weight-bold text-uppercase text-primary mb-0">
-                        Changelog
-                      </h6>
-    
-                      <!-- Text -->
-                      <p class="font-size-sm text-gray-700 mb-0">
-                        Keep track of changes
-                      </p>
-    
-                    </div>
-    
-                    <!-- Badge -->
-                    <span class="badge rounded-pill bg-primary-soft ml-auto">
-                      2.0.0-alpha
-                    </span>
-    
-                  </a>
-                </div>
-              </div>
-            </li>
-          </ul>
-    
-          <!-- Button -->
-          <a class="navbar-btn btn btn-sm btn-primary lift ml-auto" href="https://themes.getbootstrap.com/product/landkit/" target="_blank">
-            Buy now
-          </a>
-    
-        </div>
-    
-      </div>
-    </nav>
-
-    <!-- BREADCRUMB -->
-    <nav class="d-lg-none bg-gray-800">
-      <div class="container-fluid">
-        <div class="row align-items-center">
-          <div class="col">
-            
-            <!-- Breadcrumb -->
-            <ol class="breadcrumb">
-              <li class="breadcrumb-item">
-                <span class="text-white">
-                  Docs
-                </span>
-              </li>
-              <li class="breadcrumb-item active" aria-current="page">
-                <span class="text-white">
-                  Visibility
-                </span>
-              </li>
-            </ol>
-
-          </div>
-          <div class="col-auto">
-            
-            <!-- Toggler -->
-            <div class="navbar-dark">
-              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenavCollapse" aria-controls="sidenavCollapse" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-            </div>
-
-          </div>
-        </div> <!-- / .row -->
-      </div> <!-- / .container -->
-    </nav>
-
-    <!-- CONTENT -->
-    <section>
-      <div class="container-fluid">
-        <div class="row">
-          <div class="col-12 col-lg-3 col-xl-2 px-lg-0 border-bottom border-bottom-lg-0 border-right-lg border-gray-300 sidenav sidenav-left">
-            
-            <div class="collapse d-lg-block" id="sidenavCollapse">
-              <div class="py-7 py-lg-9 px-lg-7">
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Getting started
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/index.html">Introduction</a>
-                  </li>
-                  <li class="list-item d-flex">
-                    <a class="list-link" href="../docs/changelog.html">Changelog</a> <span class="badge rounded-pill bg-primary-soft ml-auto align-self-center">2.0.0-alpha</span>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Components
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/alerts.html">Alerts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/avatars.html">Avatars</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/badges.html">Badges</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/breadcrumb.html">Breadcrumb</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/buttons.html">Buttons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/cards.html">Cards</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/devices.html">Devices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropdowns.html">Dropdowns</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/forms.html">Forms</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/icons.html">Icons</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lists.html">Lists</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/modal.html">Modal</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navbar.html">Navbar</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/navs.html">Navs</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/pagination.html">Pagination</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/popovers.html">Popovers</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/progress.html">Progress</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/screenshot.html">Screenshot</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shapes.html">Shapes</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/spinners.html">Spinners</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/switches.html">Switches</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tables.html">Tables</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/toasts.html">Toasts</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/tooltips.html">Tooltips</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typography.html">Typography</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Plugins
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/aos.html">AOS</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/bigpicture.html">BigPicture</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/choices.html">Choices</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/countup.html">Count up</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/dropzone.html">Dropzone</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/flickity.html">Flickity</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/isotope.html">Isotope</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/jarallax.html">Jarallax</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/map.html">Map</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/quill.html">Quill</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/smooth-scroll.html">Smooth scroll</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/typed.html">Typed</a>
-                  </li>
-                </ul>
-            
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Utilities
-                </h6>
-            
-                <!-- List -->
-                <ul class="list mb-6">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/background.html">Background</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/borders.html">Borders</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/images.html">Images</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/lift.html">Lift</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/overlay.html">Overlay</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/position.html">Position</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/shadows.html">Shadows</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/sizing.html">Sizing</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/type.html">Type</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/visibility.html">Visibility</a>
-                  </li>
-                </ul>
-            
-                <!-- Heading -->
-                <h6 class="text-uppercase font-weight-bold">
-                  Design
-                </h6>
-            
-                <!-- Links -->
-                <ul class="list mb-0">
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/figma.html">Figma</a>
-                  </li>
-                  <li class="list-item">
-                    <a class="list-link" href="../docs/illustrations.html">Illustrations</a>
-                  </li>
-                </ul>
-            
-              </div>
-            </div>
-
-          </div>
-          <div class="col-12 col-lg-6 col-xl-8 offset-lg-3 offset-xl-2 py-7 py-lg-9 px-lg-7">
-
-            <!-- Heading -->
-            <div class="d-flex align-items-center">
-              <h1 class="mb-1 mr-3">Visibility</h1>
-              <span class="badge rounded-pill bg-primary-soft mt-1">
-                <span class="h6 text-uppercase font-weight-bold">Landkit only</span>
-              </span>
-            </div>
-
-            <!-- Text -->
-            <p class="font-size-lg text-gray-700">
-              Utilities to control the visibility of an element.
-            </p>
-
-            <!-- Divider -->
-            <hr class="bg-gray-300 my-6">
-
-            <!-- List -->
-            <ul class="mb-5">
-              <li>
-                <code>.opacity-0</code> - sets the <code>opacity</code> value to <code>0</code>.
-              </li>
-              <li>
-                <code>.opacity-1</code> - sets the <code>opacity</code> value to <code>1</code>.
-              </li>
-            </ul>
-
-            <!-- Card -->
-            <div class="card">
-              <div class="card-footer rounded bg-black">
-                <code class="highlight html">
-                  &lt;div&nbsp;class=&quot;opacity-0&quot;&gt;&lt;/div&gt;<br>&lt;div&nbsp;class=&quot;opacity-1&quot;&gt;&lt;/div&gt;
-                </code>
-              </div>
-            </div>
-            
-          </div>
-          <div class="col-12 col-lg-3 col-xl-2 d-none d-lg-block px-lg-0 sidenav sidenav-right"></div>
-        </div> <!-- / .row -->
-      </div>
-    </section>
-
-    <!-- JAVASCRIPT -->
-    <!-- Map JS -->
-    <script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
-    
-    <!-- Vendor JS -->
-    <script src="../assets/js/vendor.bundle.js"></script>
-    
-    <!-- Theme JS -->
-    <script src="../assets/js/theme.bundle.js"></script>
-      
-  </body>
-</html>
\ No newline at end of file
diff --git a/montessori-teacher-training-btmlayout.php b/montessori-teacher-training-Imphal.php
similarity index 76%
rename from montessori-teacher-training-btmlayout.php
rename to montessori-teacher-training-Imphal.php
index 2e12131..6de2ba9 100644
--- a/montessori-teacher-training-btmlayout.php
+++ b/montessori-teacher-training-Imphal.php
@@ -1,5 +1,5 @@
     <!-- Title -->
-    <title>Montessori Teacher Training in BTM Layout</title>
+    <title>Montessori Teacher Training in Imphal</title>
     <!--<meta name="description" content="Join IIMTT to get an international Montessori teacher training qualification. We offer in-class certificate, diploma and advanced diploma course in Kolkata.">
     -->
    
@@ -22,10 +22,10 @@ include("_navbar.php");
                         <!-- Heading -->
                         <div>
                             <h1 style="color:#f7a325;text-align: center;" class="display-3 font-weight-bold">
-                            IIMTT BTM Layout
+                            IIMTT Imphal
                             </h1>
-                            <p style="text-align: center;" class="text-white">
-                            Leading the early childhood industry is the International Institute Of Montessori Teacher Training (IIMTT) popular across India and worldwide for offering practical courses rooted in Maria Montessori’s philosophy. We are now your city Chitlapakkam! Our industry professionals at the centres will help you grasp the cognitive methodology of teaching while enhancing your skillset as a profound Montessori guide and mentor.
+                            <p class="text-white text-center">
+                            Leading the early childhood industry is the International Institute Of Montessori Teacher Training (IIMTT) popular across India and worldwide for offering practical courses rooted in Maria Montessori’s philosophy. We are now your city Imphal! Our industry professionals at the centres will help you grasp the cognitive methodology of teaching while enhancing your skillset as a profound Montessori guide and mentor.
                             </p>
                         </div>
                 </div>
@@ -49,7 +49,8 @@ include("_navbar.php");
             <div class="col-lg-6 order-2 order-lg-1 pt-4 pt-lg-0 pb-5 pb-lg-0 mt-5 mt-lg-0 appear-animation" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="100">
                 <h2 class="font-weight-bold text-black text-7 mb-2">About Us</h2>
                 <p class="font-weight-light text-muted text-4">Established to meet the sky-rocketing demand of Montessori teachers, IIMTT is regarded among the world’s finest, globally accredited Montessori course providers. We strive towards shaping confident teachers who are valued for their mentorship and qualification no matter which Montessori institution they teach in by ensuring constant academic support and professional guidance.</p>
-                <a style="background-color: #f7a325;color:white;" class="navbar-btn btn btn-sm ml-auto" href="#c4">Contact us</a>
+                <p class="font-weight-light text-muted text-4">To bring a change in early childhood education system in Manipur in compliance with NEP 2020.</p>
+                <a class="navbar-btn btn btn-sm ml-auto bt" href="#c4">Contact us</a>
             </div>
             <div class="col-lg-6 order-1 order-lg-2 scale-2">
                 <img class="img-fluid box-shadow-3 my-2 border-radius" src="/assets/img/kids-teacher6.jpg" alt="about us">
@@ -95,11 +96,11 @@ include("_navbar.php");
           <i class="fe fe-chevron-right"></i><b>Duration of course –</b><span class="text-muted">6 months - 1 Year</span><br>
           <i class="fe fe-chevron-right"></i><b>Classroom Mode –</b>
           <ul style="padding-left: 0.5rem;" type="none">
-            <li class="fe fe-check text-muted badge-rounded-circle bg-primary-soft">Weekday in-class program</li>
-            <li class="fe fe-check text-muted badge-rounded-circle bg-primary-soft">Weekend in-class program</li>
+            <li><i class="fe fe-check text-muted badge-rounded-circle bg-primary-soft"></i>Weekday in-class program</li>
+            <li><i class="fe fe-check text-muted badge-rounded-circle bg-primary-soft"></i>Weekend in-class program</li>
           </ul>
         </ul>
-                                <a style="background-color: #f7a325;" class="new1 btn btn-sm btn-primary right"
+                                <a class="new1 btn btn-sm btn-primary right bt"
                                     href="#c4">
                                     Apply Now
                                 </a>
@@ -139,11 +140,11 @@ include("_navbar.php");
           <i class="fe fe-chevron-right"></i><b>Duration of course –</b><span class="text-muted">9 months - 1 Year</span><br>
           <i class="fe fe-chevron-right"></i><b>Classroom Mode –</b>
           <ul style="padding-left: 0.5rem;" type="none">
-            <li class="fe fe-check text-muted badge-rounded-circle bg-primary-soft">Weekday in-class program</li>
-            <li class="fe fe-check text-muted badge-rounded-circle bg-primary-soft">Weekend in-class program</li>
+            <li><i class="fe fe-check text-muted badge-rounded-circle bg-primary-soft"></i>Weekday in-class program</li>
+            <li><i class="fe fe-check text-muted badge-rounded-circle bg-primary-soft"></i>Weekend in-class program</li>
           </ul>
         </ul>
-                                    <a style="background-color: #f7a325;" class="new1 btn btn-sm btn-primary right"
+                                    <a class="new1 btn btn-sm btn-primary right bt"
                                     href="#c4">
                                     Apply Now
                                     </a>
@@ -172,20 +173,20 @@ include("_navbar.php");
             <!-- Image -->
             <div class="row gx-4">
               <div class="col-3">
-                <img class="img-fluid rounded shadow-lg mb-4" src="/assets/img/kid5.jpg" alt="btm layout center">
-                <img class="img-fluid rounded shadow-lg mb-4" src="/assets/img/kids-teacher9.jpg" alt="btm layout center">
+                <img class="img-fluid rounded shadow-lg mb-4" src="/assets/img/kid5.jpg" alt="Imphal center">
+                <img class="img-fluid rounded shadow-lg mb-4" src="/assets/img/kids-teacher9.jpg" alt="Imphal center">
               </div>
               <div class="col-3">
-              <img class="img-fluid rounded shadow-lg mb-4" src="/assets/img/kids-teacher10.jpg" alt="btm layout center">
-                <img class="img-fluid rounded shadow-lg mb-4" src="/assets/img/kid6.jpg" alt="btm layout center">
+              <img class="img-fluid rounded shadow-lg mb-4" src="/assets/img/kids-teacher10.jpg" alt="Imphal center">
+                <img class="img-fluid rounded shadow-lg mb-4" src="/assets/img/kid6.jpg" alt="Imphal center">
               </div>
               <div class="col-3">
-                <img class="img-fluid rounded shadow-lg mb-4" src="/assets/img/kid7.jpg" alt="btm layout center">
-                <img class="img-fluid rounded shadow-lg mb-4" src="/assets/img/kids-teacher11.jpg" alt="btm layout center">
+                <img class="img-fluid rounded shadow-lg mb-4" src="/assets/img/kid7.jpg" alt="Imphal center">
+                <img class="img-fluid rounded shadow-lg mb-4" src="/assets/img/kids-teacher11.jpg" alt="Imphal center">
               </div>
               <div class="col-3">
-              <img class="img-fluid rounded shadow-lg mb-4" src="/assets/img/kids-teacher10.jpg" alt="btm layout center">
-                <img class="img-fluid rounded shadow-lg mb-4" src="/assets/img/kid8.jpg" alt="btm layout center">
+              <img class="img-fluid rounded shadow-lg mb-4" src="/assets/img/kids-teacher10.jpg" alt="Imphal center">
+                <img class="img-fluid rounded shadow-lg mb-4" src="/assets/img/kid8.jpg" alt="Imphal center">
               </div>
             </div>
 
@@ -210,20 +211,9 @@ include("_navbar.php");
 
           <div id="map">
         <div class="a8">
-        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3683.024802209051!2d88.42817031496038!3d22.615548985160657!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39f89e262b731455%3A0xe0f80202dde787aa!2sInternational%20Institute%20Of%20Montessori%20Teacher%20Training%20Kolkata!5e0!3m2!1sen!2sin!4v1614074490986!5m2!1sen!2sin" width="500" height="460" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
+        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3621.9006496337647!2d93.93229011500159!3d24.798855284082986!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x783b57bae1511a92!2sInternational%20Institute%20of%20Montessori%20Teachers%20Training%2C%20Imphal%2C%20Manipur!5e0!3m2!1sen!2sin!4v1614658669183!5m2!1sen!2sin" width="500" height="460" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
 </div></div>
 
-<!-- <div class="map" data-latitude="22.615367" data-longitude="88.430383" data-style="light" data-info="Hello from Teeny Beans"></div> -->
-<!--
-          <div style="background-image: url(/assets/img/uk.jpg); border-radius: 10px;border-left:3px solid #0189c8" class="add1 bg-cover overlay overlay-dark overlay-40 shadow-dark">                   
-                    <div class="container">
-                        <p style=" color:white;font-size: 14px;">
-                        <span style="color: #0189c8; font-size: 16PX;font-weight: bold;">UK:</span><br> Kemp House 160 City Road, London, Ec1v2nx<br>
-                        <img style="height: 20px;" src="/assets/img/phone.png" alt="Phone"> +442038077020<br>
-                        <img style="height: 15px;" src="/assets/img/message.jpeg" alt="message"> enquiry@iimtt.org<br>
-                    </p>
-                    </div>
-                </div>-->
           </div>
           <div class="col-12 col-lg-6">
 
@@ -233,12 +223,14 @@ include("_navbar.php");
                 <div>
                     <div class="icon-contacts pb-3">
                         <p class="mbr-text align-left mbr-fonts-style display-7">
-                            Phone: +91 97483 86431<br>
-                            Email: enquiry@beanstalkedu.com<br>
-                            Follow us:<a href="https://www.facebook.com/IIMTT/" class="text-decoration-none" target="_blank">
+                            Phone: +91 70058 58856<br>
+                            Email: imphal@iimtt.org<br>
+                            Email: Lairiklaishuedutech@gmail.com<br>
+                            Working Hours (Days and Time)	9:30AM - 4:30 PM, Mon to Sat
+                            <!-- Follow us:<a href="https://www.facebook.com/IIMTT/" class="text-decoration-none" target="_blank">
                   <img src="/assets/img/icons/social/facebook.svg" class="list-social-icon" alt="logo">
                 </a>
-                <!--<a href="https://twitter.com/iimtt_corporate" class="text-decoration-none" target="_blank">
+               <a href="https://twitter.com/iimtt_corporate" class="text-decoration-none" target="_blank">
                   <img src="/assets/img/icons/social/twitter.svg" class="list-social-icon" alt="logo">
                 </a><a href="https://www.instagram.com/iimtt.corporate/" class="text-decoration-none" target="_blank">
                   <img src="/assets/img/icons/social/instagram.svg" class="list-social-icon" alt="logo">
@@ -292,7 +284,7 @@ include("_navbar.php");
                 <div class="col-auto">
 
                   <!-- Submit -->
-                  <button style="background-color: #f7a325" type="submit" class="btn">
+                  <button type="submit" class="btn bt">
                     Send message
                   </button>
 
diff --git a/montessori-teacher-training-cheranmanagar.php b/montessori-teacher-training-cheranmanagar.php
index 9d4fd83..a0d8c51 100644
--- a/montessori-teacher-training-cheranmanagar.php
+++ b/montessori-teacher-training-cheranmanagar.php
@@ -23,7 +23,7 @@ include("_navbar.php");
                             <h1 style="color:#f7a325;text-align: center;" class="display-3 font-weight-bold">
                             IIMTT Cheran Ma Nagar
                             </h1>
-                            <p style="text-align: center;" class="text-white">
+                            <p class="text-white text-center">
                             Leading the early childhood industry is the International Institute Of Montessori Teacher Training (IIMTT) popular across India and worldwide for offering practical courses rooted in Maria Montessori’s philosophy. We are now your city Cheran Ma Nagar! Our industry professionals at the centres will help you grasp the cognitive methodology of teaching while enhancing your skillset as a profound Montessori guide and mentor.
                             </p>
                         </div>
@@ -48,7 +48,7 @@ include("_navbar.php");
             <div class="col-lg-6 order-2 order-lg-1 pt-4 pt-lg-0 pb-5 pb-lg-0 mt-5 mt-lg-0 appear-animation" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="100">
                 <h2 class="font-weight-bold text-black text-7 mb-2">About Us</h2>
                 <p class="font-weight-light text-muted text-4">Established to meet the sky-rocketing demand of Montessori teachers, IIMTT is regarded among the world’s finest, globally accredited Montessori course providers. We strive towards shaping confident teachers who are valued for their mentorship and qualification no matter which Montessori institution they teach in by ensuring constant academic support and professional guidance.</p>
-                <a style="background-color: #f7a325;color:white;" class="navbar-btn btn btn-sm ml-auto" href="#c4">Contact us</a>
+                <a class="navbar-btn btn btn-sm ml-auto bt" href="#c4">Contact us</a>
             </div>
             <div class="col-lg-6 order-1 order-lg-2 scale-2">
                 <img class="img-fluid box-shadow-3 my-2 border-radius" src="/assets/img/kid1.jpg" alt="about us">
@@ -98,7 +98,7 @@ include("_navbar.php");
             <li><i class="fe fe-check text-muted badge-rounded-circle bg-primary-soft"></i>Weekend in-class program</li>
           </ul>
         </ul>
-                                <a style="background-color: #f7a325;" class="new1 btn btn-sm btn-primary right"
+                                <a class="new1 btn btn-sm btn-primary right bt"
                                     href="#c4">
                                     Apply Now
                                 </a>
@@ -211,17 +211,6 @@ include("_navbar.php");
           <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3915.795331681286!2d77.01570741480325!3d11.05396609213354!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ba85737dd93fd91%3A0x2b84c396f051031f!2sInternational%20Institute%20Of%20Montessori%20Teacher%20Training%2C%20Cheran%20ma%20Nagar%2C%20Coimbatore!5e0!3m2!1sen!2sin!4v1614319899606!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
 </div></div>
 
-<!-- <div class="map" data-latitude="22.615367" data-longitude="88.430383" data-style="light" data-info="Hello from Teeny Beans"></div> -->
-<!--
-          <div style="background-image: url(/assets/img/uk.jpg); border-radius: 10px;border-left:3px solid #0189c8" class="add1 bg-cover overlay overlay-dark overlay-40 shadow-dark">                   
-                    <div class="container">
-                        <p style=" color:white;font-size: 14px;">
-                        <span style="color: #0189c8; font-size: 16PX;font-weight: bold;">UK:</span><br> Kemp House 160 City Road, London, Ec1v2nx<br>
-                        <img style="height: 20px;" src="/assets/img/phone.png" alt="Phone"> +442038077020<br>
-                        <img style="height: 15px;" src="/assets/img/message.jpeg" alt="message"> enquiry@iimtt.org<br>
-                    </p>
-                    </div>
-                </div>-->
           </div>
           <div class="col-12 col-lg-6">
 
@@ -290,7 +279,7 @@ include("_navbar.php");
                 <div class="col-auto">
 
                   <!-- Submit -->
-                  <button style="background-color: #f7a325" type="submit" class="btn">
+                  <button type="submit" class="btn bt">
                     Send message
                   </button>
 
diff --git a/montessori-teacher-training-chitlapakkam.php b/montessori-teacher-training-chitlapakkam.php
index bdd3a78..8f46c65 100644
--- a/montessori-teacher-training-chitlapakkam.php
+++ b/montessori-teacher-training-chitlapakkam.php
@@ -23,7 +23,7 @@ include("_navbar.php");
                             <h1 style="color:#f7a325;text-align: center;" class="display-3 font-weight-bold">
                             IIMTT Chitlapakkam
                             </h1>
-                            <p style="text-align: center;" class="text-white">
+                            <p class="text-white text-center">
                             Leading the early childhood industry is the International Institute Of Montessori Teacher Training (IIMTT) popular across India and worldwide for offering practical courses rooted in Maria Montessori’s philosophy. We are now your city Chitlapakkam! Our industry professionals at the centres will help you grasp the cognitive methodology of teaching while enhancing your skillset as a profound Montessori guide and mentor.
                             </p>
                         </div>
@@ -48,7 +48,7 @@ include("_navbar.php");
             <div class="col-lg-6 order-2 order-lg-1 pt-4 pt-lg-0 pb-5 pb-lg-0 mt-5 mt-lg-0 appear-animation" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="100">
                 <h2 class="font-weight-bold text-black text-7 mb-2">About Us</h2>
                 <p class="font-weight-light text-muted text-4">Established to meet the sky-rocketing demand of Montessori teachers, IIMTT is regarded among the world’s finest, globally accredited Montessori course providers. We strive towards shaping confident teachers who are valued for their mentorship and qualification no matter which Montessori institution they teach in by ensuring constant academic support and professional guidance.</p>
-                <a style="background-color: #f7a325;color:white;" class="navbar-btn btn btn-sm ml-auto" href="#c4">Contact us</a>
+                <a class="navbar-btn btn btn-sm ml-auto bt" href="#c4">Contact us</a>
             </div>
             <div class="col-lg-6 order-1 order-lg-2 scale-2">
                 <img class="img-fluid box-shadow-3 my-2 border-radius" src="/assets/img/teachers-kids.jpg" alt="about us">
@@ -98,7 +98,7 @@ include("_navbar.php");
             <li><i class="fe fe-check text-muted badge-rounded-circle bg-primary-soft"></i>Weekend in-class program</li>
           </ul>
         </ul>
-                                <a style="background-color: #f7a325;" class="new1 btn btn-sm btn-primary right"
+                                <a class="new1 btn btn-sm btn-primary right bt"
                                     href="#c4">
                                     Apply Now
                                 </a>
@@ -142,7 +142,7 @@ include("_navbar.php");
             <li><i class="fe fe-check text-muted badge-rounded-circle bg-primary-soft"></i>Weekend in-class program</li>
           </ul>
         </ul>
-                                    <a style="background-color: #f7a325;" class="new1 btn btn-sm btn-primary right"
+                                    <a class="new1 btn btn-sm btn-primary right bt"
                                     href="#c4">
                                     Apply Now
                                     </a>
@@ -211,17 +211,6 @@ include("_navbar.php");
         <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3683.024802209051!2d88.42817031496038!3d22.615548985160657!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39f89e262b731455%3A0xe0f80202dde787aa!2sInternational%20Institute%20Of%20Montessori%20Teacher%20Training%20Kolkata!5e0!3m2!1sen!2sin!4v1614074490986!5m2!1sen!2sin" width="500" height="460" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
 </div></div>
 
-<!-- <div class="map" data-latitude="22.615367" data-longitude="88.430383" data-style="light" data-info="Hello from Teeny Beans"></div> -->
-<!--
-          <div style="background-image: url(/assets/img/uk.jpg); border-radius: 10px;border-left:3px solid #0189c8" class="add1 bg-cover overlay overlay-dark overlay-40 shadow-dark">                   
-                    <div class="container">
-                        <p style=" color:white;font-size: 14px;">
-                        <span style="color: #0189c8; font-size: 16PX;font-weight: bold;">UK:</span><br> Kemp House 160 City Road, London, Ec1v2nx<br>
-                        <img style="height: 20px;" src="/assets/img/phone.png" alt="Phone"> +442038077020<br>
-                        <img style="height: 15px;" src="/assets/img/message.jpeg" alt="message"> enquiry@iimtt.org<br>
-                    </p>
-                    </div>
-                </div>-->
           </div>
           <div class="col-12 col-lg-6">
 
@@ -290,7 +279,7 @@ include("_navbar.php");
                 <div class="col-auto">
 
                   <!-- Submit -->
-                  <button style="background-color: #f7a325" type="submit" class="btn">
+                  <button type="submit" class="btn bt">
                     Send message
                   </button>
 
diff --git a/montessori-teacher-training-dimapur.php b/montessori-teacher-training-dimapur.php
index 6c7c5f0..b8397a2 100644
--- a/montessori-teacher-training-dimapur.php
+++ b/montessori-teacher-training-dimapur.php
@@ -24,7 +24,7 @@ include("_navbar.php");
                             <h1 style="color:#f7a325;text-align: center;" class="display-3 font-weight-bold">
                             IIMTT Dimapur
                             </h1>
-                            <p style="text-align: center;" class="text-white">
+                            <p class="text-white text-center">
                             Leading the early childhood industry is the International Institute Of Montessori Teacher Training (IIMTT) popular across India and worldwide for offering practical courses rooted in Maria Montessori’s philosophy. We are now your city Dimapur! Our industry professionals at the centres will help you grasp the cognitive methodology of teaching while enhancing your skillset as a profound Montessori guide and mentor.
                             </p>
                         </div>
@@ -49,7 +49,7 @@ include("_navbar.php");
             <div class="col-lg-6 order-2 order-lg-1 pt-4 pt-lg-0 pb-5 pb-lg-0 mt-5 mt-lg-0 appear-animation" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="100">
                 <h2 class="font-weight-bold text-black text-7 mb-2">About Us</h2>
                 <p class="font-weight-light text-muted text-4">Established to meet the sky-rocketing demand of Montessori teachers, IIMTT is regarded among the world’s finest, globally accredited Montessori course providers. We strive towards shaping confident teachers who are valued for their mentorship and qualification no matter which Montessori institution they teach in by ensuring constant academic support and professional guidance.</p>
-                <a style="background-color: #f7a325;color:white;" class="navbar-btn btn btn-sm ml-auto" href="#c4">Contact us</a>
+                <a class="navbar-btn btn btn-sm ml-auto bt" href="#c4">Contact us</a>
             </div>
             <div class="col-lg-6 order-1 order-lg-2 scale-2">
                 <img class="img-fluid box-shadow-3 my-2 border-radius" src="/assets/img/kids-teacher5.jpg" alt="about us">
@@ -99,7 +99,7 @@ include("_navbar.php");
             <li><i class="fe fe-check text-muted badge-rounded-circle bg-primary-soft"></i>Weekend in-class program</li>
           </ul>
         </ul>
-                                <a style="background-color: #f7a325;" class="new1 btn btn-sm btn-primary right"
+                                <a class="new1 btn btn-sm btn-primary right bt"
                                     href="#c4">
                                     Apply Now
                                 </a>
@@ -143,7 +143,7 @@ include("_navbar.php");
             <li><i class="fe fe-check text-muted badge-rounded-circle bg-primary-soft"></i>Weekend in-class program</li>
           </ul>
         </ul>
-                                    <a style="background-color: #f7a325;" class="new1 btn btn-sm btn-primary right"
+                                    <a class="new1 btn btn-sm btn-primary right bt"
                                     href="#c4">
                                     Apply Now
                                     </a>
@@ -213,17 +213,6 @@ include("_navbar.php");
           <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3588.823540312678!2d93.73631361502392!3d25.908170783570423!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3745e148e6cf50e3%3A0xa064cf5bcaad32ec!2sInternational%20Institute%20Of%20Montessori%20Teacher%20Training%2C%20Dimapur%2C%20Nagaland!5e0!3m2!1sen!2sin!4v1614319384674!5m2!1sen!2sin" width="500" height="460" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
 </div></div>
 
-<!-- <div class="map" data-latitude="22.615367" data-longitude="88.430383" data-style="light" data-info="Hello from Teeny Beans"></div> -->
-<!--
-          <div style="background-image: url(/assets/img/uk.jpg); border-radius: 10px;border-left:3px solid #0189c8" class="add1 bg-cover overlay overlay-dark overlay-40 shadow-dark">                   
-                    <div class="container">
-                        <p style=" color:white;font-size: 14px;">
-                        <span style="color: #0189c8; font-size: 16PX;font-weight: bold;">UK:</span><br> Kemp House 160 City Road, London, Ec1v2nx<br>
-                        <img style="height: 20px;" src="/assets/img/phone.png" alt="Phone"> +442038077020<br>
-                        <img style="height: 15px;" src="/assets/img/message.jpeg" alt="message"> enquiry@iimtt.org<br>
-                    </p>
-                    </div>
-                </div>-->
           </div>
           <div class="col-12 col-lg-6">
 
@@ -292,7 +281,7 @@ include("_navbar.php");
                 <div class="col-auto">
 
                   <!-- Submit -->
-                  <button style="background-color: #f7a325" type="submit" class="btn">
+                  <button type="submit" class="btn bt">
                     Send message
                   </button>
 
diff --git a/montessori-teacher-training-hanoi.php b/montessori-teacher-training-hanoi.php
index 7e1682f..2ce1c06 100644
--- a/montessori-teacher-training-hanoi.php
+++ b/montessori-teacher-training-hanoi.php
@@ -23,7 +23,7 @@ include("_navbar.php");
                             <h1 style="color:#f7a325;text-align: center;" class="display-3 font-weight-bold">
                             IIMTT Hanoi
                             </h1>
-                            <p style="text-align: center;" class="text-white">
+                            <p class="text-white text-center">
                             Leading the early childhood industry is the International Institute Of Montessori Teacher Training (IIMTT) popular across India and worldwide for offering practical courses rooted in Maria Montessori’s philosophy. We are now your city Hanoi! Our industry professionals at the centres will help you grasp the cognitive methodology of teaching while enhancing your skillset as a profound Montessori guide and mentor.
                             </p>
                         </div>
@@ -48,10 +48,18 @@ include("_navbar.php");
             <div class="col-lg-6 order-2 order-lg-1 pt-4 pt-lg-0 pb-5 pb-lg-0 mt-5 mt-lg-0 appear-animation" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="100">
                 <h2 class="font-weight-bold text-black text-7 mb-2">About Us</h2>
                 <p class="font-weight-light text-muted text-4">Established to meet the sky-rocketing demand of Montessori teachers, IIMTT is regarded among the world’s finest, globally accredited Montessori course providers. We strive towards shaping confident teachers who are valued for their mentorship and qualification no matter which Montessori institution they teach in by ensuring constant academic support and professional guidance.</p>
-                <a style="background-color: #f7a325;color:white;" class="navbar-btn btn btn-sm ml-auto" href="#c4">Contact us</a>
+                <a class="navbar-btn btn btn-sm ml-auto bt" href="#c4">Contact us</a>
             </div>
             <div class="col-lg-6 order-1 order-lg-2 scale-2">
-                <img class="img-fluid box-shadow-3 my-2 border-radius" src="/assets/img/kids-teacher6.jpg" alt="about us">
+            <div class="col-12" data-aos="fade-up" data-aos-delay="200">
+              <div class="a5">
+                  <!-- Video -->
+                  <iframe width="720" height="400" src="https://bscdn.sgp1.digitaloceanspaces.com/sites/video/site-asset-01.mp4" alt="hanoi Classroom" frameborder="0"
+                    allow="accelerometer;controls;clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+                    allowfullscreen></iframe>
+              </div>
+                </div>
+                <!--<img class="img-fluid box-shadow-3 my-2 border-radius" src="/assets/img/kids-teacher6.jpg" alt="about us">-->
             </div>
         </div>
     </div>
@@ -98,7 +106,7 @@ include("_navbar.php");
             <li><i class="fe fe-check text-muted badge-rounded-circle bg-primary-soft"></i>Weekend in-class program</li>
           </ul>
         </ul>
-                                <a style="background-color: #f7a325;" class="new1 btn btn-sm btn-primary right"
+                                <a class="new1 btn btn-sm btn-primary right bt"
                                     href="#c4">
                                     Apply Now
                                 </a>
@@ -142,7 +150,7 @@ include("_navbar.php");
             <li><i class="fe fe-check text-muted badge-rounded-circle bg-primary-soft"></i>Weekend in-class program</li>
           </ul>
         </ul>
-                                    <a style="background-color: #f7a325;" class="new1 btn btn-sm btn-primary right"
+                                    <a class="new1 btn btn-sm btn-primary right bt"
                                     href="#c4">
                                     Apply Now
                                     </a>
@@ -212,17 +220,6 @@ include("_navbar.php");
         <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3683.024802209051!2d88.42817031496038!3d22.615548985160657!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39f89e262b731455%3A0xe0f80202dde787aa!2sInternational%20Institute%20Of%20Montessori%20Teacher%20Training%20Kolkata!5e0!3m2!1sen!2sin!4v1614074490986!5m2!1sen!2sin" width="500" height="460" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
 </div></div>
 
-<!-- <div class="map" data-latitude="22.615367" data-longitude="88.430383" data-style="light" data-info="Hello from Teeny Beans"></div> -->
-<!--
-          <div style="background-image: url(/assets/img/uk.jpg); border-radius: 10px;border-left:3px solid #0189c8" class="add1 bg-cover overlay overlay-dark overlay-40 shadow-dark">                   
-                    <div class="container">
-                        <p style=" color:white;font-size: 14px;">
-                        <span style="color: #0189c8; font-size: 16PX;font-weight: bold;">UK:</span><br> Kemp House 160 City Road, London, Ec1v2nx<br>
-                        <img style="height: 20px;" src="/assets/img/phone.png" alt="Phone"> +442038077020<br>
-                        <img style="height: 15px;" src="/assets/img/message.jpeg" alt="message"> enquiry@iimtt.org<br>
-                    </p>
-                    </div>
-                </div>-->
           </div>
           <div class="col-12 col-lg-6">
 
@@ -291,7 +288,7 @@ include("_navbar.php");
                 <div class="col-auto">
 
                   <!-- Submit -->
-                  <button style="background-color: #f7a325" type="submit" class="btn">
+                  <button type="submit" class="btn bt">
                     Send message
                   </button>
 
diff --git a/montessori-teacher-training-howrahmaidan.php b/montessori-teacher-training-howrahmaidan.php
index b3cd91b..32bea15 100644
--- a/montessori-teacher-training-howrahmaidan.php
+++ b/montessori-teacher-training-howrahmaidan.php
@@ -23,7 +23,7 @@ include("_navbar.php");
                             <h1 style="color:#f7a325;text-align: center;" class="display-3 font-weight-bold">
                             IIMTT Howrah Maidan
                             </h1>
-                            <p style="text-align: center;" class="text-white">
+                            <p class="text-white text-center">
                             Leading the early childhood industry is the International Institute Of Montessori Teacher Training (IIMTT) popular across India and worldwide for offering practical courses rooted in Maria Montessori’s philosophy. We are now your city Howrah Maidan! Our industry professionals at the centres will help you grasp the cognitive methodology of teaching while enhancing your skillset as a profound Montessori guide and mentor.
                             </p>
                         </div>
@@ -48,7 +48,7 @@ include("_navbar.php");
             <div class="col-lg-6 order-2 order-lg-1 pt-4 pt-lg-0 pb-5 pb-lg-0 mt-5 mt-lg-0 appear-animation" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="100">
                 <h2 class="font-weight-bold text-black text-7 mb-2">About Us</h2>
                 <p class="font-weight-light text-muted text-4">Established to meet the sky-rocketing demand of Montessori teachers, IIMTT is regarded among the world’s finest, globally accredited Montessori course providers. We strive towards shaping confident teachers who are valued for their mentorship and qualification no matter which Montessori institution they teach in by ensuring constant academic support and professional guidance.</p>
-                <a style="background-color: #f7a325;color:white;" class="navbar-btn btn btn-sm ml-auto" href="#c4">Contact us</a>
+                <a class="navbar-btn btn btn-sm ml-auto bt" href="#c4">Contact us</a>
             </div>
             <div class="col-lg-6 order-1 order-lg-2 scale-2">
                 <img class="img-fluid box-shadow-3 my-2 border-radius" src="/assets/img/kids-teacher6.jpg" alt="about us">
@@ -98,7 +98,7 @@ include("_navbar.php");
             <li><i class="fe fe-check text-muted badge-rounded-circle bg-primary-soft"></i>Weekend in-class program</li>
           </ul>
         </ul>
-                                <a style="background-color: #f7a325;" class="new1 btn btn-sm btn-primary right"
+                                <a class="new1 btn btn-sm btn-primary right bt"
                                     href="#c4">
                                     Apply Now
                                 </a>
@@ -142,7 +142,7 @@ include("_navbar.php");
             <li><i class="fe fe-check text-muted badge-rounded-circle bg-primary-soft"></i>Weekend in-class program</li>
           </ul>
         </ul>
-                                    <a style="background-color: #f7a325;" class="new1 btn btn-sm btn-primary right"
+                                    <a class="new1 btn btn-sm btn-primary right bt"
                                     href="#c4">
                                     Apply Now
                                     </a>
@@ -212,17 +212,6 @@ include("_navbar.php");
           <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3684.0602530206434!2d88.32769391495962!3d22.576849685180644!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a02776c85a6395b%3A0x16accebf7792d92!2sInternational%20Institute%20Of%20Montessori%20Teacher%20Training%2C%20Howrah%20Maidan!5e0!3m2!1sen!2sin!4v1614319779239!5m2!1sen!2sin" width="500" height="460" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
 </div></div>
 
-<!-- <div class="map" data-latitude="22.615367" data-longitude="88.430383" data-style="light" data-info="Hello from Teeny Beans"></div> -->
-<!--
-          <div style="background-image: url(/assets/img/uk.jpg); border-radius: 10px;border-left:3px solid #0189c8" class="add1 bg-cover overlay overlay-dark overlay-40 shadow-dark">                   
-                    <div class="container">
-                        <p style=" color:white;font-size: 14px;">
-                        <span style="color: #0189c8; font-size: 16PX;font-weight: bold;">UK:</span><br> Kemp House 160 City Road, London, Ec1v2nx<br>
-                        <img style="height: 20px;" src="/assets/img/phone.png" alt="Phone"> +442038077020<br>
-                        <img style="height: 15px;" src="/assets/img/message.jpeg" alt="message"> enquiry@iimtt.org<br>
-                    </p>
-                    </div>
-                </div>-->
           </div>
           <div class="col-12 col-lg-6">
 
@@ -291,7 +280,7 @@ include("_navbar.php");
                 <div class="col-auto">
 
                   <!-- Submit -->
-                  <button style="background-color: #f7a325" type="submit" class="btn">
+                  <button type="submit" class="btn bt">
                     Send message
                   </button>
 
diff --git a/montessori-teacher-training-micolayout.php b/montessori-teacher-training-micolayout.php
index a32e0b9..73a5e22 100644
--- a/montessori-teacher-training-micolayout.php
+++ b/montessori-teacher-training-micolayout.php
@@ -23,7 +23,7 @@ include("_navbar.php");
                             <h1 style="color:#f7a325;text-align: center;" class="display-3 font-weight-bold">
                             IIMTT MICO Layout
                             </h1>
-                            <p style="text-align: center;" class="text-white">
+                            <p class="text-white text-center">
                             Leading the early childhood industry is the International Institute Of Montessori Teacher Training (IIMTT) popular across India and worldwide for offering practical courses rooted in Maria Montessori’s philosophy. We are now your city MICO Layout! Our industry professionals at the centres will help you grasp the cognitive methodology of teaching while enhancing your skillset as a profound Montessori guide and mentor.
                             </p>
                         </div>
@@ -48,7 +48,7 @@ include("_navbar.php");
             <div class="col-lg-6 order-2 order-lg-1 pt-4 pt-lg-0 pb-5 pb-lg-0 mt-5 mt-lg-0 appear-animation" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="100">
                 <h2 class="font-weight-bold text-black text-7 mb-2">About Us</h2>
                 <p class="font-weight-light text-muted text-4">Established to meet the sky-rocketing demand of Montessori teachers, IIMTT is regarded among the world’s finest, globally accredited Montessori course providers. We strive towards shaping confident teachers who are valued for their mentorship and qualification no matter which Montessori institution they teach in by ensuring constant academic support and professional guidance.</p>
-                <a style="background-color: #f7a325;color:white;" class="navbar-btn btn btn-sm ml-auto" href="#c4">Contact us</a>
+                <a class="navbar-btn btn btn-sm ml-auto bt" href="#c4">Contact us</a>
             </div>
             <div class="col-lg-6 order-1 order-lg-2 scale-2">
                 <img class="img-fluid box-shadow-3 my-2 border-radius" src="/assets/img/kid1.jpg" alt="about us">
@@ -98,7 +98,7 @@ include("_navbar.php");
             <li><i class="fe fe-check text-muted badge-rounded-circle bg-primary-soft"></i>Weekend in-class program</li>
           </ul>
         </ul>
-                                <a style="background-color: #f7a325;" class="new1 btn btn-sm btn-primary right"
+                                <a class="new1 btn btn-sm btn-primary right bt"
                                     href="#c4">
                                     Apply Now
                                 </a>
@@ -142,7 +142,7 @@ include("_navbar.php");
             <li><i class="fe fe-check text-muted badge-rounded-circle bg-primary-soft"></i>Weekend in-class program</li>
           </ul>
         </ul>
-                                    <a style="background-color: #f7a325;" class="new1 btn btn-sm btn-primary right"
+                                    <a class="new1 btn btn-sm btn-primary right bt"
                                     href="#c4">
                                     Apply Now
                                     </a>
@@ -211,17 +211,6 @@ include("_navbar.php");
           <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3888.92805726503!2d77.60216761482134!3d12.912345390894792!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bae1592b4924655%3A0x201ed006198ccd7f!2sInternational%20Institute%20Of%20Montessori%20Teacher%20Training%2C%20MICO%20Layout%2C%20Bengaluru!5e0!3m2!1sen!2sin!4v1614319231903!5m2!1sen!2sin" width="500" height="460" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
 </div></div>
 
-<!-- <div class="map" data-latitude="22.615367" data-longitude="88.430383" data-style="light" data-info="Hello from Teeny Beans"></div> -->
-<!--
-          <div style="background-image: url(/assets/img/uk.jpg); border-radius: 10px;border-left:3px solid #0189c8" class="add1 bg-cover overlay overlay-dark overlay-40 shadow-dark">                   
-                    <div class="container">
-                        <p style=" color:white;font-size: 14px;">
-                        <span style="color: #0189c8; font-size: 16PX;font-weight: bold;">UK:</span><br> Kemp House 160 City Road, London, Ec1v2nx<br>
-                        <img style="height: 20px;" src="/assets/img/phone.png" alt="Phone"> +442038077020<br>
-                        <img style="height: 15px;" src="/assets/img/message.jpeg" alt="message"> enquiry@iimtt.org<br>
-                    </p>
-                    </div>
-                </div>-->
           </div>
           <div class="col-12 col-lg-6">
 
@@ -290,7 +279,7 @@ include("_navbar.php");
                 <div class="col-auto">
 
                   <!-- Submit -->
-                  <button style="background-color: #f7a325" type="submit" class="btn">
+                  <button type="submit" class="btn bt">
                     Send message
                   </button>
 
diff --git a/montessori-teacher-training-nabagram.php b/montessori-teacher-training-nabagram.php
index 4830b05..9f79d9b 100644
--- a/montessori-teacher-training-nabagram.php
+++ b/montessori-teacher-training-nabagram.php
@@ -23,7 +23,7 @@ include("_navbar.php");
                             <h1 style="color:#f7a325;text-align: center;" class="display-3 font-weight-bold">
                             IIMTT Nabagram(Siliguri)
                             </h1>
-                            <p style="text-align: center;" class="text-white">
+                            <p class="text-white text-center">
                             Leading the early childhood industry is the International Institute Of Montessori Teacher Training (IIMTT) popular across India and worldwide for offering practical courses rooted in Maria Montessori’s philosophy. We are now your city Nabagram(Siliguri)! Our industry professionals at the centres will help you grasp the cognitive methodology of teaching while enhancing your skillset as a profound Montessori guide and mentor.
                             </p>
                         </div>
@@ -48,7 +48,7 @@ include("_navbar.php");
             <div class="col-lg-6 order-2 order-lg-1 pt-4 pt-lg-0 pb-5 pb-lg-0 mt-5 mt-lg-0 appear-animation" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="100">
                 <h2 class="font-weight-bold text-black text-7 mb-2">About Us</h2>
                 <p class="font-weight-light text-muted text-4">Established to meet the sky-rocketing demand of Montessori teachers, IIMTT is regarded among the world’s finest, globally accredited Montessori course providers. We strive towards shaping confident teachers who are valued for their mentorship and qualification no matter which Montessori institution they teach in by ensuring constant academic support and professional guidance.</p>
-                <a style="background-color: #f7a325;color:white;" class="navbar-btn btn btn-sm ml-auto" href="#c4">Contact us</a>
+                <a class="navbar-btn btn btn-sm ml-auto bt" href="#c4">Contact us</a>
             </div>
             <div class="col-lg-6 order-1 order-lg-2 scale-2">
                 <img class="img-fluid box-shadow-3 my-2 border-radius" src="/assets/img/kid19.jpg" alt="about us">
@@ -98,7 +98,7 @@ include("_navbar.php");
             <li><i class="fe fe-check text-muted badge-rounded-circle bg-primary-soft"></i>Weekend in-class program</li>
           </ul>
         </ul>
-                                <a style="background-color: #f7a325;" class="new1 btn btn-sm btn-primary right"
+                                <a class="new1 btn btn-sm btn-primary right bt"
                                     href="#c4">
                                     Apply Now
                                 </a>
@@ -142,7 +142,7 @@ include("_navbar.php");
             <li><i class="fe fe-check text-muted badge-rounded-circle bg-primary-soft"></i>Weekend in-class program</li>
           </ul>
         </ul>
-                                    <a style="background-color: #f7a325;" class="new1 btn btn-sm btn-primary right"
+                                    <a class="new1 btn btn-sm btn-primary right bt"
                                     href="#c4">
                                     Apply Now
                                     </a>
@@ -212,17 +212,6 @@ include("_navbar.php");
           <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3564.582365081752!2d88.42046751504031!3d26.693836283222314!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39e441e7ef443c09%3A0x507b646ddad3bffc!2sInternational%20Institute%20of%20Montessori%20Teacher%20Training%20Nabagram!5e0!3m2!1sen!2sin!4v1614319563502!5m2!1sen!2sin" width="500" height="460" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
 </div></div>
 
-<!-- <div class="map" data-latitude="22.615367" data-longitude="88.430383" data-style="light" data-info="Hello from Teeny Beans"></div> -->
-<!--
-          <div style="background-image: url(/assets/img/uk.jpg); border-radius: 10px;border-left:3px solid #0189c8" class="add1 bg-cover overlay overlay-dark overlay-40 shadow-dark">                   
-                    <div class="container">
-                        <p style=" color:white;font-size: 14px;">
-                        <span style="color: #0189c8; font-size: 16PX;font-weight: bold;">UK:</span><br> Kemp House 160 City Road, London, Ec1v2nx<br>
-                        <img style="height: 20px;" src="/assets/img/phone.png" alt="Phone"> +442038077020<br>
-                        <img style="height: 15px;" src="/assets/img/message.jpeg" alt="message"> enquiry@iimtt.org<br>
-                    </p>
-                    </div>
-                </div>-->
           </div>
           <div class="col-12 col-lg-6">
 
@@ -291,7 +280,7 @@ include("_navbar.php");
                 <div class="col-auto">
 
                   <!-- Submit -->
-                  <button style="background-color: #f7a325" type="submit" class="btn">
+                  <button type="submit" class="btn bt">
                     Send message
                   </button>
 
diff --git a/montessori-teacher-training-nairobi.php b/montessori-teacher-training-nairobi.php
index 72bcc61..c867e64 100644
--- a/montessori-teacher-training-nairobi.php
+++ b/montessori-teacher-training-nairobi.php
@@ -19,11 +19,11 @@ include("_navbar.php");
             <div class="row">
                 <div class="col-12 col-md-12 col-lg-12 k1">
                         <!-- Heading -->
-                        <div style="">
+                        <div>
                             <h1 style="color:#f7a325;text-align: center;" class="display-3 font-weight-bold">
                             IIMTT Nairobi
                             </h1>
-                            <p style="text-align: center;" class="text-white">
+                            <p class="text-white text-center">
                             Leading the early childhood industry is the International Institute Of Montessori Teacher Training (IIMTT) popular across India and worldwide for offering practical courses rooted in Maria Montessori’s philosophy. We are now your city Nairobi! Our industry professionals at the centres will help you grasp the cognitive methodology of teaching while enhancing your skillset as a profound Montessori guide and mentor.
                             </p>
                         </div>
@@ -48,7 +48,7 @@ include("_navbar.php");
             <div class="col-lg-6 order-2 order-lg-1 pt-4 pt-lg-0 pb-5 pb-lg-0 mt-5 mt-lg-0 appear-animation" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="100">
                 <h2 class="font-weight-bold text-black text-7 mb-2">About Us</h2>
                 <p class="font-weight-light text-muted text-4">Established to meet the sky-rocketing demand of Montessori teachers, IIMTT is regarded among the world’s finest, globally accredited Montessori course providers. We strive towards shaping confident teachers who are valued for their mentorship and qualification no matter which Montessori institution they teach in by ensuring constant academic support and professional guidance.</p>
-                <a style="background-color: #f7a325;color:white;" class="navbar-btn btn btn-sm ml-auto" href="#c4">Contact us</a>
+                <a class="navbar-btn btn btn-sm ml-auto bt" href="#c4">Contact us</a>
             </div>
             <div class="col-lg-6 order-1 order-lg-2 scale-2">
                 <img class="img-fluid box-shadow-3 my-2 border-radius" src="/assets/img/teacher-kids1.jpg" alt="about us">
@@ -98,7 +98,7 @@ include("_navbar.php");
             <li><i class="fe fe-check text-muted badge-rounded-circle bg-primary-soft"></i>Weekend in-class program</li>
           </ul>
         </ul>
-                                <a style="background-color: #f7a325;" class="new1 btn btn-sm btn-primary right"
+                                <a class="new1 btn btn-sm btn-primary right bt"
                                     href="#c4">
                                     Apply Now
                                 </a>
@@ -142,7 +142,7 @@ include("_navbar.php");
             <li><i class="fe fe-check text-muted badge-rounded-circle bg-primary-soft"></i>Weekend in-class program</li>
           </ul>
         </ul>
-                                    <a style="background-color: #f7a325;" class="new1 btn btn-sm btn-primary right"
+                                    <a class="new1 btn btn-sm btn-primary right bt"
                                     href="#c4">
                                     Apply Now
                                     </a>
@@ -210,17 +210,6 @@ include("_navbar.php");
         <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3683.024802209051!2d88.42817031496038!3d22.615548985160657!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39f89e262b731455%3A0xe0f80202dde787aa!2sInternational%20Institute%20Of%20Montessori%20Teacher%20Training%20Kolkata!5e0!3m2!1sen!2sin!4v1614074490986!5m2!1sen!2sin" width="500" height="460" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
 </div></div>
 
-<!-- <div class="map" data-latitude="22.615367" data-longitude="88.430383" data-style="light" data-info="Hello from Teeny Beans"></div> -->
-<!--
-          <div style="background-image: url(/assets/img/uk.jpg); border-radius: 10px;border-left:3px solid #0189c8" class="add1 bg-cover overlay overlay-dark overlay-40 shadow-dark">                   
-                    <div class="container">
-                        <p style=" color:white;font-size: 14px;">
-                        <span style="color: #0189c8; font-size: 16PX;font-weight: bold;">UK:</span><br> Kemp House 160 City Road, London, Ec1v2nx<br>
-                        <img style="height: 20px;" src="/assets/img/phone.png" alt="Phone"> +442038077020<br>
-                        <img style="height: 15px;" src="/assets/img/message.jpeg" alt="message"> enquiry@iimtt.org<br>
-                    </p>
-                    </div>
-                </div>-->
           </div>
           <div class="col-12 col-lg-6">
 
@@ -289,7 +278,7 @@ include("_navbar.php");
                 <div class="col-auto">
 
                   <!-- Submit -->
-                  <button style="background-color: #f7a325" type="submit" class="btn">
+                  <button type="submit" class="btn bt">
                     Send message
                   </button>
 
diff --git a/montessori-teacher-training-patuli.php b/montessori-teacher-training-patuli.php
index 7890013..e20942f 100644
--- a/montessori-teacher-training-patuli.php
+++ b/montessori-teacher-training-patuli.php
@@ -24,7 +24,7 @@ include("_navbar.php");
                             <h1 style="color:#f7a325;text-align: center;" class="display-3 font-weight-bold">
                             IIMTT Patuli
                             </h1>
-                            <p style="text-align: center;" class="text-white">
+                            <p class="text-white text-center">
                             Leading the early childhood industry is the International Institute Of Montessori Teacher Training (IIMTT) popular across India and worldwide for offering practical courses rooted in Maria Montessori’s philosophy. We are now your city Patuli! Our industry professionals at the centres will help you grasp the cognitive methodology of teaching while enhancing your skillset as a profound Montessori guide and mentor.
                             </p>
                         </div>
@@ -49,7 +49,7 @@ include("_navbar.php");
             <div class="col-lg-6 order-2 order-lg-1 pt-4 pt-lg-0 pb-5 pb-lg-0 mt-5 mt-lg-0 appear-animation" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="100">
                 <h2 class="font-weight-bold text-black text-7 mb-2">About Us</h2>
                 <p class="font-weight-light text-muted text-4">Established to meet the sky-rocketing demand of Montessori teachers, IIMTT is regarded among the world’s finest, globally accredited Montessori course providers. We strive towards shaping confident teachers who are valued for their mentorship and qualification no matter which Montessori institution they teach in by ensuring constant academic support and professional guidance.</p>
-                <a style="background-color: #f7a325;color:white;" class="navbar-btn btn btn-sm ml-auto" href="#c4">Contact us</a>
+                <a class="navbar-btn btn btn-sm ml-auto bt" href="#c4">Contact us</a>
             </div>
             <div class="col-lg-6 order-1 order-lg-2 scale-2">
                 <img class="img-fluid box-shadow-3 my-2 border-radius" src="/assets/img/kid19.jpg" alt="about us">
@@ -99,7 +99,7 @@ include("_navbar.php");
             <li><i class="fe fe-check text-muted badge-rounded-circle bg-primary-soft"></i>Weekend in-class program</li>
           </ul>
         </ul>
-                                <a style="background-color: #f7a325;" class="new1 btn btn-sm btn-primary right"
+                                <a class="new1 btn btn-sm btn-primary right bt"
                                     href="#c4">
                                     Apply Now
                                 </a>
@@ -143,7 +143,7 @@ include("_navbar.php");
             <li><i class="fe fe-check text-muted badge-rounded-circle bg-primary-soft"></i>Weekend in-class program</li>
           </ul>
         </ul>
-                                    <a style="background-color: #f7a325;" class="new1 btn btn-sm btn-primary right"
+                                    <a class="new1 btn btn-sm btn-primary right bt"
                                     href="#c4">
                                     Apply Now
                                     </a>
@@ -213,17 +213,6 @@ include("_navbar.php");
           <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3686.869583027076!2d88.38271951495778!3d22.47153468523485!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a0271c1a4d56a21%3A0x3f2a933d6e8434d2!2sInternational%20Institute%20Of%20Montessori%20Teacher%20Training%2C%20Patuli%2C%20Kolkata!5e0!3m2!1sen!2sin!4v1614319473036!5m2!1sen!2sin" width="500" height="460" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
 </div></div>
 
-<!-- <div class="map" data-latitude="22.615367" data-longitude="88.430383" data-style="light" data-info="Hello from Teeny Beans"></div> -->
-<!--
-          <div style="background-image: url(/assets/img/uk.jpg); border-radius: 10px;border-left:3px solid #0189c8" class="add1 bg-cover overlay overlay-dark overlay-40 shadow-dark">                   
-                    <div class="container">
-                        <p style=" color:white;font-size: 14px;">
-                        <span style="color: #0189c8; font-size: 16PX;font-weight: bold;">UK:</span><br> Kemp House 160 City Road, London, Ec1v2nx<br>
-                        <img style="height: 20px;" src="/assets/img/phone.png" alt="Phone"> +442038077020<br>
-                        <img style="height: 15px;" src="/assets/img/message.jpeg" alt="message"> enquiry@iimtt.org<br>
-                    </p>
-                    </div>
-                </div>-->
           </div>
           <div class="col-12 col-lg-6">
 
@@ -292,7 +281,7 @@ include("_navbar.php");
                 <div class="col-auto">
 
                   <!-- Submit -->
-                  <button style="background-color: #f7a325" type="submit" class="btn">
+                  <button type="submit" class="btn bt">
                     Send message
                   </button>
 
diff --git a/montessori-teacher-training-sodepur.php b/montessori-teacher-training-sodepur.php
index fc18bdd..e25da26 100644
--- a/montessori-teacher-training-sodepur.php
+++ b/montessori-teacher-training-sodepur.php
@@ -23,7 +23,7 @@ include("_navbar.php");
                             <h1 style="color:#f7a325;text-align: center;" class="display-3 font-weight-bold">
                             IIMTT Sodepur
                             </h1>
-                            <p style="text-align: center;" class="text-white">
+                            <p class="text-white text-center">
                             Leading the early childhood industry is the International Institute Of Montessori Teacher Training (IIMTT) popular across India and worldwide for offering practical courses rooted in Maria Montessori’s philosophy. We are now your city Sodepur! Our industry professionals at the centres will help you grasp the cognitive methodology of teaching while enhancing your skillset as a profound Montessori guide and mentor.
                             </p>
                         </div>
@@ -48,7 +48,7 @@ include("_navbar.php");
             <div class="col-lg-6 order-2 order-lg-1 pt-4 pt-lg-0 pb-5 pb-lg-0 mt-5 mt-lg-0 appear-animation" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="100">
                 <h2 class="font-weight-bold text-black text-7 mb-2">About Us</h2>
                 <p class="font-weight-light text-muted text-4">Established to meet the sky-rocketing demand of Montessori teachers, IIMTT is regarded among the world’s finest, globally accredited Montessori course providers. We strive towards shaping confident teachers who are valued for their mentorship and qualification no matter which Montessori institution they teach in by ensuring constant academic support and professional guidance.</p>
-                <a style="background-color: #f7a325;color:white;" class="navbar-btn btn btn-sm ml-auto" href="#c4">Contact us</a>
+                <a class="navbar-btn btn btn-sm ml-auto bt" href="#c4">Contact us</a>
             </div>
             <div class="col-lg-6 order-1 order-lg-2 scale-2">
                 <img class="img-fluid box-shadow-3 my-2 border-radius" src="/assets/img/kids-teacher5.jpg" alt="about us">
@@ -98,7 +98,7 @@ include("_navbar.php");
             <li><i class="fe fe-check text-muted badge-rounded-circle bg-primary-soft"></i>Weekend in-class program</li>
           </ul>
         </ul>
-                                <a style="background-color: #f7a325;" class="new1 btn btn-sm btn-primary right"
+                                <a class="new1 btn btn-sm btn-primary right bt"
                                     href="#c4">
                                     Apply Now
                                 </a>
@@ -142,7 +142,7 @@ include("_navbar.php");
             <li><i class="fe fe-check text-muted badge-rounded-circle bg-primary-soft"></i>Weekend in-class program</li>
           </ul>
         </ul>
-                                    <a style="background-color: #f7a325;" class="new1 btn btn-sm btn-primary right"
+                                    <a class="new1 btn btn-sm btn-primary right bt"
                                     href="#c4">
                                     Apply Now
                                     </a>
@@ -212,17 +212,6 @@ include("_navbar.php");
         <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3683.024802209051!2d88.42817031496038!3d22.615548985160657!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39f89e262b731455%3A0xe0f80202dde787aa!2sInternational%20Institute%20Of%20Montessori%20Teacher%20Training%20Kolkata!5e0!3m2!1sen!2sin!4v1614074490986!5m2!1sen!2sin" width="500" height="460" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
 </div></div>
 
-<!-- <div class="map" data-latitude="22.615367" data-longitude="88.430383" data-style="light" data-info="Hello from Teeny Beans"></div> -->
-<!--
-          <div style="background-image: url(/assets/img/uk.jpg); border-radius: 10px;border-left:3px solid #0189c8" class="add1 bg-cover overlay overlay-dark overlay-40 shadow-dark">                   
-                    <div class="container">
-                        <p style=" color:white;font-size: 14px;">
-                        <span style="color: #0189c8; font-size: 16PX;font-weight: bold;">UK:</span><br> Kemp House 160 City Road, London, Ec1v2nx<br>
-                        <img style="height: 20px;" src="/assets/img/phone.png" alt="Phone"> +442038077020<br>
-                        <img style="height: 15px;" src="/assets/img/message.jpeg" alt="message"> enquiry@iimtt.org<br>
-                    </p>
-                    </div>
-                </div>-->
           </div>
           <div class="col-12 col-lg-6">
 
@@ -291,7 +280,7 @@ include("_navbar.php");
                 <div class="col-auto">
 
                   <!-- Submit -->
-                  <button style="background-color: #f7a325" type="submit" class="btn">
+                  <button type="submit" class="btn bt">
                     Send message
                   </button>
 
diff --git a/montessori-teacher-training-takiroad.php b/montessori-teacher-training-takiroad.php
index c562ab6..6bbae18 100644
--- a/montessori-teacher-training-takiroad.php
+++ b/montessori-teacher-training-takiroad.php
@@ -23,7 +23,7 @@ include("_navbar.php");
                             <h1 style="color:#f7a325;text-align: center;" class="display-3 font-weight-bold">
                             IIMTT Taki Road
                             </h1>
-                            <p style="text-align: center;" class="text-white">
+                            <p class="text-white text-center">
                             Leading the early childhood industry is the International Institute Of Montessori Teacher Training (IIMTT) popular across India and worldwide for offering practical courses rooted in Maria Montessori’s philosophy. We are now your city Taki Road! Our industry professionals at the centres will help you grasp the cognitive methodology of teaching while enhancing your skillset as a profound Montessori guide and mentor.
                             </p>
                         </div>
@@ -48,7 +48,7 @@ include("_navbar.php");
             <div class="col-lg-6 order-2 order-lg-1 pt-4 pt-lg-0 pb-5 pb-lg-0 mt-5 mt-lg-0 appear-animation" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="100">
                 <h2 class="font-weight-bold text-black text-7 mb-2">About Us</h2>
                 <p class="font-weight-light text-muted text-4">Established to meet the sky-rocketing demand of Montessori teachers, IIMTT is regarded among the world’s finest, globally accredited Montessori course providers. We strive towards shaping confident teachers who are valued for their mentorship and qualification no matter which Montessori institution they teach in by ensuring constant academic support and professional guidance.</p>
-                <a style="background-color: #f7a325;color:white;" class="navbar-btn btn btn-sm ml-auto" href="#c4">Contact us</a>
+                <a class="navbar-btn btn btn-sm ml-auto bt" href="#c4">Contact us</a>
             </div>
             <div class="col-lg-6 order-1 order-lg-2 scale-2">
                 <img class="img-fluid box-shadow-3 my-2 border-radius" src="/assets/img/kid1.jpg" alt="about us">
@@ -98,7 +98,7 @@ include("_navbar.php");
             <li><i class="fe fe-check text-muted badge-rounded-circle bg-primary-soft"></i>Weekend in-class program</li>
           </ul>
         </ul>
-                                <a style="background-color: #f7a325;" class="new1 btn btn-sm btn-primary right"
+                                <a class="new1 btn btn-sm btn-primary right bt"
                                     href="#c4">
                                     Apply Now
                                 </a>
@@ -142,7 +142,7 @@ include("_navbar.php");
             <li><i class="fe fe-check text-muted badge-rounded-circle bg-primary-soft"></i>Weekend in-class program</li>
           </ul>
         </ul>
-                                    <a style="background-color: #f7a325;" class="new1 btn btn-sm btn-primary right"
+                                    <a class="new1 btn btn-sm btn-primary right bt"
                                     href="#c4">
                                     Apply Now
                                     </a>
@@ -211,17 +211,6 @@ include("_navbar.php");
           <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3680.355309253615!2d88.49108101496216!3d22.71503138510963!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39f8a32e012f3cd9%3A0xa43177f1ff37e633!2sInternational%20Institute%20Of%20Montessori%20Teacher%20Training%20Taki%20Road%2C%20Barasat!5e0!3m2!1sen!2sin!4v1614319659731!5m2!1sen!2sin" width="500" height="460" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
 </div></div>
 
-<!-- <div class="map" data-latitude="22.615367" data-longitude="88.430383" data-style="light" data-info="Hello from Teeny Beans"></div> -->
-<!--
-          <div style="background-image: url(/assets/img/uk.jpg); border-radius: 10px;border-left:3px solid #0189c8" class="add1 bg-cover overlay overlay-dark overlay-40 shadow-dark">                   
-                    <div class="container">
-                        <p style=" color:white;font-size: 14px;">
-                        <span style="color: #0189c8; font-size: 16PX;font-weight: bold;">UK:</span><br> Kemp House 160 City Road, London, Ec1v2nx<br>
-                        <img style="height: 20px;" src="/assets/img/phone.png" alt="Phone"> +442038077020<br>
-                        <img style="height: 15px;" src="/assets/img/message.jpeg" alt="message"> enquiry@iimtt.org<br>
-                    </p>
-                    </div>
-                </div>-->
           </div>
           <div class="col-12 col-lg-6">
 
@@ -290,7 +279,7 @@ include("_navbar.php");
                 <div class="col-auto">
 
                   <!-- Submit -->
-                  <button style="background-color: #f7a325" type="submit" class="btn">
+                  <button type="submit" class="btn bt">
                     Send message
                   </button>