Index: src/main/resources/templates/business_admin.html
===================================================================
--- src/main/resources/templates/business_admin.html	(revision 950fa0d7a6b439770e79c885947e9b7d6058b424)
+++ src/main/resources/templates/business_admin.html	(revision 1413ee288bce0d328676a027fdef65e0f7ad576d)
@@ -15,5 +15,5 @@
 <header class="p-3 mb-3 border-bottom">
     <div class="row">
-        <div class="col-md-10 mb-10" >
+        <div class="col-md-10 mb-10">
             <span id="header">
                 Welcome back
@@ -30,7 +30,12 @@
 <nav>
     <div class="nav nav-tabs" id="nav-tab" role="tablist">
-        <a class="nav-link active" id="nav-business-tab" data-bs-toggle="tab" href="#nav-business" role="tab" aria-controls="nav-business" aria-selected="true">Business Info</a>
-        <a class="nav-link" id="nav-owner-tab" data-bs-toggle="tab" href="#nav-owner" role="tab" aria-controls="nav-owner" aria-selected="false">Owner Info</a>
-        <a class="nav-link" id="nav-services-tab" data-bs-toggle="tab" href="#nav-services" role="tab" aria-controls="nav-services" aria-selected="false">Services Info</a>
+        <a class="nav-link active" id="nav-business-tab" data-bs-toggle="tab" href="#nav-business" role="tab"
+           aria-controls="nav-business" aria-selected="true">Business Info</a>
+        <a class="nav-link" id="nav-owner-tab" data-bs-toggle="tab" href="#nav-owner" role="tab"
+           aria-controls="nav-owner" aria-selected="false">Owner Info</a>
+        <a class="nav-link" id="nav-services-tab" data-bs-toggle="tab" href="#nav-services" role="tab"
+           aria-controls="nav-services" aria-selected="false">Services Info</a>
+        <a class="nav-link" id="nav-appointments-tab" data-bs-toggle="tab" href="#nav-appointments" role="tab"
+           aria-controls="nav-appointments" aria-selected="false">Appointments</a>
     </div>
 </nav>
@@ -41,5 +46,6 @@
                 <label for="business_status">Business status</label>
                 <input type="text" id="business_status" disabled class="form-control" aria-label="business_status"/>
-                <p id="new_business_warning" style="color:darkorange;" hidden>Please wait for the admin to approve your business.</p>
+                <p id="new_business_warning" style="color:darkorange;" hidden>Please wait for the admin to approve your
+                    business.</p>
             </div>
 
@@ -70,4 +76,11 @@
                         </div>
                     </div>
+                    <!-- Phone number input -->
+                    <div class="form-outline mb-4">
+                        <label for="phoneNumber">Phone number</label>
+                        <input type="number" id="phoneNumber" class="form-control" placeholder="Phone number"
+                               aria-label="phoneNumber"/>
+                    </div>
+
                     <!-- Email input -->
                     <div class="form-outline mb-4">
@@ -76,5 +89,5 @@
                                aria-label="Email"/>
                     </div>
-                    <!-- Email input -->
+                    <!-- Username input -->
                     <div class="form-outline mb-4">
                         <label for="username">Username</label>
@@ -97,5 +110,5 @@
                             <input type="text" id="input_service" class="form-control"
                                    placeholder="Services"
-                                   aria-label="services" />
+                                   aria-label="services"/>
                         </div>
                     </div>
@@ -111,4 +124,27 @@
         </div>
     </div>
+    <div class="tab-pane fade" id="nav-appointments" role="tabpanel" aria-labelledby="nav-appointments-tab">
+        <div class="form-outline col-lg-12 row">
+            <div class="form-outline col-lg-12">
+                <div class="table-responsive">
+                    <table class="table">
+                        <thead>
+                        <tr>
+                            <th scope="col">#</th>
+                            <th scope="col">Full name</th>
+                            <th scope="col">Email</th>
+                            <th scope="col">Phone number</th>
+                            <th scope="col">Time period</th>
+                            <th scope="col">Service</th>
+                            <th scope="col">Action</th>
+                        </tr>
+                        </thead>
+                        <tbody id="bookings-table-body">
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </div>
 </div>
 <script src='js/jquery-1.10.2.js' type="text/javascript"></script>
