Index: src/main/resources/templates/homepage.html
===================================================================
--- src/main/resources/templates/homepage.html	(revision cc52b098579f2f0c4586ca94632d01dd6e8aaada)
+++ src/main/resources/templates/homepage.html	(revision a436340967abb97f2cda58184c9eaaa6f91fcea1)
@@ -2,5 +2,5 @@
 <html>
 <head>
-    <title>FullCalendar by Creative Tim </title>
+    <title>Schedlr</title>
 
     <meta charset="utf-8"/>
@@ -16,6 +16,44 @@
     <link href='css/fullcalendar.print.css' rel='stylesheet' media='print'/>
     <link href="css/homepage.css" rel="stylesheet" />
+    <link href="css/headers.css" rel="stylesheet">
 </head>
 <body>
+
+<!-- Navbar start -->
+<header class="p-3 mb-3 border-bottom">
+    <div class="container">
+        <div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
+            <a href="/" class="d-flex align-items-center mb-2 mb-lg-0 text-dark text-decoration-none">
+                <svg class="bi me-2" width="40" height="32" role="img" aria-label="Bootstrap"><use xlink:href="#bootstrap"/></svg>
+            </a>
+
+            <ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0">
+                <li><a href="#" class="nav-link px-2 link-secondary">Overview</a></li>
+                <li><a href="#" class="nav-link px-2 link-dark">Inventory</a></li>
+                <li><a href="#" class="nav-link px-2 link-dark">Customers</a></li>
+                <li><a href="#" class="nav-link px-2 link-dark">Products</a></li>
+            </ul>
+
+            <form class="col-12 col-lg-auto mb-3 mb-lg-0 me-lg-3" role="search">
+                <input type="search" class="form-control" placeholder="Search..." aria-label="Search">
+            </form>
+
+            <div class="dropdown text-end">
+                <a href="#" class="d-block link-dark text-decoration-none dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
+                    <img src="https://github.com/mdo.png" alt="mdo" width="32" height="32" class="rounded-circle">
+                </a>
+                <ul class="dropdown-menu text-small">
+                    <li><a class="dropdown-item" href="#">New project...</a></li>
+                    <li><a class="dropdown-item" href="#">Settings</a></li>
+                    <li><a class="dropdown-item" href="#">Profile</a></li>
+                    <li><hr class="dropdown-divider"></li>
+                    <li><a class="dropdown-item" href="#">Sign out</a></li>
+                </ul>
+            </div>
+        </div>
+    </div>
+</header>
+<!-- Navbar end -->
+
 <div id='wrap'>
     <div id='calendar'></div>
@@ -40,4 +78,5 @@
 <script src='js/fullcalendar.js' type="text/javascript"></script>
 <script src="js/homepage.js" type="text/javascript"></script>
+<script src="js/bootstrap.bundle.min.js"></script>
 </body>
 </html>
Index: src/main/resources/templates/login.html
===================================================================
--- src/main/resources/templates/login.html	(revision cc52b098579f2f0c4586ca94632d01dd6e8aaada)
+++ src/main/resources/templates/login.html	(revision a436340967abb97f2cda58184c9eaaa6f91fcea1)
@@ -3,5 +3,5 @@
 <head>
     <meta charset="UTF-8">
-    <title>Login</title>
+    <title>Schedlr</title>
 
     <!-- Font Awesome -->
@@ -60,5 +60,8 @@
 
                         <div class="text-center">
-                            <p>No account? <a href="/register_customer" class="link-primary">Register</a></p>
+                            <p>No account? <a href="/register_customer" class="link-primary">Register customer</a></p>
+                        </div>
+                        <div class="text-center">
+                            <p>Offering services? <a href="/register_business" class="link-primary">Register company</a></p>
                         </div>
                         <!-- Register buttons -->
Index: src/main/resources/templates/register_business.html
===================================================================
--- src/main/resources/templates/register_business.html	(revision cc52b098579f2f0c4586ca94632d01dd6e8aaada)
+++ src/main/resources/templates/register_business.html	(revision a436340967abb97f2cda58184c9eaaa6f91fcea1)
@@ -3,5 +3,5 @@
 <head>
     <meta charset="UTF-8">
-    <title>Register business</title>
+    <title>Schedlr</title>
 
     <!-- Font Awesome -->
@@ -20,5 +20,6 @@
             rel="stylesheet"
     />
-    <link rel="stylesheet" href="css/register.css">
+    <link rel="stylesheet" href="css/login.css">
+
 </head>
 <body>
@@ -40,16 +41,20 @@
                     <div class="card-body py-5 px-md-5">
                         <form>
+                            <div class="text-center">
+                                <p>Personal Info</p>
+                            </div>
+
                             <!-- 2 column grid layout with text inputs for the first and last names -->
                             <div class="row">
                                 <div class="col-md-6 mb-4">
                                     <div class="form-outline">
-                                        <input type="text" id="form3Example1" class="form-control" />
-                                        <label class="form-label" for="form3Example1">First name</label>
+                                        <input type="text" id="firstName" class="form-control" />
+                                        <label class="form-label" for="firstName">First name</label>
                                     </div>
                                 </div>
                                 <div class="col-md-6 mb-4">
                                     <div class="form-outline">
-                                        <input type="text" id="form3Example2" class="form-control" />
-                                        <label class="form-label" for="form3Example2">Last name</label>
+                                        <input type="text" id="lastName" class="form-control" />
+                                        <label class="form-label" for="lastName">Last name</label>
                                     </div>
                                 </div>
@@ -58,21 +63,42 @@
                             <!-- Email input -->
                             <div class="form-outline mb-4">
-                                <input type="email" id="form3Example3" class="form-control" />
-                                <label class="form-label" for="form3Example3">Email address</label>
+                                <input type="email" id="email" class="form-control" />
+                                <label class="form-label" for="email">Email address</label>
+                            </div>
+
+                            <!-- Email input -->
+                            <div class="form-outline mb-4">
+                                <input type="email" id="username" class="form-control" />
+                                <label class="form-label" for="username">Username</label>
                             </div>
 
                             <!-- Password input -->
                             <div class="form-outline mb-4">
-                                <input type="password" id="form3Example4" class="form-control" />
-                                <label class="form-label" for="form3Example4">Password</label>
+                                <input type="password" id="password" class="form-control" />
+                                <label class="form-label" for="password">Password</label>
                             </div>
 
-                            <!-- Checkbox -->
-                            <div class="form-check d-flex justify-content-center mb-4">
-                                <input class="form-check-input me-2" type="checkbox" value="" id="form2Example33" checked />
-                                <label class="form-check-label" for="form2Example33">
-                                    Subscribe to our newsletter
-                                </label>
+                            <div class="text-center">
+                                <p>Company Info</p>
                             </div>
+
+                            <div class="form-outline mb-4">
+                                <input type="email" id="companyName" class="form-control" />
+                                <label class="form-label" for="companyName">Company Name</label>
+                            </div>
+
+                            <div class="form-outline mb-4">
+                                <select class="form-select" id="companyType">
+                                    <option value="" disabled selected hidden>Company Type</option>
+                                </select>
+                            </div>
+
+                            <div class="form-group form-outline mb-4">
+                                <label for="services">Services</label>
+                                <input type="text" class="form-control" placeholder="Services" list="list-timezone" id="services">
+                                <datalist id="list-timezone">
+                                </datalist>
+                            </div>
+
 
                             <!-- Submit button -->
@@ -80,24 +106,4 @@
                                 Sign up
                             </button>
-
-                            <!-- Register buttons -->
-                            <div class="text-center">
-                                <p>or sign up with:</p>
-                                <button type="button" class="btn btn-link btn-floating mx-1">
-                                    <i class="fab fa-facebook-f"></i>
-                                </button>
-
-                                <button type="button" class="btn btn-link btn-floating mx-1">
-                                    <i class="fab fa-google"></i>
-                                </button>
-
-                                <button type="button" class="btn btn-link btn-floating mx-1">
-                                    <i class="fab fa-twitter"></i>
-                                </button>
-
-                                <button type="button" class="btn btn-link btn-floating mx-1">
-                                    <i class="fab fa-github"></i>
-                                </button>
-                            </div>
                         </form>
                     </div>
@@ -107,10 +113,11 @@
     </div>
 </div>
-<!-- Jumbotron -->
-<!-- MDB -->
+<script src='js/jquery-1.10.2.js' type="text/javascript"></script>
 <script
         type="text/javascript"
         src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/5.0.0/mdb.min.js"
 ></script>
+<script src="js/register_business.js" type="text/javascript"></script>
+<script src="js/bootstrap-autocomplete.min.js"></script>
 </body>
 </html>
Index: src/main/resources/templates/register_customer.html
===================================================================
--- src/main/resources/templates/register_customer.html	(revision cc52b098579f2f0c4586ca94632d01dd6e8aaada)
+++ src/main/resources/templates/register_customer.html	(revision a436340967abb97f2cda58184c9eaaa6f91fcea1)
@@ -3,5 +3,8 @@
 <head>
     <meta charset="UTF-8">
-    <title>Register customer</title>
+    <title>Schedlr</title>
+
+    <meta charset="utf-8"/>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
 
     <!-- Font Awesome -->
@@ -20,4 +23,5 @@
             rel="stylesheet"
     />
+
     <link rel="stylesheet" href="css/register.css">
 </head>
@@ -110,10 +114,9 @@
     </div>
 </div>
-<!-- Jumbotron -->
-<!-- MDB -->
 <script
         type="text/javascript"
         src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/5.0.0/mdb.min.js"
 ></script>
+
 </body>
 </html>
