diff --git a/.htaccess b/.htaccess
new file mode 100644
index 0000000..3a87b94
--- /dev/null
+++ b/.htaccess
@@ -0,0 +1,16 @@
+# Prevent viewing of htaccess file.
+<Files .htaccess>
+    order allow,deny
+    deny from all
+</Files>
+
+# Prevent directory listings
+# Options All -Indexes
+
+ErrorDocument 404 /404.php
+
+RewriteEngine on
+
+RewriteCond %{REQUEST_FILENAME} !-d
+RewriteCond %{REQUEST_FILENAME}\.html -f
+RewriteRule ^(.*)$ $1.html
\ No newline at end of file
diff --git a/404.html b/404.html
index 086a5c9..af43df5 100644
--- a/404.html
+++ b/404.html
@@ -1,25 +1,36 @@
 ---
-permalink: /404.html
+permalink: /404
 layout: default
 ---
 
 <style type="text/css" media="screen">
-  .container {
-    margin: 10px auto;
-    max-width: 600px;
-    text-align: center;
-  }
-  h1 {
-    margin: 30px 0;
-    font-size: 4em;
-    line-height: 1;
-    letter-spacing: -1px;
-  }
+    .container {
+        margin: 10px auto;
+        max-width: 600px;
+        text-align: center;
+    }
+    h1 {
+        margin: 30px 0;
+        font-size: 4em;
+        line-height: 1;
+        letter-spacing: -1px;
+    }
 </style>
 
 <div class="container">
-  <h1>404</h1>
+    <h1>404</h1>
 
-  <p><strong>Page not found :(</strong></p>
-  <p>The requested page could not be found.</p>
+    <p><strong>Page not found :(</strong></p>
+    <p>Redirecting you to the home page in <span>5</span>...</p>
 </div>
+
+<script>
+    setInterval(() => {
+        let countdown = document.querySelector('.container p > span');
+        let count = parseInt(countdown.innerHTML);
+
+        countdown.innerHTML = count - 1;
+        if (count > 1) return;
+        window.location.href = '/';
+    }, 1000);
+</script>
diff --git a/_config.yml b/_config.yml
index 09da8dd..05af2cf 100644
--- a/_config.yml
+++ b/_config.yml
@@ -34,6 +34,9 @@ theme: minima
 plugins:
   - jekyll-feed
 
+include:
+ - .htaccess
+
 # Exclude from processing.
 # The following items will not be processed, by default.
 # Any item listed under the `exclude:` key here will be automatically added to
diff --git a/_data/toppings.json b/_data/toppings.json
new file mode 100644
index 0000000..3c5153a
--- /dev/null
+++ b/_data/toppings.json
@@ -0,0 +1,78 @@
+[
+    {
+        "name": "Pepperoni",
+        "cost": 0.00
+    },
+    {
+        "name": "Sausage",
+        "cost": 0.00
+    },
+    {
+        "name": "Bacon",
+        "cost": 0.00
+    },
+    {
+        "name": "Beef",
+        "cost": 0.00
+    },
+    {
+        "name": "Chicken",
+        "cost": 0.00
+    },
+    {
+        "name": "Anchovies",
+        "cost": 0.00
+    },
+    {
+        "name": "Japapenos",
+        "cost": 0.00
+    },
+    {
+        "name": "Onions",
+        "cost": 0.00
+    },
+    {
+        "name": "Banana Peppers",
+        "cost": 0.00
+    },
+    {
+        "name": "Black Olives",
+        "cost": 0.00
+    },
+    {
+        "name": "Mushrooms",
+        "cost": 0.00
+    },
+    {
+        "name": "Pineapple",
+        "cost": 0.00
+    },
+    {
+        "name": "Provolone Cheese",
+        "cost": 0.00
+    },
+    {
+        "name": "Cheddar Cheese",
+        "cost": 0.00
+    },
+    {
+        "name": "Green Peppers",
+        "cost": 0.00
+    },
+    {
+        "name": "Spinach",
+        "cost": 0.00
+    },
+    {
+        "name": "Red Peppers",
+        "cost": 0.00
+    },
+    {
+        "name": "Shredded Parmesan",
+        "cost": 0.00
+    },
+    {
+        "name": "Buffalo Sauce",
+        "cost": 0.00
+    }
+]
\ No newline at end of file
diff --git a/_includes/checkbox.html b/_includes/checkbox.html
new file mode 100644
index 0000000..528c7b2
--- /dev/null
+++ b/_includes/checkbox.html
@@ -0,0 +1,4 @@
+<div class="custom-control custom-checkbox">
+    <input type="checkbox" class="custom-control-input" id="{{ include.id }}" {% if include.checked %}checked{% endif %}>
+    <label class="custom-control-label" for="{{ include.id }}">{{ include.label }}</label>
+</div>
\ No newline at end of file
diff --git a/_includes/menuItem.html b/_includes/menuItem.html
index 1497926..acb039f 100644
--- a/_includes/menuItem.html
+++ b/_includes/menuItem.html
@@ -1,12 +1,12 @@
-<div class="col-6 menuItem">
-    <div class="row">
+<div class="col-sm-6 menuItem">
+    <div class="row py-3">
+        <div class="col-md-6 col-lg-4 px-2">
+            <img src="{{ include.img }}" class="squareImg w-100">
+        </div>
         <div class="col-md-6 col-lg-8">
-            <h3>{{ include.name }}</h3>
+            <h3 class="mt-2">{{ include.name }}</h3>
             <p>{{ include.desc }}</p>
-            <a class="btn btn-secondary" data-mdb-toggle="modal" data-mdb-target="#menuModal">Order</a>
-        </div>
-        <div class="col-md-6 col-lg-4">
-            <img src="{{ include.img }}" class="menuItemImg">
+            <a class="btn btn-secondary" data-mdb-toggle="modal" data-mdb-target="#menuModal" onclick="change_preview('{{ include.img }}')">Order</a>
         </div>
     </div>
 </div>
diff --git a/_includes/menuModal.html b/_includes/menuModal.html
index be37f67..f86c8e7 100644
--- a/_includes/menuModal.html
+++ b/_includes/menuModal.html
@@ -1,8 +1,8 @@
 <div id="menuModal" class="modal" tabindex="-1">
-    <div class="modal-dialog">
+    <div class="modal-dialog modal-lg">
         <div class="modal-content">
             <div class="modal-header">
-                <h5 class="modal-title">Modal title</h5>
+                <h3 class="modal-title">Pizza Builder</h3>
                 <button
                     type="button"
                     class="btn-close"
@@ -10,9 +10,47 @@ <h5 class="modal-title">Modal title</h5>
                     aria-label="Close"
                 ></button>
             </div>
-            <div class="modal-body">
+            <div class="modal-body col">
+                <div class="row mb-3">
+                    <div class="col">
+                        <img id="preview_pizza" class="squareImg" style="height: 12rem;">
+                    </div>
+                    <div class="col">
+                        <div class="card">
+                            <div class="card-body">
+                                <h5 class="card-title">My Pizza</h5>
+                                <div class="row" style="margin-left: 0">
+                                    Quantity
+                                    <div class="col-3">
+                                        <input class="form-control form-control-sm mb-2" type="text" value="1">
+                                    </div>
+                                </div>
+                                <button id="add_to_cart" class="btn btn-secondary btn-block" type="submit">Add to Cart</button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="row">
+                    <h5>Toppings</h5>
+                    <div class="col">
+                        {% assign size = site.data.toppings.size %}
+                        {% assign breakcol = size | divided_by: 3.0 | ceil %}
+
+                        {% for i in (1..size) %}
+                            {% assign j = i | minus: 1 %}
+                            {% assign item = site.data.toppings[j] %}
+                            {% assign id = "topping_" | append: item.name | downcase %}
+                            {% include checkbox.html id=id label=item.name %}
+
+                            {% assign row = i | modulo: breakcol %}
+                            {% if row == 0 %}
+                                </div><div class="col">
+                            {% endif %}
+                        {% endfor %}
+                    </div>
+                </div>
                 <!-- Tabs navs -->
-                <ul class="nav nav-tabs mb-3" id="ex1" role="tablist">
+                {%- comment -%} <ul class="nav nav-tabs mb-3" id="ex1" role="tablist">
                     <li class="nav-item" role="presentation">
                         <a
                             class="nav-link active"
@@ -78,21 +116,18 @@ <h5 class="modal-title">Modal title</h5>
                     >
                         Tab 3 content
                     </div>
-                </div>
+                </div> {%- endcomment -%}
                 <!-- Tabs content -->
             </div>
-            <div class="modal-footer">
-                <button
-                    type="button"
-                    class="btn btn-secondary"
-                    data-mdb-dismiss="modal"
-                >
-                    Close
-                </button>
-                <button type="button" class="btn btn-primary">
-                    Save changes
-                </button>
-            </div>
         </div>
     </div>
 </div>
+
+<script>
+    document.querySelector('#add_to_cart').addEventListener('click', e => {
+        e.preventDefault();
+        localStorage.setItem('loginToken', '123');
+        window.location.href = '/cart';
+    });
+</script>
+
diff --git a/_includes/navbar.html b/_includes/navbar.html
index 80d90ac..3ffb231 100644
--- a/_includes/navbar.html
+++ b/_includes/navbar.html
@@ -1,10 +1,10 @@
 <!-- Navbar -->
-<nav class="navbar navbar-expand-lg bg-secondary navbar-light ">
+<nav class="navbar navbar-expand-lg bg-secondary navbar-dark">
   <!-- Container wrapper -->
   <div class="container-fluid">
 
     <!-- Navbar brand -->
-    <a class="navbar-brand" href="#">{{ site.title }}</a>
+    <a class="navbar-brand" href="/">{{ site.title }}</a>
 
     <!-- Toggle button -->
     <button class="navbar-toggler" type="button" data-mdb-toggle="collapse" data-mdb-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
@@ -17,7 +17,7 @@
 
         <!-- Dropdown -->
         <li class="nav-item dropdown">
-          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-mdb-toggle="dropdown" aria-expanded="false">
+          {%- comment -%} <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-mdb-toggle="dropdown" aria-expanded="false">
             <i class="fas fa-align-justify"></i>
           </a>
           <!-- Dropdown menu -->
@@ -34,7 +34,7 @@
             <li>
               <a class="dropdown-item" href="#">Something else here</a>
             </li>
-          </ul>
+          </ul> {%- endcomment -%}
         </li>
 
       </ul>
@@ -42,7 +42,13 @@
       <!-- Icons -->
       <ul class="navbar-nav d-flex flex-row me-1">
         <li class="nav-item me-3 me-lg-0">
-          <a class="nav-link" href="#"><i class="fas fa-shopping-cart"></i></a>
+          <a class="nav-link" href="/login"><i class="fas fa-user-alt"></i></a>
+        </li>
+        <li class="nav-item me-3 me-lg-0">
+          <a class="nav-link" href="/logout"><i class="fas fa-sign-out-alt"></i></a>
+        </li>
+        <li class="nav-item me-3 me-lg-0">
+          <a class="nav-link" href="/cart"><i class="fas fa-shopping-cart"></i></a>
         </li>
       </ul>
 
diff --git a/_layouts/default.html b/_layouts/default.html
index 7871cf7..06acf0d 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -5,29 +5,35 @@
         <title>{{ site.title }} | {{ page.title }}</title>
         <!-- Font Awesome -->
         <link
-        href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"
-        rel="stylesheet"
+            href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"
+            rel="stylesheet"
         />
         <!-- Google Fonts -->
         <link
-        href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
-        rel="stylesheet"
+            href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
+            rel="stylesheet"
         />
         <!-- MDB -->
         <link
-        href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/3.6.0/mdb.min.css"
-        rel="stylesheet"
+            href="//cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/3.6.0/mdb.min.css"
+            rel="stylesheet"
         />
         
-        <link href="cdn/css/index.css" rel="stylesheet" />
+        <link href="/cdn/css/global.css" rel="stylesheet" />
     </head>
     <body>
         {% include navbar.html %}
-        {{ content }}
+        <div class="container-fluid {% if page.container_class %}{{ page.container_class }}{% endif %}">
+            {{ content }}
+        </div>
     </body>
     <!-- MDB -->
     <script
-    type="text/javascript"
-    src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/3.6.0/mdb.min.js"
+        type="text/javascript"
+        src="//cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/3.6.0/mdb.min.js"
+    ></script>
+    <script
+        type="text/javascript"
+        src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.10.1/umd/popper.min.js"
     ></script>
 </html>
diff --git a/cart.html b/cart.html
new file mode 100644
index 0000000..463f1da
--- /dev/null
+++ b/cart.html
@@ -0,0 +1,73 @@
+---
+layout: default
+title: Login
+container_class: col-xl-5 col-lg-6 col-sm-8 d-flex flex-column justify-content-center flex-grow-1 mt-2
+---
+
+<img class="col-8 col-lg-5 col-md-6 d-flex align-self-center" src="/cdn/img/cart.svg">
+
+<!--Modal: modalPush-->
+<div class="modal-dialog modal-notify modal-info" role="document">
+    <!--Content-->
+    <div class="modal-content text-center">
+
+        <!--Body-->
+        <div class="modal-body">
+            <form class="text-center border border-light p-3" action="#!">
+                <table class="table table-hover">
+                    <thead>
+                        <tr>
+                            <th>#</th>
+                            <th>Product name</th>
+                            <th>Price</th>
+                            <th>Remove</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <th scope="row">1</th>
+                            <td>Product 1</td>
+                            <td>100$</td>
+                            <td><a href="#" style="color: black"><i class="fas fa-times"></i></a></td>
+                        </tr>
+                        <tr>
+                            <th scope="row">2</th>
+                            <td>Product 2</td>
+                            <td>100$</td>
+                            <td><a href="#" style="color: black"><i class="fas fa-times"></i></a></td>
+                        </tr>
+                        <tr>
+                            <th scope="row">3</th>
+                            <td>Product 3</td>
+                            <td>100$</td>
+                            <td><a href="#" style="color: black"><i class="fas fa-times"></i></a></td>
+                        </tr>
+                        <tr>
+                            <th scope="row">4</th>
+                            <td>Product 4</td>
+                            <td>100$</td>
+                            <td><a href="#" style="color: black"><i class="fas fa-times"></i></a></td>
+                        </tr>
+                        <tr class="total">
+                            <th scope="row">5</th>
+                            <td>Total</td>
+                            <td>400$</td>
+                            <td></td>
+                        </tr>
+                    </tbody>
+                </table>
+            </form>
+
+            <button id="check_out" class="btn btn-secondary btn-block mb-4" type="submit">Check out</button>
+        </div>
+    </div>
+    <!--/.Content-->
+</div>
+<!--Modal: modalPush-->
+
+<script>
+    document.querySelector('#check_out').addEventListener('click', e => {
+        e.preventDefault();
+        window.location.href = '/';
+    });
+</script>
diff --git a/cdn/css/global.css b/cdn/css/global.css
new file mode 100644
index 0000000..f2b1be2
--- /dev/null
+++ b/cdn/css/global.css
@@ -0,0 +1,98 @@
+/* Variables */
+:root {
+    --primary-color: #1266f1;
+    --primary-hover-color: #0c56d0;
+    --secondary-color: #b23cfd;
+    --secondary-hover-color: #a316fd;
+    --info-color: #39c0ed;
+    --info-hover-color: #16b5ea;
+    --warning-color: #ffa900;
+    --warning-hover-color: #d99000;
+    --danger-color: #f93154;
+    --danger-hover-color: #f80c35;
+}
+
+html, body {
+    display: flex;
+    flex-direction: column;
+    height: 100vh;
+}
+
+/* Button Override */
+.btn {
+    color: unset;
+    background-color: unset !important;
+    box-shadow: none !important;
+    border-radius: 100vw;
+}
+
+.btn:hover {
+    color: unset;
+    background-color: unset;
+    box-shadow: none !important;
+}
+
+/* Button Colors */
+.btn-primary {
+    color: var(--primary-color) !important;
+    border: 0.125rem solid var(--primary-color) !important;
+}
+
+.btn-secondary {
+    color: var(--secondary-color) !important;
+    border: 0.125rem solid var(--secondary-color) !important;
+}
+
+.btn-info {
+    color: var(--info-color) !important;
+    border: 0.125rem solid var(--info-color) !important;
+}
+
+.btn-warning {
+    color: var(--warning-color) !important;
+    border: 0.125rem solid var(--warning-color) !important;
+}
+
+.btn-danger {
+    color: var(--danger-color) !important;
+    border: 0.125rem solid var(--danger-color) !important;
+}
+
+.btn-primary:hover {
+    color: var(--primary-hover-color) !important;
+    border: 0.125rem solid var(--primary-hover-color) !important;
+}
+
+.btn-secondary:hover {
+    color: var(--secondary-hover-color) !important;
+    border: 0.125rem solid var(--secondary-hover-color) !important;
+}
+
+.btn-info:hover {
+    color: var(--info-hover-color) !important;
+    border: 0.125rem solid var(--info-hover-color) !important;
+}
+
+.btn-warning:hover {
+    color: var(--warning-hover-color) !important;
+    border: 0.125rem solid var(--warning-hover-color) !important;
+}
+
+.btn-danger:hover {
+    color: var(--danger-hover-color) !important;
+    border: 0.125rem solid var(--danger-hover-color) !important;
+}
+
+/* Menu Items */
+.menuItem > .row {
+    margin: 1rem 0.25rem 0.5rem 0;
+    padding: 0.5rem;
+    /* border: #B23CFD 1px solid; */
+    border-radius: 0.25rem;
+}
+
+.squareImg {
+    aspect-ratio: 1 / 1;
+    object-fit: cover;
+    border-radius: 0.5rem;
+}
diff --git a/cdn/css/index.css b/cdn/css/index.css
deleted file mode 100644
index dc52002..0000000
--- a/cdn/css/index.css
+++ /dev/null
@@ -1,12 +0,0 @@
-.menuItem > .row {
-    margin: 1rem 0.25rem 0.5rem 0;
-    padding: 0.5rem;
-    border: #B23CFD 1px solid;
-    border-radius: 0.25rem;
-}
-
-.menuItemImg {
-    width: 100%;
-    aspect-ratio: 1 / 1;
-    object-fit: cover;
-}
\ No newline at end of file
diff --git a/cdn/img/cart.svg b/cdn/img/cart.svg
new file mode 100644
index 0000000..97962b6
--- /dev/null
+++ b/cdn/img/cart.svg
@@ -0,0 +1 @@
+<svg id="b0613604-cb64-4fd5-a4c3-be829c572cfc" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="888" height="741.04834" viewBox="0 0 888 741.04834"><path d="M521.89611,253.85607H517.8642v-110.453a63.92718,63.92718,0,0,0-63.92738-63.92726H219.92738A63.92718,63.92718,0,0,0,156,143.40309V749.35675A63.92719,63.92719,0,0,0,219.92738,813.284H453.93682a63.92719,63.92719,0,0,0,63.92738-63.92726V332.47837h4.03191Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><path d="M456.51633,96.10749h-30.546a22.68123,22.68123,0,0,1-20.99971,31.24733H270.90951a22.68123,22.68123,0,0,1-20.99972-31.24733h-28.53a47.74011,47.74011,0,0,0-47.74018,47.74005V748.91223a47.74012,47.74012,0,0,0,47.74018,47.74012H456.51633a47.74012,47.74012,0,0,0,47.74018-47.74012V143.84754A47.74011,47.74011,0,0,0,456.51633,96.10749Z" transform="translate(-156 -79.47583)" fill="#fff"/><path d="M269.67241,219.11054H255.63313a1.86134,1.86134,0,0,0-1.86133,1.86133v6.16225a1.86134,1.86134,0,0,0,1.86133,1.86133h2.32651v9.23317h9.38625v-9.23317h2.32652a1.86133,1.86133,0,0,0,1.86132-1.86133v-6.16225A1.86133,1.86133,0,0,0,269.67241,219.11054Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><path d="M283.73425,275.50749a72.178,72.178,0,0,1-12.55683-42.79357,1.52226,1.52226,0,0,0-1.18821-1.5191v-2.66269H255.16187v2.62568h-.2043a1.52142,1.52142,0,0,0-1.51944,1.52339q.00006.05544.00418.11074,1.75218,24.42494-11.83339,43.8076a4.19288,4.19288,0,0,0-.75883,2.541l1.62129,50.15132a4.34147,4.34147,0,0,0,4.30433,4.19019h33.53723a4.343,4.343,0,0,0,4.30692-4.26409l.62478-48.69283A8.78784,8.78784,0,0,0,283.73425,275.50749Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><path d="M278.42523,292.16618H249.23369a2.997,2.997,0,0,0-2.96218,3.45275l4.41126,28.67321h25.33006l5.3581-28.5766a2.997,2.997,0,0,0-2.9457-3.54936Z" transform="translate(-156 -79.47583)" fill="#fff"/><path d="M425.95669,369.34511H411.91741a1.86133,1.86133,0,0,0-1.86133,1.86132v6.16226a1.86134,1.86134,0,0,0,1.86133,1.86133h2.32651v9.23316h9.38625V379.23h2.32652a1.86133,1.86133,0,0,0,1.86132-1.86133v-6.16226A1.86132,1.86132,0,0,0,425.95669,369.34511Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><path d="M440.01853,425.74206a72.178,72.178,0,0,1-12.55683-42.79357,1.52226,1.52226,0,0,0-1.1882-1.5191V378.7667H411.44615v2.62568h-.2043a1.52141,1.52141,0,0,0-1.51944,1.52339q.00007.05542.00418.11074,1.75218,24.42492-11.83339,43.8076a4.19294,4.19294,0,0,0-.75883,2.541l1.62129,50.15132a4.34145,4.34145,0,0,0,4.30433,4.19018h33.53723a4.343,4.343,0,0,0,4.30692-4.26409l.62479-48.69283A8.78789,8.78789,0,0,0,440.01853,425.74206Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><path d="M434.70951,442.40074H405.518a2.997,2.997,0,0,0-2.96218,3.45276l4.41126,28.6732h25.33006l5.35811-28.57659a2.9971,2.9971,0,0,0-2.94571-3.54937Z" transform="translate(-156 -79.47583)" fill="#fff"/><path d="M249.935,581.73267h-6.65947a.88292.88292,0,0,0-.88292.88291v2.923a.88292.88292,0,0,0,.88292.88291h1.10357v4.37972h4.45233v-4.37972H249.935a.88291.88291,0,0,0,.88291-.88291v-2.923A.88291.88291,0,0,0,249.935,581.73267Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><path d="M256.60519,608.48432a34.2373,34.2373,0,0,1-5.95627-20.29895.72208.72208,0,0,0-.56363-.72057v-1.263H243.052v1.24548h-.09691a.72168.72168,0,0,0-.72074.72262q0,.02628.002.05252a31.24565,31.24565,0,0,1-5.61312,20.77995,1.98884,1.98884,0,0,0-.35994,1.20529l.769,23.78907a2.05934,2.05934,0,0,0,2.04174,1.98759h15.90824a2.06007,2.06007,0,0,0,2.043-2.02265l.29636-23.09723A4.1684,4.1684,0,0,0,256.60519,608.48432Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><rect x="83.13662" y="537.75318" width="15.17906" height="7.58953" fill="#fff"/><path d="M280.935,581.73267h-6.65947a.88292.88292,0,0,0-.88292.88291v2.923a.88292.88292,0,0,0,.88292.88291h1.10357v4.37972h4.45233v-4.37972H280.935a.88291.88291,0,0,0,.88291-.88291v-2.923A.88291.88291,0,0,0,280.935,581.73267Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><path d="M287.60519,608.48432a34.2373,34.2373,0,0,1-5.95627-20.29895.72208.72208,0,0,0-.56363-.72057v-1.263H274.052v1.24548h-.09691a.72168.72168,0,0,0-.72074.72262q0,.02628.002.05252a31.24565,31.24565,0,0,1-5.61312,20.77995,1.98884,1.98884,0,0,0-.35994,1.20529l.769,23.78907a2.05934,2.05934,0,0,0,2.04174,1.98759h15.90824a2.06007,2.06007,0,0,0,2.043-2.02265l.29636-23.09723A4.1684,4.1684,0,0,0,287.60519,608.48432Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><rect x="114.13662" y="537.75318" width="15.17906" height="7.58953" fill="#fff"/><path d="M311.935,581.73267h-6.65947a.88292.88292,0,0,0-.88292.88291v2.923a.88292.88292,0,0,0,.88292.88291h1.10357v4.37972h4.45233v-4.37972H311.935a.88291.88291,0,0,0,.88291-.88291v-2.923A.88291.88291,0,0,0,311.935,581.73267Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><path d="M318.60519,608.48432a34.2373,34.2373,0,0,1-5.95627-20.29895.72208.72208,0,0,0-.56363-.72057v-1.263H305.052v1.24548h-.09691a.72168.72168,0,0,0-.72074.72262q0,.02628.002.05252a31.24565,31.24565,0,0,1-5.61312,20.77995,1.98884,1.98884,0,0,0-.35994,1.20529l.769,23.78907a2.05934,2.05934,0,0,0,2.04174,1.98759h15.90824a2.06007,2.06007,0,0,0,2.043-2.02265l.29636-23.09723A4.1684,4.1684,0,0,0,318.60519,608.48432Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><rect x="145.13662" y="537.75318" width="15.17906" height="7.58953" fill="#fff"/><path d="M401.56726,523.61282H387.528a1.86132,1.86132,0,0,0-1.86133,1.86132v6.16226a1.86133,1.86133,0,0,0,1.86133,1.86133h2.32651v9.23316h9.38625v-9.23316h2.32651a1.86133,1.86133,0,0,0,1.86132-1.86133v-6.16226A1.86132,1.86132,0,0,0,401.56726,523.61282Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><path d="M415.6291,580.00977a72.178,72.178,0,0,1-12.55683-42.79357,1.52226,1.52226,0,0,0-1.1882-1.5191v-2.66269H387.05672v2.62568h-.2043a1.52141,1.52141,0,0,0-1.51944,1.52339q.00007.05542.00418.11074,1.75218,24.42492-11.83339,43.8076a4.19294,4.19294,0,0,0-.75883,2.541l1.62129,50.15132a4.34145,4.34145,0,0,0,4.30434,4.19018h33.53722a4.343,4.343,0,0,0,4.30693-4.26409l.62478-48.69283A8.78782,8.78782,0,0,0,415.6291,580.00977Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><path d="M410.32009,596.66845H381.12854a2.997,2.997,0,0,0-2.96218,3.45276l4.41127,28.6732h25.33006l5.3581-28.57659a2.9971,2.9971,0,0,0-2.9457-3.54937Z" transform="translate(-156 -79.47583)" fill="#fff"/><path d="M409.23171,339.93829H325.544c5.85094-31.63336,4.50485-69.83172,0-110.91142h83.68771C404.84668,270.1067,403.53635,308.305,409.23171,339.93829Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><circle cx="211.892" cy="201.98189" r="20.16571" fill="#fff"/><path d="M332.602,487.148H248.91429c5.85093-31.63337,4.50485-69.83173,0-110.91143H332.602C328.217,417.31641,326.90664,455.5147,332.602,487.148Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><circle cx="135.26229" cy="349.1916" r="20.16571" fill="#fff"/><path d="M456.62114,346.99629H372.93343c5.85093-31.63336,4.50485-69.83172,0-110.91142h83.68771C452.2361,277.1647,450.92578,315.363,456.62114,346.99629Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><circle cx="259.28142" cy="209.03989" r="20.16571" fill="#fff"/><path d="M456.62114,341.95487H372.93343c5.85093-31.63337,4.50485-69.83173,0-110.91143h83.68771C452.2361,272.12327,450.92578,310.32156,456.62114,341.95487Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><circle cx="259.28142" cy="203.99847" r="20.16571" fill="#fff"/><path d="M456.62114,346.99629H372.93343c5.85093-31.63336,4.50485-69.83172,0-110.91142h83.68771C452.2361,277.1647,450.92578,315.363,456.62114,346.99629Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><circle cx="259.28142" cy="209.03989" r="20.16571" fill="#fff"/><rect x="45.52486" y="254.41275" width="274.25371" height="30.24857" fill="#e6e6e6"/><rect x="45.52486" y="404.64732" width="274.25371" height="30.24857" fill="#e6e6e6"/><rect x="45.52486" y="554.88188" width="274.25371" height="30.24857" fill="#e6e6e6"/><path d="M952.85457,757.07471l-68.32479-48.32553c23.04357-22.44766,44.00226-54.41107,64.04589-90.55092l68.32478,48.32553C989.59882,697.53027,966.4714,727.95969,952.85457,757.07471Z" transform="translate(-156 -79.47583)" fill="#b23cfd"/><circle cx="796.87342" cy="605.9822" r="20.16571" fill="#fff"/><path d="M623.26239,536.554h-7.5a.99435.99435,0,0,0-.99435.99435v3.292a.99434.99434,0,0,0,.99435.99434h1.24285v4.93249h5.01427v-4.93249h1.24285a.99435.99435,0,0,0,.99435-.99434v-3.292A.99436.99436,0,0,0,623.26239,536.554Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><path d="M630.77443,566.68205a38.55843,38.55843,0,0,1-6.708-22.86093.81323.81323,0,0,0-.63476-.81152v-1.42245h-7.921v1.40268h-.10914a.81275.81275,0,0,0-.8117.81381q0,.02961.00223.05916a35.18922,35.18922,0,0,1-6.32157,23.40264,2.23989,2.23989,0,0,0-.40537,1.35741l.86611,26.79155a2.31928,2.31928,0,0,0,2.29944,2.23846h17.91606a2.32008,2.32008,0,0,0,2.30082-2.27794l.33376-26.0124A4.69456,4.69456,0,0,0,630.77443,566.68205Z" transform="translate(-156 -79.47583)" fill="#b23cfd"/><path d="M621.69892,537.62665a2.14526,2.14526,0,0,1-4.29053,0" transform="translate(-156 -79.47583)" opacity="0.2" style="isolation:isolate"/><rect x="456.16063" y="492.36817" width="15.12429" height="10.08286" fill="#fff"/><path d="M860.60239,641.21767H846.56312a1.86134,1.86134,0,0,0-1.86134,1.86133v6.16226a1.86134,1.86134,0,0,0,1.86134,1.86132h2.32651v9.23317h9.38625v-9.23317h2.32651a1.86132,1.86132,0,0,0,1.86132-1.86132V643.079A1.86133,1.86133,0,0,0,860.60239,641.21767Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><path d="M874.66423,697.61463a72.178,72.178,0,0,1-12.55683-42.79358,1.52224,1.52224,0,0,0-1.1882-1.51909v-2.6627H846.09185v2.62568h-.2043a1.52142,1.52142,0,0,0-1.51944,1.5234q.00008.05543.00418.11073,1.75218,24.42493-11.83339,43.80761a4.19289,4.19289,0,0,0-.75883,2.54095l1.62129,50.15132a4.34146,4.34146,0,0,0,4.30434,4.19019h33.53722a4.343,4.343,0,0,0,4.30692-4.26409l.62479-48.69283A8.7878,8.7878,0,0,0,874.66423,697.61463Z" transform="translate(-156 -79.47583)" fill="#b23cfd"/><path d="M857.67571,643.22557a4.01574,4.01574,0,0,1-8.03148,0" transform="translate(-156 -79.47583)" opacity="0.2" style="isolation:isolate"/><path d="M869.35522,714.27331H840.16367a2.997,2.997,0,0,0-2.96218,3.45275l4.41126,28.67321h25.33007l5.3581-28.5766a2.9971,2.9971,0,0,0-2.9457-3.54936Z" transform="translate(-156 -79.47583)" fill="#fff"/><path d="M820.546,756.99571H736.85827c5.85094-31.63336,4.50486-69.83172,0-110.91142H820.546C816.161,687.16411,814.85062,725.36241,820.546,756.99571Z" transform="translate(-156 -79.47583)" fill="#b23cfd"/><circle cx="623.20627" cy="619.03931" r="20.16571" fill="#fff"/><polygon points="322.243 328.466 341.03 326.758 352.986 297.724 331.637 285.768 322.243 328.466" fill="#ffb8b8"/><path d="M650.66043,487.64986v0a10.59328,10.59328,0,0,0-9.20188-14.51664l-29.16988-1.73941-4.2949,14.28206,30.02882,8.24691A10.59326,10.59326,0,0,0,650.66043,487.64986Z" transform="translate(-156 -79.47583)" fill="#ffb8b8"/><path d="M619.33866,494.16267l-.32093-26.79954-64.79286-10.33856L504.30953,399.777a16.33816,16.33816,0,0,0-21.29428-2.91186l0,0a16.33815,16.33815,0,0,0-2.84636,24.922l41.17966,50.67767Z" transform="translate(-156 -79.47583)" fill="#575a89"/><path d="M463.72552,795.64251h17.07932L523.168,604.10914l43.88737,59.16871,25.619,128.09483h16.22535l-3.41586-137.48845-57.2157-146.88208H491.90639c-15.40224,27.87449-27.48462,56.60826-13.66345,86.25052Z" transform="translate(-156 -79.47583)" fill="#2f2e41"/><path d="M582.20449,807.27611a4.45733,4.45733,0,0,0,3.4756,5.71828l41.79324,7.41672a6.87646,6.87646,0,0,0,7.8008-4.71314h0a6.83384,6.83384,0,0,0-3.34222-8.12572,63.9022,63.9022,0,0,1-23.04833-20.0382c-4.59335,4.27726-9.7273,3.875-15.179.72281l-5.78247.72281Z" transform="translate(-156 -79.47583)" fill="#2f2e41"/><path d="M455.81759,807.27611a4.45733,4.45733,0,0,0,3.4756,5.71828l41.79324,7.41672a6.87646,6.87646,0,0,0,7.8008-4.71314h0a6.83384,6.83384,0,0,0-3.34222-8.12572,63.9022,63.9022,0,0,1-23.04833-20.0382c-4.59335,4.27726-9.7273,3.875-15.179.72281l-5.78247.72281Z" transform="translate(-156 -79.47583)" fill="#2f2e41"/><circle cx="353.41268" cy="284.48709" r="23.91104" fill="#ffb8b8"/><path d="M488.06354,513.40689,550.403,511.699l-18.30772-57.61963c11.37738-18.23924-.073-36.46-16.27789-54.67684l-12.80948-8.53965-20.49517-1.70793h0a50.3141,50.3141,0,0,0-13.54915,35.0504C469.36939,452.03191,474.29652,482.324,488.06354,513.40689Z" transform="translate(-156 -79.47583)" fill="#575a89"/><path d="M631.29146,552.19152h0a10.59327,10.59327,0,0,0-2.74926-16.96611L602.4085,522.15112l-9.567,11.441,24.36342,19.395A10.59327,10.59327,0,0,0,631.29146,552.19152Z" transform="translate(-156 -79.47583)" fill="#ffb8b8"/><path d="M599.933,545.85758l10.24759-24.765-55.50168-34.99377-23.37023-72.268a16.33817,16.33817,0,0,0-18.43188-11.054h0a16.33815,16.33815,0,0,0-12.42089,21.79283l17.92341,62.79126Z" transform="translate(-156 -79.47583)" fill="#575a89"/><path d="M470.13027,354.5693c0,9.30389,6.04222,23.7124,13.66345,29.8888,5.12781,4.15568,11.90457,3.98066,14.51741-1.70793,2.68032-5.83557,11.91945-19.55229,28.18086-28.18087,21.67761-11.50252-7.68756-31.18152-28.18086-28.18086C482.9115,328.64329,470.13027,339.00544,470.13027,354.5693Z" transform="translate(-156 -79.47583)" fill="#2f2e41"/><circle cx="328.64768" cy="245.20468" r="17.07931" fill="#2f2e41"/><path d="M504.28889,318.70275a17.06865,17.06865,0,0,0-15.79836-17.01463c.42437-.03158.84854-.06468,1.28094-.06468a17.07931,17.07931,0,0,1,0,34.15862c-.4324,0-.85657-.0331-1.28094-.06468A17.06869,17.06869,0,0,0,504.28889,318.70275Z" transform="translate(-156 -79.47583)" fill="#2f2e41"/><ellipse cx="353.83966" cy="287.90296" rx="3.84284" ry="5.12379" fill="#ffb8b8"/><polygon points="837.751 684.845 571.879 684.845 515.578 418.694 467.529 418.694 467.529 406.752 525.258 406.752 581.559 672.902 837.751 672.902 837.751 684.845" fill="#3f3d56"/><circle cx="610.84102" cy="707.87676" r="25.59138" fill="#3f3d56"/><circle cx="801.92331" cy="707.87676" r="25.59138" fill="#3f3d56"/><path d="M988.90348,758.69673H730.22506L684.58373,533.14489h347.15138a12.2655,12.2655,0,0,1,12.11592,14.16689l-42.8333,201.0251A12.20374,12.20374,0,0,1,988.90348,758.69673Zm-255.86937-3.41219H988.90348a8.80568,8.80568,0,0,0,8.74205-7.47748l42.8333-201.0251a8.85014,8.85014,0,0,0-8.74372-10.22489H688.72567Z" transform="translate(-156 -79.47583)" fill="#3f3d56"/><polygon points="624.513 678.499 594.623 455.653 597.989 455.097 627.879 677.943 624.513 678.499" fill="#3f3d56"/><polygon points="790.712 676.788 787.343 676.242 816.36 455.102 819.729 455.648 790.712 676.788" fill="#3f3d56"/><rect x="708.11491" y="455.37515" width="3.41218" height="222.84575" fill="#3f3d56"/><rect x="865.45079" y="431.52231" width="3.41219" height="330.29569" transform="translate(112.38887 1382.90398) rotate(-89.86127)" fill="#3f3d56"/><rect x="718.83766" y="700.96181" width="290.1779" height="3.41226" transform="translate(-160.7831 -73.5538) rotate(-0.39166)" fill="#3f3d56"/><ellipse cx="472.64757" cy="411.01676" rx="18.76701" ry="10.23655" fill="#3f3d56"/></svg>
\ No newline at end of file
diff --git a/cdn/img/cheese_pizza.png b/cdn/img/cheese_pizza.png
deleted file mode 100644
index 720ca95..0000000
Binary files a/cdn/img/cheese_pizza.png and /dev/null differ
diff --git a/cdn/img/logout.svg b/cdn/img/logout.svg
new file mode 100644
index 0000000..04c4921
--- /dev/null
+++ b/cdn/img/logout.svg
@@ -0,0 +1 @@
+<svg id="b19d21a7-7bc0-44bd-ab2a-ad7473c6bec7" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="979.32677" height="424.8366" viewBox="0 0 979.32677 424.8366"><path d="M993.71816,412.83936H419.142a9.19888,9.19888,0,0,0,0,18.39776H435.417V651.3026a9.19888,9.19888,0,0,0,18.39776,0l.1398-220.06548h461.1557l42.52,220.06548a9.19887,9.19887,0,1,0,18.39775,0l2.67633-220.06548h15.01383a9.19888,9.19888,0,0,0,0-18.39776Z" transform="translate(-110.33661 -237.5817)" fill="#ccc"/><path d="M518.73716,371.85047v38.9547H421.141a19.48915,19.48915,0,1,1-1.35523-38.95474q.67739-.02358,1.35523,0Z" transform="translate(-110.33661 -237.5817)" fill="#f2f2f2"/><path d="M521.13449,410.50552a1.49881,1.49881,0,0,1-1.49822,1.49822H419.40273a20.52615,20.52615,0,0,1,0-41.05229H519.63627a1.49827,1.49827,0,1,1,0,2.99653H419.40273a17.52964,17.52964,0,0,0,0,35.05924H519.63627A1.49883,1.49883,0,0,1,521.13449,410.50552Z" transform="translate(-110.33661 -237.5817)" fill="#b23cfd"/><path d="M518.73716,380.84H413.85905a.29966.29966,0,0,1-.00552-.59929H518.73716a.29966.29966,0,0,1,0,.59929Z" transform="translate(-110.33661 -237.5817)" fill="#ccc"/><path d="M518.73716,388.03169H413.85905a.29966.29966,0,0,1-.00552-.59929H518.73716a.29966.29966,0,0,1,0,.59929Z" transform="translate(-110.33661 -237.5817)" fill="#ccc"/><path d="M518.73716,395.22332H413.85905a.29966.29966,0,0,1-.00552-.59929H518.73716a.29966.29966,0,0,1,0,.59929Z" transform="translate(-110.33661 -237.5817)" fill="#ccc"/><path d="M518.73716,402.41487H413.85905a.29966.29966,0,0,1-.00552-.59929H518.73716a.29966.29966,0,0,1,0,.59929Z" transform="translate(-110.33661 -237.5817)" fill="#ccc"/><path d="M500.33941,330.80932v38.95474H402.74324a19.48915,19.48915,0,0,1-1.35522-38.95474q.67737-.02358,1.35522,0Z" transform="translate(-110.33661 -237.5817)" fill="#f2f2f2"/><path d="M502.73673,369.46442a1.49885,1.49885,0,0,1-1.49822,1.49826H401.005a20.52614,20.52614,0,0,1,0-41.05229H501.23851a1.49826,1.49826,0,1,1,0,2.99652H401.005a17.52964,17.52964,0,0,0,0,35.05928H501.23851A1.49884,1.49884,0,0,1,502.73673,369.46442Z" transform="translate(-110.33661 -237.5817)" fill="#3f3d56"/><path d="M500.33941,339.79886H395.4613a.29966.29966,0,0,1-.00553-.59929H500.33941a.29966.29966,0,0,1,0,.59929Z" transform="translate(-110.33661 -237.5817)" fill="#ccc"/><path d="M500.33941,346.99054H395.4613a.29966.29966,0,0,1-.00553-.59929H500.33941a.29966.29966,0,0,1,0,.59929Z" transform="translate(-110.33661 -237.5817)" fill="#ccc"/><path d="M500.33941,354.18217H395.4613a.29966.29966,0,0,1-.00553-.59929H500.33941a.29966.29966,0,0,1,0,.59929Z" transform="translate(-110.33661 -237.5817)" fill="#ccc"/><path d="M500.33941,361.37376H395.4613a.29966.29966,0,0,1-.00553-.59929H500.33941a.29966.29966,0,0,1,0,.59929Z" transform="translate(-110.33661 -237.5817)" fill="#ccc"/><path d="M613.87355,550.68347V516.71838a5.661,5.661,0,0,0-5.66085-5.66085H479.4284a5.661,5.661,0,0,0-5.66084,5.66085v33.96509Z" transform="translate(-110.33661 -237.5817)" fill="#ccc"/><rect x="363.43092" y="325.83868" width="140.10602" height="43.87158" fill="#ccc"/><path d="M473.76756,620.02887V653.994a5.661,5.661,0,0,0,5.66084,5.66084H608.2127a5.661,5.661,0,0,0,5.66085-5.66084V620.02887Z" transform="translate(-110.33661 -237.5817)" fill="#ccc"/><circle cx="432.77633" cy="294.70402" r="4.24564" fill="#fff"/><circle cx="432.77633" cy="351.3125" r="4.24564" fill="#fff"/><circle cx="433.00385" cy="406.72228" r="4.24564" fill="#fff"/><path d="M597.989,472.33053v38.9547H500.39287a19.48916,19.48916,0,0,1-1.35647-38.9547q.678-.02358,1.35647,0Z" transform="translate(-110.33661 -237.5817)" fill="#f2f2f2"/><path d="M600.38637,510.98558a1.49881,1.49881,0,0,1-1.49822,1.49822H498.65461a20.52615,20.52615,0,0,1-.0247-41.05229H598.88815a1.49827,1.49827,0,1,1,0,2.99653H498.65461a17.52963,17.52963,0,0,0,0,35.05923H598.88815A1.49885,1.49885,0,0,1,600.38637,510.98558Z" transform="translate(-110.33661 -237.5817)" fill="#3f3d56"/><path d="M597.989,481.32H493.111a.29966.29966,0,0,1-.00553-.59929H597.98913a.29966.29966,0,0,1,0,.59929Z" transform="translate(-110.33661 -237.5817)" fill="#ccc"/><path d="M597.989,488.51175H493.111a.29966.29966,0,0,1-.00553-.59929H597.98913a.29966.29966,0,0,1,0,.59929Z" transform="translate(-110.33661 -237.5817)" fill="#ccc"/><path d="M597.989,495.70338H493.111a.29966.29966,0,0,1-.00553-.59929H597.98913a.29966.29966,0,0,1,0,.59929Z" transform="translate(-110.33661 -237.5817)" fill="#ccc"/><path d="M597.989,502.89493H493.111a.29966.29966,0,0,1-.00553-.59929H597.98913a.29966.29966,0,0,1,0,.59929Z" transform="translate(-110.33661 -237.5817)" fill="#ccc"/><path d="M483.36747,317.81415H438.90162a2.74745,2.74745,0,0,0-1.21689.28306l-11.22288,5.61835a2.0452,2.0452,0,0,0,0,3.76443l11.22288,5.61835a2.74718,2.74718,0,0,0,1.21689.28306h44.46585a2.33381,2.33381,0,0,0,2.4628-2.16532v-11.2367A2.3338,2.3338,0,0,0,483.36747,317.81415Z" transform="translate(-110.33661 -237.5817)" fill="#3f3d56"/><path d="M485.83027,319.97947v11.2367a2.33383,2.33383,0,0,1-2.4628,2.16532h-8.8589V317.81415h8.8589A2.33383,2.33383,0,0,1,485.83027,319.97947Z" transform="translate(-110.33661 -237.5817)" fill="#b23cfd"/><path d="M216.78083,537.99332a35.33951,35.33951,0,0,0,34.12552-6.01134c11.95262-10.03214,15.70013-26.56,18.74934-41.864q4.50949-22.63308,9.019-45.26617l-18.88217,13.00153c-13.57891,9.34993-27.46375,18.99939-36.86572,32.54233S209.42082,522.42587,216.975,537.08" transform="translate(-110.33661 -237.5817)" fill="#e6e6e6"/><path d="M218.39489,592.79741c-1.91113-13.92071-3.87625-28.0202-2.53572-42.09016,1.19057-12.4956,5.00277-24.70032,12.764-34.70734a57.73582,57.73582,0,0,1,14.81307-13.42309c1.48131-.935,2.84468,1.41257,1.36983,2.34348a54.88844,54.88844,0,0,0-21.71125,26.19626c-4.72684,12.02273-5.48591,25.12848-4.67135,37.90006.4926,7.72345,1.53656,15.39627,2.58859,23.05926a1.40615,1.40615,0,0,1-.94781,1.66928,1.3653,1.3653,0,0,1-1.6693-.94781Z" transform="translate(-110.33661 -237.5817)" fill="#f2f2f2"/><path d="M236.80246,568.16434a26.01425,26.01425,0,0,0,22.6665,11.69871c11.47417-.54466,21.04-8.55293,29.651-16.15584l25.46969-22.48783-16.85671-.80672c-12.12234-.58011-24.55745-1.12124-36.10356,2.617s-22.19457,12.73508-24.30583,24.68624" transform="translate(-110.33661 -237.5817)" fill="#e6e6e6"/><path d="M212.99392,600.79976c9.19853-16.27621,19.86805-34.36538,38.93262-40.14695A43.445,43.445,0,0,1,268.3022,558.962c1.73863.14991,1.30448,2.82994-.431,2.6803a40.36111,40.36111,0,0,0-26.133,6.91386c-7.36852,5.01554-13.10573,11.98848-17.96161,19.383-2.97439,4.52936-5.63867,9.25082-8.30346,13.966-.85161,1.50687-3.34078.41915-2.47922-1.10534Z" transform="translate(-110.33661 -237.5817)" fill="#f2f2f2"/><path d="M198.25523,617.93168a19.69836,19.69836,0,0,1,12.0709-16.49847v-9.40956h15.782v9.70608a19.68812,19.68812,0,0,1,11.41362,16.202l3.711,43.13835H194.54417Z" transform="translate(-110.33661 -237.5817)" fill="#f2f2f2"/><path d="M734.973,411.955l-4.69488-1.97685-3.22067-23.53551h-42.889l-3.491,23.43936-4.20031,2.10013a.99744.99744,0,0,0,.44611,1.88955h57.66283A.99739.99739,0,0,0,734.973,411.955Z" transform="translate(-110.33661 -237.5817)" fill="#e6e6e6"/><path d="M811.1898,389.574H600.50692a4.174,4.174,0,0,1-4.16467-4.174V355.69092H815.35446V385.4A4.17408,4.17408,0,0,1,811.1898,389.574Z" transform="translate(-110.33661 -237.5817)" fill="#ccc"/><path d="M815.57469,369.73213H596.15V242.61337a5.0375,5.0375,0,0,1,5.03186-5.03167h209.361a5.03755,5.03755,0,0,1,5.03191,5.03167Z" transform="translate(-110.33661 -237.5817)" fill="#3f3d56"/><path d="M802.46932,360.50584h-193.214a3.88344,3.88344,0,0,1-3.87919-3.87908V250.68707a3.88365,3.88365,0,0,1,3.87919-3.87932h193.214a3.88366,3.88366,0,0,1,3.8792,3.87932V356.62676A3.88345,3.88345,0,0,1,802.46932,360.50584Z" transform="translate(-110.33661 -237.5817)" fill="#fff"/><path d="M751.57964,397.88662a11.6159,11.6159,0,0,1,17.666,2.27241l26.13446-4.64642,6.69716,15.19317-36.99908,6.04328a11.67883,11.67883,0,0,1-13.49855-18.86244Z" transform="translate(-110.33661 -237.5817)" fill="#ffb6b6"/><path d="M775.77611,417.286l27.24571-.33963,3.44882-.04668,55.43253-.69843s15.05312-14.3609,28.16068-29.1465l-1.83719-13.28833A54.29159,54.29159,0,0,0,870.023,340.1519C851.24988,352.696,840.363,377.52559,840.363,377.52559l-34.37018,8.22071-3.43848.82227-21.35608,5.10326Z" transform="translate(-110.33661 -237.5817)" fill="#b23cfd"/><path d="M915.25011,498.96167H864.39249c0,2.17915-55.59414,3.94772-55.59414,3.94772a20.30858,20.30858,0,0,0-3.33166,3.15818,19.59694,19.59694,0,0,0-4.58,12.63271v3.15818a19.74588,19.74588,0,0,0,19.73861,19.73861h94.62478a19.75579,19.75579,0,0,0,19.73862-19.73861v-3.15818A19.76607,19.76607,0,0,0,915.25011,498.96167Z" transform="translate(-110.33661 -237.5817)" fill="#e4e4e4"/><rect x="747.4019" y="303.23122" width="20.52816" height="118.48951" fill="#e4e4e4"/><path d="M799.31222,658.58132c0,2.218,31.10721.858,69.47992.858s69.47991,1.36012,69.47991-.858-31.1072-19.807-69.47991-19.807S799.31222,656.36323,799.31222,658.58132Z" transform="translate(-110.33661 -237.5817)" fill="#e4e4e4"/><polygon points="675.186 407.461 659.908 407.46 652.64 348.531 675.188 348.532 675.186 407.461" fill="#ffb6b6"/><path d="M789.41863,659.852l-49.2623-.00183v-.62309a19.17528,19.17528,0,0,1,19.17426-19.17395h.00122l30.08773.00122Z" transform="translate(-110.33661 -237.5817)" fill="#2f2e41"/><polygon points="630.031 407.461 614.753 407.46 607.485 348.531 630.033 348.532 630.031 407.461" fill="#ffb6b6"/><path d="M744.2636,659.852l-49.2623-.00183v-.62309a19.1753,19.1753,0,0,1,19.17426-19.17395h.00122l30.08773.00122Z" transform="translate(-110.33661 -237.5817)" fill="#2f2e41"/><circle cx="766.88656" cy="41.63615" r="26.56401" fill="#ffb6b6"/><path d="M920.21655,461.22417s8.91308,47.1307-24.99958,53.13247-82.86639,10.21993-82.86639,10.21993L790.36706,627.14324l-29.53443-2.63675s3.928-123.46737,13.5876-133.127,70.71212-38.58282,70.71212-38.58282Z" transform="translate(-110.33661 -237.5817)" fill="#2f2e41"/><path d="M853.98286,441.47135,839.151,456.35062s-107.0941,17.25-111.22553,41.9852c-6.23747,37.34427-13.60493,118.552-13.60493,118.552l32.1988-2.41491,12.62647-92.31123,51.5182-11.71874L869.27729,478.5Z" transform="translate(-110.33661 -237.5817)" fill="#2f2e41"/><path d="M902.78526,263.36115c-2.6223-4.94751-5.95413-14.80785-11.24679-16.63657a42.07731,42.07731,0,0,0-9.05841-1.92972l-8.99618,3.46009,4.89616-3.808q-1.42988-.08519-2.85817-.13928l-6.0699,2.33453,3.10542-2.41532c-5.65883-.05808-11.5.53031-15.88468,3.9752-3.73817,2.93677-7.44169,14.06185-8.04057,18.77753a35.9171,35.9171,0,0,0,.6603,13.53055l1.53716,1.46166a18.85936,18.85936,0,0,0,1.206-3.83883,18.18056,18.18056,0,0,1,8.70263-11.80641l.08368-.0472c2.5782-1.451,5.7065-1.3841,8.66308-1.27769l14.04158.50527c3.37829.12158,7.01608.33533,9.64978,2.45443a15.888,15.888,0,0,1,3.85826,5.58929c1.30868,2.6414,3.8661,12.60418,3.8661,12.60418s1.44689-1.88062,2.1404-.48092a48.39766,48.39766,0,0,0,2.01437-11.23347A22.00877,22.00877,0,0,0,902.78526,263.36115Z" transform="translate(-110.33661 -237.5817)" fill="#2f2e41"/><path d="M995.69426,290.88349A11.61582,11.61582,0,0,0,985.181,305.26136l-21.3614,15.75722,6.40951,15.31674,29.8539-22.67594a11.67883,11.67883,0,0,0-4.38876-22.77589Z" transform="translate(-110.33661 -237.5817)" fill="#ffb6b6"/><path d="M992.25627,323.052l-53.551,59.4744s-25.60913-8.19816-45.41466-17.08624l-8.8977-27.32787a54.34329,54.34329,0,0,1-2.60112-19.66442c27.45606-7.306,59.391,19.87863,59.391,19.87863l40.08517-31.39877Z" transform="translate(-110.33661 -237.5817)" fill="#b23cfd"/><path d="M867.301,465.6169c-9.554-3.30029-19.43312-6.71277-30.08912-7.99385l-.45773-.05533.12632-.443c11.03073-38.7308,8.27761-63.50657,2.87195-100.72306a37.59072,37.59072,0,0,1,21.5483-39.50121l.06542-.02958,30.43436-1.93391.06935-.00423,22.13437,6.50989a15.18313,15.18313,0,0,1,10.86724,14.83111c-.23987,12.23937.26868,25.9043.80711,40.37114,1.20787,32.45569,2.45686,66.01647-4.63045,87.79166l-.03718.11412-.09462.07416a36.09883,36.09883,0,0,1-23.08086,8.10758C887.90057,472.73235,877.76186,469.23034,867.301,465.6169Z" transform="translate(-110.33661 -237.5817)" fill="#b23cfd"/><path d="M1088.24817,662.4183H111.75183a1.41521,1.41521,0,1,1,0-2.83042h976.49634a1.41521,1.41521,0,1,1,0,2.83042Z" transform="translate(-110.33661 -237.5817)" fill="#ccc"/></svg>
\ No newline at end of file
diff --git a/cdn/img/register.svg b/cdn/img/register.svg
new file mode 100644
index 0000000..464ceec
--- /dev/null
+++ b/cdn/img/register.svg
@@ -0,0 +1 @@
+<svg id="b69e4d7e-41e9-4b98-8574-fc2d70ea977b" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="708" height="555.86743" viewBox="0 0 708 555.86743"><path id="b10fb2cf-c586-4c5f-9fbf-e678f5ffa3db" data-name="Path 133" d="M890.46523,679.51478a211.72219,211.72219,0,0,1-46.19649,37.27045c-.39154.24069-.7897.4667-1.18925.70031l-27.639-24.46263c.29035-.26957.61188-.57235.95806-.90494C836.99246,672.563,939.22932,535.83823,946.042,502.54351,945.57186,505.31735,952.18923,614.09419,890.46523,679.51478Z" transform="translate(-246 -172.06628)" fill="#f0f0f0"/><path id="a32c10c7-75df-4179-a648-6a8d2a687209" data-name="Path 134" d="M849.6017,721.5053c-.52265.12466-1.0544.24137-1.58764.34772l-20.7355-18.35251c.40524-.14119.87883-.30927,1.42046-.49568,8.89662-3.15026,35.39436-12.66026,61.76413-23.49189,28.33447-11.64369,56.53311-24.79986,62.59765-33.227C951.75986,648.244,911.68646,707.62224,849.6017,721.5053Z" transform="translate(-246 -172.06628)" fill="#f0f0f0"/><path d="M890.08181,317.64639h-2.95289V236.75278a46.819,46.819,0,0,0-46.819-46.81906H668.92579a46.819,46.819,0,0,0-46.81911,46.81891v443.7888a46.819,46.819,0,0,0,46.819,46.81906H840.30972a46.819,46.819,0,0,0,46.81915-46.81888V375.22785h2.95294Z" transform="translate(-246 -172.06628)" fill="#3f3d56"/><path d="M877.1627,237.07439V680.21716a34.95659,34.95659,0,0,1-34.9693,34.95674H669.98426a34.95435,34.95435,0,0,1-34.957-34.95674V237.07439a34.95435,34.95435,0,0,1,34.957-34.95674h20.89839a16.61888,16.61888,0,0,0,15.38341,22.87963h98.18146a16.60126,16.60126,0,0,0,15.384-22.87963H842.1934A34.95659,34.95659,0,0,1,877.1627,237.07439Z" transform="translate(-246 -172.06628)" fill="#fff"/><path d="M823.59459,467.3551H672.22789a10.0113,10.0113,0,0,1-10-10v-4.97754a10.0113,10.0113,0,0,1,10-10h151.3667a10.0113,10.0113,0,0,1,10,10v4.97754A10.0113,10.0113,0,0,1,823.59459,467.3551Z" transform="translate(-246 -172.06628)" fill="#f0f0f0"/><path d="M823.59459,510.26233H672.22789a10.0113,10.0113,0,0,1-10-10v-4.97754a10.0113,10.0113,0,0,1,10-10h151.3667a10.0113,10.0113,0,0,1,10,10v4.97754A10.0113,10.0113,0,0,1,823.59459,510.26233Z" transform="translate(-246 -172.06628)" fill="#f0f0f0"/><path d="M831.16637,457.75891H679.79967a10.512,10.512,0,0,1-10.5-10.5v-4.97754a10.512,10.512,0,0,1,10.5-10.5h151.3667a10.512,10.512,0,0,1,10.5,10.5v4.97754A10.512,10.512,0,0,1,831.16637,457.75891Zm-151.3667-23.97754a8.50951,8.50951,0,0,0-8.5,8.5v4.97754a8.50951,8.50951,0,0,0,8.5,8.5h151.3667a8.50951,8.50951,0,0,0,8.5-8.5v-4.97754a8.50951,8.50951,0,0,0-8.5-8.5Z" transform="translate(-246 -172.06628)" fill="#3f3d56"/><path d="M831.16637,500.66614H679.79967a10.512,10.512,0,0,1-10.5-10.5V485.1886a10.512,10.512,0,0,1,10.5-10.5h151.3667a10.512,10.512,0,0,1,10.5,10.5v4.97754A10.512,10.512,0,0,1,831.16637,500.66614ZM679.79967,476.6886a8.50951,8.50951,0,0,0-8.5,8.5v4.97754a8.50951,8.50951,0,0,0,8.5,8.5h151.3667a8.50951,8.50951,0,0,0,8.5-8.5V485.1886a8.50951,8.50951,0,0,0-8.5-8.5Z" transform="translate(-246 -172.06628)" fill="#3f3d56"/><path d="M877.1627,237.07439V333.4641A103.53895,103.53895,0,0,1,747.28027,233.38945q0-4.24023.34076-8.39217h56.82649a16.60126,16.60126,0,0,0,15.384-22.87963H842.1934A34.95659,34.95659,0,0,1,877.1627,237.07439Z" transform="translate(-246 -172.06628)" fill="#f0f0f0"/><path d="M722.04076,709.15425c0,2.03176-.0758,4.03834-.23971,6.01965H669.98426a34.95435,34.95435,0,0,1-34.957-34.95674v-47.3998a77.07339,77.07339,0,0,1,87.01347,76.33689Z" transform="translate(-246 -172.06628)" fill="#b23cfd"/><path d="M304.12133,625.985a6.00681,6.00681,0,0,0,7.911-3.0669l46.67932-105.79394a13.3793,13.3793,0,0,0-17.0774-17.876h-.00012a13.19944,13.19944,0,0,0-6.75012,5.78027,13.64886,13.64886,0,0,0-.65442,1.293l-46.67932,105.794a5.99964,5.99964,0,0,0,3.06738,7.91162Z" transform="translate(-246 -172.06628)" fill="#b23cfd"/><path d="M356.79528,560.55725l-46.17176-10.26074,11.428-30.23193a31.94972,31.94972,0,0,1,34.299-23.62793l.44483.04931Z" transform="translate(-246 -172.06628)" fill="#2f2e41"/><path d="M450.055,627.49817a7.02814,7.02814,0,0,1-6.41186-4.17676L396.964,517.52747a14.38052,14.38052,0,0,1,25.60937-12.99707v-.00049a14.61775,14.61775,0,0,1,.70264,1.38818l46.6792,105.794a7.00007,7.00007,0,0,1-3.57862,9.23l-13.96142,6.15966-.00708-.01562A6.94406,6.94406,0,0,1,450.055,627.49817Z" transform="translate(-246 -172.06628)" fill="#b23cfd"/><path d="M385.48546,591.16907a6.00671,6.00671,0,0,0-6,6V720.18323a6.00672,6.00672,0,0,0,6,6H400.245a6.00672,6.00672,0,0,0,6-6V597.16907a6.00671,6.00671,0,0,0-6-6Z" transform="translate(-246 -172.06628)" fill="#b23cfd"/><path d="M356.29308,591.16907a6.00671,6.00671,0,0,0-6,6V720.18323a6.00672,6.00672,0,0,0,6,6h14.75976a6.00672,6.00672,0,0,0,6-6V597.16907a6.00671,6.00671,0,0,0-6-6Z" transform="translate(-246 -172.06628)" fill="#b23cfd"/><circle cx="131.82814" cy="239.22404" r="51" fill="#b23cfd"/><path d="M394.79994,432.69926c3.30591-.09179,7.42029-.20654,10.59-2.522a8.13272,8.13272,0,0,0,3.20008-6.07275,5.47082,5.47082,0,0,0-1.86036-4.49315c-1.65551-1.39894-4.073-1.72707-6.67822-.96144l2.69922-19.72559-1.98144-.27148L397.596,421.84282l1.65466-.75928c1.91834-.87988,4.55164-1.32764,6.188.05518a3.51513,3.51513,0,0,1,1.15271,2.8955,6.14689,6.14689,0,0,1-2.38123,4.52784c-2.46667,1.80175-5.74621,2.03418-9.46582,2.13818Z" transform="translate(-246 -172.06628)" fill="#2f2e41"/><rect x="166.54982" y="228.55925" width="10.77161" height="2" fill="#2f2e41"/><rect x="132.54982" y="228.55925" width="10.77161" height="2" fill="#2f2e41"/><path d="M428.36168,628.11938l-18.356-134a6.00013,6.00013,0,0,0-5.94482-5.18566H390.20543a6.02466,6.02466,0,0,0,.08985-1v-5a6.00015,6.00015,0,0,0-6-6h-12a6.00014,6.00014,0,0,0-6,6v5a6.02466,6.02466,0,0,0,.08984,1H352.52965a6.00049,6.00049,0,0,0-5.94482,5.18566l-18.356,134a6,6,0,0,0,5.94434,6.81434h88.24414A6,6,0,0,0,428.36168,628.11938Z" transform="translate(-246 -172.06628)" fill="#2f2e41"/><path d="M399.79528,560.55725V496.486l.44482-.04931a31.96115,31.96115,0,0,1,34.31543,23.68017l11.41138,30.17969Z" transform="translate(-246 -172.06628)" fill="#2f2e41"/><path d="M375.25992,463.88179l-35.27546-13.69192c-5.76827-2.23892-11.56878-4.40968-17.30651-6.72569a19.72637,19.72637,0,0,1-6.66153-3.92617,13.09008,13.09008,0,0,1-3.32111-6.42695c-1.22347-5.17132-1.00226-10.82516-.915-16.10249a122.69927,122.69927,0,0,1,1.42174-17.24065,83.28557,83.28557,0,0,1,10.65027-30.38043c9.89272-16.23155,26.93718-28.44363,46.5429-27.469,9.07668.4512,18.20557,3.70824,24.94937,9.914a15.75138,15.75138,0,0,0,2.35507,2.28248,3.26776,3.26776,0,0,0,1.87567.12592q1.23442-.07942,2.47088-.12124a51.04308,51.04308,0,0,1,8.56551.35928,27.12111,27.12111,0,0,1,14.13035,5.86736c3.37014,2.89908,6.11233,6.99171,6.39451,11.53986a13.65989,13.65989,0,0,1-4.6143,11.15057c-4.20852,3.54694-10.2131,2.30024-15.26138,2.03278l-18.49376-.97979-9.37018-.49642c-1.92935-.10222-1.92373,2.89808,0,3l24.90494,1.31945c4.00221.212,8.127.73168,12.13244.49169a13.57368,13.57368,0,0,0,8.33317-3.35238,16.62754,16.62754,0,0,0,5.03664-15.60115c-1.284-6.13755-5.85183-11.21468-11.20665-14.23511-7.28613-4.1098-15.988-4.50357-24.14076-3.896l1.06066.43934c-9.22224-9.89816-23.34855-14.07733-36.61026-12.61482-14.00229,1.54417-26.45612,9.35584-35.40409,20.03753-9.97644,11.90941-15.413,26.75957-17.52653,42.02983a139.839,139.839,0,0,0-1.082,24.87973,31.35039,31.35039,0,0,0,1.85228,10.75107,15.39035,15.39035,0,0,0,7.22512,7.74612,103.39756,103.39756,0,0,0,11.46784,4.71084L342.436,454.3438l25.52829,9.90863,6.49811,2.5222c1.80087.699,2.581-2.2006.79752-2.89284Z" transform="translate(-246 -172.06628)" fill="#2f2e41"/><path d="M319.79528,361.93372a15.5,15.5,0,1,1,15.5-15.5A15.51744,15.51744,0,0,1,319.79528,361.93372Zm0-28a12.5,12.5,0,1,0,12.5,12.5A12.51408,12.51408,0,0,0,319.79528,333.93372Z" transform="translate(-246 -172.06628)" fill="#2f2e41"/><rect x="528.17702" y="440.81546" width="42.23651" height="42.23651" transform="translate(147.61407 -410.75474) rotate(37.40978)" fill="#f0f0f0"/><path d="M389.29528,228.93372a33.94883,33.94883,0,0,1,27.27734,13.70214l19.58984-25.6137-58.77881-44.95588-44.95556,58.779,25.33349,19.37585A34.003,34.003,0,0,1,389.29528,228.93372Z" transform="translate(-246 -172.06628)" fill="#f0f0f0"/><path d="M953,727.93372H247a1,1,0,0,1,0-2H953a1,1,0,0,1,0,2Z" transform="translate(-246 -172.06628)" fill="#3f3d56"/><path d="M780.68737,562.00305H708.8253a10.0113,10.0113,0,0,1-10-10v-4.97754a10.0113,10.0113,0,0,1,10-10h71.86207a10.0113,10.0113,0,0,1,10,10v4.97754A10.0113,10.0113,0,0,1,780.68737,562.00305Z" transform="translate(-246 -172.06628)" fill="#b23cfd"/><path d="M788.25939,552.40735H716.39708a10.512,10.512,0,0,1-10.5-10.5v-4.97754a10.512,10.512,0,0,1,10.5-10.5h71.86231a10.512,10.512,0,0,1,10.5,10.5v4.97754A10.512,10.512,0,0,1,788.25939,552.40735Zm-71.86231-23.97754a8.50951,8.50951,0,0,0-8.5,8.5v4.97754a8.50951,8.50951,0,0,0,8.5,8.5h71.86231a8.50951,8.50951,0,0,0,8.5-8.5v-4.97754a8.50951,8.50951,0,0,0-8.5-8.5Z" transform="translate(-246 -172.06628)" fill="#3f3d56"/></svg>
\ No newline at end of file
diff --git a/cdn/img/welcome.svg b/cdn/img/welcome.svg
new file mode 100644
index 0000000..66c15e7
--- /dev/null
+++ b/cdn/img/welcome.svg
@@ -0,0 +1 @@
+<svg id="fd1e300e-6133-4b79-9025-3394cccdd89f" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="868" height="731" viewBox="0 0 868 731"><defs><linearGradient id="06147ff9-8cd2-48ac-a1c1-caecd7b6d6a5" x1="731.5" y1="630" x2="731.5" y2="105" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="gray" stop-opacity="0.25"/><stop offset="0.54" stop-color="gray" stop-opacity="0.12"/><stop offset="1" stop-color="gray" stop-opacity="0.1"/></linearGradient><linearGradient id="a49b107c-cf66-4ec6-8282-86ab0caa351c" x1="136.5" y1="632" x2="136.5" y2="107" xlink:href="#06147ff9-8cd2-48ac-a1c1-caecd7b6d6a5"/><linearGradient id="1f9811ff-c8f4-40a6-be63-e60ca0341cbe" x1="136.5" y1="190" x2="136.5" y2="159" gradientUnits="userSpaceOnUse"><stop offset="0" stop-opacity="0.12"/><stop offset="0.55" stop-opacity="0.09"/><stop offset="1" stop-opacity="0.02"/></linearGradient><linearGradient id="b9a200bd-353c-4381-b6e1-073e5213fd80" x1="732.5" y1="237" x2="732.5" y2="206" xlink:href="#1f9811ff-c8f4-40a6-be63-e60ca0341cbe"/><linearGradient id="bd740118-0fc8-46fe-baa7-1287731d1ce1" x1="731.5" y1="285" x2="731.5" y2="254" xlink:href="#1f9811ff-c8f4-40a6-be63-e60ca0341cbe"/><linearGradient id="be3dcc85-6798-4804-ad40-40dd5e1bf54d" x1="731.5" y1="333" x2="731.5" y2="302" xlink:href="#1f9811ff-c8f4-40a6-be63-e60ca0341cbe"/><linearGradient id="7951aed1-d6b7-43ca-8fc6-4bf3d931fa96" x1="731.5" y1="381" x2="731.5" y2="350" xlink:href="#1f9811ff-c8f4-40a6-be63-e60ca0341cbe"/><linearGradient id="f7ec873f-c4fc-49e9-9fd3-dd83f2d4e56d" x1="731.5" y1="429" x2="731.5" y2="398" xlink:href="#1f9811ff-c8f4-40a6-be63-e60ca0341cbe"/><linearGradient id="ccdfa92b-51d8-4ad9-a821-9e1bef0af2d7" x1="731.5" y1="477" x2="731.5" y2="446" xlink:href="#1f9811ff-c8f4-40a6-be63-e60ca0341cbe"/><linearGradient id="073d1fbf-61de-45f9-b512-c4899ce091e5" x1="731.5" y1="525" x2="731.5" y2="494" xlink:href="#1f9811ff-c8f4-40a6-be63-e60ca0341cbe"/><linearGradient id="24835175-14ba-470d-95d2-6a8277fcc694" x1="731.5" y1="573" x2="731.5" y2="542" xlink:href="#1f9811ff-c8f4-40a6-be63-e60ca0341cbe"/><linearGradient id="5ff08f58-18b8-40ea-89dd-f61e941fbca5" x1="731.5" x2="731.5" xlink:href="#1f9811ff-c8f4-40a6-be63-e60ca0341cbe"/><linearGradient id="35037972-f4cb-4e52-85d9-6feea861c78a" x1="51" y1="223.5" x2="222" y2="223.5" xlink:href="#1f9811ff-c8f4-40a6-be63-e60ca0341cbe"/><linearGradient id="c11cf938-6a5f-4793-b594-126852022070" x1="51" y1="270.5" x2="222" y2="270.5" xlink:href="#1f9811ff-c8f4-40a6-be63-e60ca0341cbe"/><linearGradient id="68e8be81-276e-4a4c-a07a-ad0995a3c0be" x1="51" y1="317.5" x2="222" y2="317.5" xlink:href="#1f9811ff-c8f4-40a6-be63-e60ca0341cbe"/><linearGradient id="0822cc54-0c46-479a-a5ec-03e9a82962c7" x1="51" y1="365.5" x2="222" y2="365.5" xlink:href="#1f9811ff-c8f4-40a6-be63-e60ca0341cbe"/><linearGradient id="7019b20f-90f6-479e-a238-57a05bc6be32" x1="51" y1="413.5" x2="222" y2="413.5" xlink:href="#1f9811ff-c8f4-40a6-be63-e60ca0341cbe"/><linearGradient id="d42fcc48-79e2-414c-a733-2be802693088" x1="51" y1="461.5" x2="222" y2="461.5" xlink:href="#1f9811ff-c8f4-40a6-be63-e60ca0341cbe"/><linearGradient id="0c4558fc-2870-4523-bb15-f13635f1ebad" x1="132" y1="664" x2="735" y2="664" xlink:href="#06147ff9-8cd2-48ac-a1c1-caecd7b6d6a5"/><linearGradient id="5f8c78d2-e119-41dc-88f5-5bfd3b7b4286" x1="435" y1="89" x2="435" y2="50" xlink:href="#06147ff9-8cd2-48ac-a1c1-caecd7b6d6a5"/><linearGradient id="0b3309b2-8c80-4e02-ba09-43858a03760e" x1="601" y1="704.8" x2="601" y2="406" xlink:href="#06147ff9-8cd2-48ac-a1c1-caecd7b6d6a5"/></defs><title>welcome</title><rect x="69" width="731" height="731" fill="#b23cfd" opacity="0.2"/><rect x="179" y="68.25" width="510" height="595.5" fill="#b23cfd" opacity="0.5"/><rect x="595" y="105" width="273" height="525" fill="url(#06147ff9-8cd2-48ac-a1c1-caecd7b6d6a5)"/><rect y="107" width="273" height="525" fill="url(#a49b107c-cf66-4ec6-8282-86ab0caa351c)"/><rect x="604" y="113" width="255" height="506" fill="#b23cfd"/><rect x="175" y="197.5" width="255" height="506" transform="translate(439 816.5) rotate(-180)" fill="#b23cfd"/><rect x="51" y="159" width="171" height="31" fill="url(#1f9811ff-c8f4-40a6-be63-e60ca0341cbe)"/><rect x="647" y="206" width="171" height="31" fill="url(#b9a200bd-353c-4381-b6e1-073e5213fd80)"/><rect x="646" y="254" width="171" height="31" fill="url(#bd740118-0fc8-46fe-baa7-1287731d1ce1)"/><rect x="646" y="302" width="171" height="31" fill="url(#be3dcc85-6798-4804-ad40-40dd5e1bf54d)"/><rect x="646" y="350" width="171" height="31" fill="url(#7951aed1-d6b7-43ca-8fc6-4bf3d931fa96)"/><rect x="646" y="398" width="171" height="31" fill="url(#f7ec873f-c4fc-49e9-9fd3-dd83f2d4e56d)"/><rect x="646" y="446" width="171" height="31" fill="url(#ccdfa92b-51d8-4ad9-a821-9e1bef0af2d7)"/><rect x="646" y="494" width="171" height="31" fill="url(#073d1fbf-61de-45f9-b512-c4899ce091e5)"/><rect x="646" y="542" width="171" height="31" fill="url(#24835175-14ba-470d-95d2-6a8277fcc694)"/><rect x="646" y="159" width="171" height="31" fill="url(#5ff08f58-18b8-40ea-89dd-f61e941fbca5)"/><rect x="51" y="208" width="171" height="31" fill="url(#35037972-f4cb-4e52-85d9-6feea861c78a)"/><rect x="51" y="255" width="171" height="31" fill="url(#c11cf938-6a5f-4793-b594-126852022070)"/><rect x="51" y="302" width="171" height="31" fill="url(#68e8be81-276e-4a4c-a07a-ad0995a3c0be)"/><rect x="51" y="350" width="171" height="31" fill="url(#0822cc54-0c46-479a-a5ec-03e9a82962c7)"/><rect x="51" y="398" width="171" height="31" fill="url(#7019b20f-90f6-479e-a238-57a05bc6be32)"/><rect x="55" y="163" width="164" height="24" fill="#fff"/><rect x="54.5" y="210" width="164" height="24" fill="#fff"/><rect x="54.5" y="258" width="164" height="24" fill="#fff"/><rect x="54.5" y="306" width="164" height="24" fill="#fff"/><rect x="54.5" y="354" width="164" height="24" fill="#fff"/><rect x="54.5" y="402" width="164" height="24" fill="#fff"/><rect x="51" y="446" width="171" height="31" fill="url(#d42fcc48-79e2-414c-a733-2be802693088)"/><rect x="54.5" y="450" width="164" height="24" fill="#fff"/><rect x="54.5" y="450" width="164" height="24" fill="#fff"/><rect x="54.5" y="498" width="164" height="24" fill="#fff"/><rect x="54.5" y="546" width="164" height="24" fill="#fff"/><rect x="650" y="162" width="164" height="24" fill="#fff"/><rect x="650" y="210" width="164" height="24" fill="#fff"/><rect x="650" y="258" width="164" height="24" fill="#fff"/><rect x="650" y="306" width="164" height="24" fill="#fff"/><rect x="650" y="354" width="164" height="24" fill="#fff"/><rect x="650" y="402" width="164" height="24" fill="#fff"/><rect x="650" y="450" width="164" height="24" fill="#fff"/><rect x="650" y="498" width="164" height="24" fill="#fff"/><rect x="650" y="546" width="164" height="24" fill="#fff"/><rect x="132" y="645" width="603" height="38" fill="url(#0c4558fc-2870-4523-bb15-f13635f1ebad)"/><rect x="137" y="649" width="594" height="30" fill="#b23cfd"/><rect x="134" y="50" width="602" height="39" fill="url(#5f8c78d2-e119-41dc-88f5-5bfd3b7b4286)"/><rect x="137" y="53" width="594" height="30" fill="#b23cfd"/><rect x="289" y="113" width="292" height="506" fill="#263238" opacity="0.5"/><path d="M825.66,417.55c7,9.38-3.48,20.46-3.48,20.46l1.76.61c-2.59,2.87-12.82,15.82-52.26,74.4-50.5,75-118.55,93.71-118.55,93.71h0a84,84,0,0,0-27.73-14.31v-7.08a83,83,0,0,0,55.3-53.48,85.08,85.08,0,0,0,9.14-38.44c0-48-39.77-86.94-88.82-86.94s-88.82,38.93-88.82,86.94a85.08,85.08,0,0,0,9.14,38.44,83,83,0,0,0,55.3,53.48v7.08a84,84,0,0,0-27.73,14.31h0S480.83,588,430.33,513c-39.44-58.58-49.67-71.54-52.26-74.4l1.76-.61s-10.45-11.08-3.48-20.46-46.15-20.46-40.06,0,13.93,30.69,13.93,30.69S461.42,623.6,519.47,652.58a80.43,80.43,0,0,0-2.06,18.12V704.8H684.59V670.7a80.43,80.43,0,0,0-2.06-18.12c58-29,169.25-204.35,169.25-204.35s7.84-10.23,13.93-30.69S818.69,408.17,825.66,417.55Z" transform="translate(-166 -84.5)" fill="url(#0b3309b2-8c80-4e02-ba09-43858a03760e)"/><circle cx="435" cy="413.47" r="85.06" fill="#263238"/><circle cx="435" cy="426.82" r="80.06" fill="#f8c198"/><circle cx="403.31" cy="409.3" r="10.01" fill="#263238"/><circle cx="468.36" cy="409.3" r="10.01" fill="#263238"/><path d="M624.35,548c0,6-10.45,15.85-23.35,15.85S577.65,554,577.65,548s10.45-5.84,23.35-5.84S624.35,542,624.35,548Z" transform="translate(-166 -84.5)" fill="#fff"/><circle cx="405.81" cy="409.3" r="3.34" fill="#fff"/><circle cx="471.69" cy="409.3" r="3.34" fill="#fff"/><path d="M609,466.88c-4.88,0-9.26-4.24-9.78-9.09a12,12,0,0,1,7-11.75,3.42,3.42,0,0,1,1.47-.38c1.68,0,2.51,2,3.05,3.59,1.68,4.92,4.66,9.72,9.34,12s11.22,1.11,13.69-3.47c-6.62-2.95-9.45-12.21-5.6-18.35,1.49-2.37,3.81-4.38,4.28-7.14.86-5-4.62-8.64-9.47-10.14-14-4.33-62.8-4.81-65.49,16.08C554.67,460.27,593.63,469.8,609,466.88Z" transform="translate(-166 -84.5)" fill="#263238"/><ellipse cx="524.27" cy="512.15" rx="5" ry="14.18" transform="translate(-317.38 143.66) rotate(-21.53)" fill="#f8c198"/><ellipse cx="677.73" cy="512.15" rx="14.18" ry="5" transform="translate(-213.42 870.11) rotate(-68.47)" fill="#f8c198"/><path d="M650.91,608.84s65.17-18.3,113.54-91.69,50.87-73.59,50.87-73.59l25.85,10.21S721.09,647.25,669.39,657.26,650.91,608.84,650.91,608.84Z" transform="translate(-166 -84.5)" fill="#ff9800"/><path d="M812.83,443.77s10-10.84,3.34-20,44.2-20,38.36,0-13.34,30-13.34,30Z" transform="translate(-166 -84.5)" fill="#f8c198"/><path d="M551.09,608.84s-65.17-18.3-113.54-91.69-50.87-73.59-50.87-73.59l-25.85,10.21s120.09,193.48,171.8,203.49S551.09,608.84,551.09,608.84Z" transform="translate(-166 -84.5)" fill="#ff9800"/><path d="M389.17,443.77s-10-10.84-3.34-20-44.2-20-38.36,0,13.34,30,13.34,30Z" transform="translate(-166 -84.5)" fill="#f8c198"/><g opacity="0.2"><path d="M628.29,427.27c-.48,2.76-2.8,4.76-4.28,7.14-3.37,5.38-1.62,13.16,3.32,17a12.79,12.79,0,0,1,.85-11.14c1.49-2.37,3.81-4.38,4.28-7.14.54-3.13-1.41-5.73-4.13-7.6A6,6,0,0,1,628.29,427.27Z" transform="translate(-166 -84.5)" fill="#fff"/><path d="M607.46,446.51c-.32-.75-.62-1.51-.88-2.27-.54-1.59-1.37-3.54-3.05-3.59a3.42,3.42,0,0,0-1.47.38,12,12,0,0,0-7,11.75,10.53,10.53,0,0,0,4.47,7.35,9.4,9.4,0,0,1-.3-1.51,12,12,0,0,1,7-11.75A3.87,3.87,0,0,1,607.46,446.51Z" transform="translate(-166 -84.5)" fill="#fff"/><path d="M600.41,462.35c-12.16.51-31.78-4.13-41.45-14,7.22,15.36,37.05,21.79,50,19.32A10.08,10.08,0,0,1,600.41,462.35Z" transform="translate(-166 -84.5)" fill="#fff"/><path d="M628.68,454.11c-2.92,3.43-8.58,4.15-12.75,2.12a14.54,14.54,0,0,1-3.7-2.61,17.84,17.84,0,0,0,7.87,8.44c4.68,2.27,11.22,1.11,13.69-3.47A11.88,11.88,0,0,1,628.68,454.11Z" transform="translate(-166 -84.5)" fill="#fff"/></g><path d="M837.85,453.77S717.76,647.25,666,657.26a60.33,60.33,0,0,1-9.07,1.11,53.05,53.05,0,0,0,12.41-1.11c51.71-10,171.8-203.49,171.8-203.49l-2.68-.95C838.09,453.45,837.85,453.77,837.85,453.77Z" transform="translate(-166 -84.5)" fill="#fff" opacity="0.2"/><path d="M364.15,453.77S484.24,647.25,536,657.26a60.33,60.33,0,0,0,9.07,1.11,53.05,53.05,0,0,1-12.41-1.11c-51.71-10-171.8-203.49-171.8-203.49l2.68-.95C363.91,453.45,364.15,453.77,364.15,453.77Z" transform="translate(-166 -84.5)" fill="#fff" opacity="0.2"/><path d="M435,506.88h0a80.06,80.06,0,0,1,80.06,80.06V620.3a0,0,0,0,1,0,0H354.94a0,0,0,0,1,0,0V586.94A80.06,80.06,0,0,1,435,506.88Z" fill="#ff9800"/><path d="M601.83,591.8h0a80.93,80.93,0,0,0-8.72.47c1,0,1.91-.06,2.88-.06h0a80.06,80.06,0,0,1,80.06,80.06v32.94h5.84V671.86A80.06,80.06,0,0,0,601.83,591.8Z" transform="translate(-166 -84.5)" fill="#fff" opacity="0.2"/><path d="M600.17,591.8h0a80.93,80.93,0,0,1,8.72.47c-1,0-1.91-.06-2.88-.06h0a80.06,80.06,0,0,0-80.06,80.06v32.94h-5.84V671.86A80.06,80.06,0,0,1,600.17,591.8Z" transform="translate(-166 -84.5)" fill="#fff" opacity="0.2"/><rect x="411.65" y="484.78" width="46.7" height="56.29" rx="23.35" ry="23.35" fill="#f8c198"/></svg>
\ No newline at end of file
diff --git a/index.html b/index.html
index ff7aeb3..b5ebb4f 100644
--- a/index.html
+++ b/index.html
@@ -1,15 +1,22 @@
 ---
-# Feel free to add content and custom Front Matter to this file.
-# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults
-
 layout: default
 title: Home
+container_class: mt-4
 ---
 <div class="container-md">
     <div class="row">
-        {% include menuItem.html name="Cheese Pizza" desc="sample description" img="//www.pizzahut.com/assets/w/tile/thor/pizza_Cheese.png" %}
-        {% include menuItem.html name="Pepperoni Pizza" desc="sample description" img="//www.pizzahut.com/assets/w/tile/thor/pizza_Pepperoni.png" %}
-        {% include menuItem.html name="Meat Lovers Pizza" desc="sample description" img="//www.pizzahut.com/assets/w/tile/thor/MeatLovers_RecipeTile_Web_175x210.png" %}
+        {% include menuItem.html name="Cheese Pizza" desc="A choice between thin or thick crust, topped with Mozzarella cheese." img="//www.pizzahut.com/assets/w/tile/thor/pizza_Cheese.png" %}
+        {% include menuItem.html name="Pepperoni Pizza" desc="A choice between thin or thick crust, baked with with pepperoni, paprika, and chili powder." img="//images.unsplash.com/photo-1534308983496-4fabb1a015ee?w=256" %}
+        {% include menuItem.html name="The Wax" desc="Topped with black olives, mushrooms, onions, and mozzarella cheese sprinkles." img="//www.pizzahut.com/assets/w/tile/thor/MeatLovers_RecipeTile_Web_175x210.png" %}
+        {% include menuItem.html name="Zucchini Pizza" desc="Topped with zucchini, marinara sauce, kosher salt, and shredded mozzarella." img="//www.seriouseats.com/thmb/QY7gRw1XBfuP9qDfKk84aP5m34s=/1500x844/smart/filters:no_upscale()/__opt__aboutcom__coeus__resources__content_migration__serious_eats__seriouseats.com__recipes__images__2015__07__20150702-zucchini-pizza-worth-eating-10-dfa07ad4eb9a4b648cb47853f2dd4acd.jpg" %}
+        {% include menuItem.html name="Buffalo Chicken Pizza" desc="Topped with grilled chicken breast, hot sauce, fresh onions, crust, and cheddar cheese." img="//cache.dominos.com/olo/6_58_0/assets/build/market/US/_en/images/img/products/larges/S_PIZBP.jpg" %}
+        {% include menuItem.html name="Build Your Own" desc="Build your dream pizza." img="//images.unsplash.com/photo-1565299624946-b28f40a0ae38?w=256" %}
     </div>
     {% include menuModal.html %}
 </div>
+
+<script>
+function change_preview(img) {
+    document.querySelector('#preview_pizza').src = img;
+}
+</script>
diff --git a/login.html b/login.html
new file mode 100644
index 0000000..cdb5eac
--- /dev/null
+++ b/login.html
@@ -0,0 +1,51 @@
+---
+layout: default
+title: Login
+container_class: col-xl-5 col-lg-6 col-sm-8 d-flex flex-column justify-content-center flex-grow-1 mt-2
+---
+
+<img class="col-8 col-lg-5 col-md-6 d-flex align-self-center" src="/cdn/img/welcome.svg">
+
+<!-- Default form login -->
+<form class="text-center border border-light p-5" action="#!">
+
+    <p class="h4 mb-4">Sign in</p>
+
+    <!-- Email -->
+    <input type="email" id="defaultLoginFormEmail" class="form-control mb-4" placeholder="E-mail" value="user@example.com">
+
+    <!-- Password -->
+    <input type="password" id="defaultLoginFormPassword" class="form-control mb-4" placeholder="Password" value="password">
+
+    <div class="d-flex justify-content-around">
+        <div>
+            <!-- Remember me -->
+            <div class="custom-control custom-checkbox">
+                <input type="checkbox" class="custom-control-input" id="defaultLoginFormRemember">
+                <label class="custom-control-label" for="defaultLoginFormRemember">Remember me</label>
+            </div>
+        </div>
+        <!-- <div>
+            <!-- Forgot password --><!--
+            <a href="">Forgot password?</a>
+        </div> -->
+    </div>
+
+    <!-- Sign in button -->
+    <button id="sign_in" class="btn btn-secondary btn-block my-4" type="submit">Sign in</button>
+
+    <!-- Register -->
+    <p>Not a member?
+        <a href="/register">Register</a>
+    </p>
+
+</form>
+<!-- Default form login -->
+
+<script>
+    document.querySelector('#sign_in').addEventListener('click', e => {
+        e.preventDefault();
+        localStorage.setItem('loginToken', '123');
+        window.location.href = '/';
+    });
+</script>
diff --git a/logout.html b/logout.html
new file mode 100644
index 0000000..77891ca
--- /dev/null
+++ b/logout.html
@@ -0,0 +1,41 @@
+---
+permalink: /logout
+layout: default
+title: Logout
+container_class: col-xl-5 col-lg-6 col-sm-8 d-flex flex-column justify-content-center flex-grow-1
+---
+
+<style type="text/css" media="screen">
+    .container {
+        margin: 10px auto;
+        max-width: 600px;
+        text-align: center;
+    }
+    h1 {
+        margin: 30px 0;
+        font-size: 4em;
+        line-height: 1;
+        letter-spacing: -1px;
+    }
+</style>
+
+<div class="container">
+    <img class="w-100" src="/cdn/img/logout.svg">
+    <p class="mt-5"><strong>You've successfully signed out. See you next time!</strong></p>
+    <p>Redirecting you to the home page in <span>3</span>...</p>
+</div>
+
+<script>
+    localStorage.removeItem('loginToken');
+
+    let countdown = document.querySelector('.container p > span');
+    if (countdown)
+        setInterval(() => {
+            let count = parseInt(countdown.innerHTML);
+
+            countdown.innerHTML = Math.max(0, count - 1);
+            if (count > 1) return;
+            window.location.href = '/';
+        }, 1000);
+    else setTimeout(() => { window.location.href = '/' }, 3000);
+</script>
diff --git a/register.html b/register.html
new file mode 100644
index 0000000..54d382b
--- /dev/null
+++ b/register.html
@@ -0,0 +1,57 @@
+---
+layout: default
+title: Register
+container_class: col-xl-5 col-lg-6 col-sm-8 d-flex flex-column justify-content-center flex-grow-1 mt-2
+---
+
+<img class="col-8 col-lg-3 col-md-6 d-flex align-self-center" src="/cdn/img/register.svg">
+
+<!-- Default form register -->
+<form class="text-center border border-light p-5" action="#!">
+
+    <p class="h4 mb-4">Sign up</p>
+
+    <div class="form-row row mb-4">
+        <div class="col">
+            <!-- First name -->
+            <input type="text" id="defaultRegisterFormFirstName" class="form-control" placeholder="First name" value="John">
+        </div>
+        <div class="col">
+            <!-- Last name -->
+            <input type="text" id="defaultRegisterFormLastName" class="form-control" placeholder="Last name" value="Smith">
+        </div>
+    </div>
+
+    <!-- E-mail -->
+    <input type="email" id="defaultRegisterFormEmail" class="form-control mb-4" placeholder="E-mail" value="user@example.com">
+
+    <!-- Password -->
+    <input type="password" id="password" class="form-control" placeholder="Password" aria-describedby="password_help" value="password">
+    <small id="password_help" class="form-text text-muted">
+        At least 8 characters and 1 digit
+    </small>
+
+    <!-- Phone number -->
+    <input type="text" id="phone_number" class="form-control mt-3" placeholder="Phone number" aria-describedby="phone_number_help">
+    <small id="phone_number_help" class="form-text text-muted">
+        Optional - for two step authentication
+    </small>
+
+    <!-- Sign up button -->
+    <button id="sign_up" class="btn btn-secondary mt-3 mb-2 btn-block" type="submit">Sign up</button>
+
+    <!-- Terms of service -->
+    <p>By clicking
+        <em>Sign up</em> you agree to our terms of service
+        {%- comment -%} <a href="" target="_blank">terms of service</a> {%- endcomment -%}
+    </p>
+</form>
+<!-- Default form register -->
+
+<script>
+    document.querySelector('#sign_up').addEventListener('click', e => {
+        e.preventDefault();
+        localStorage.setItem('loginToken', '123');
+        window.location.href = '/';
+    });
+</script>