diff --git a/index.html b/index.html
index dded5dd..bbe9be8 100644
--- a/index.html
+++ b/index.html
@@ -1,226 +1,337 @@
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
+  <head>
     <!-- Required meta tags always come first -->
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <meta charset="utf-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, shrink-to-fit=no"
+    />
+    <meta http-equiv="x-ua-compatible" content="ie=edge" />
 
     <!-- Bootstrap CSS -->
-    <link rel="stylesheet" href="node_modules/font-awesome/css/font-awesome.min.css">
-    <link rel="stylesheet" href="node_modules/bootstrap-social/bootstrap-social.css">
-    <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
-    <link rel="stylesheet" href="css/styles.css">
+    <link
+      rel="stylesheet"
+      href="node_modules/font-awesome/css/font-awesome.min.css"
+    />
+    <link
+      rel="stylesheet"
+      href="node_modules/bootstrap-social/bootstrap-social.css"
+    />
+    <link
+      rel="stylesheet"
+      href="node_modules/bootstrap/dist/css/bootstrap.min.css"
+    />
+    <link rel="stylesheet" href="css/styles.css" />
     <title>Ristorante Con Fusion</title>
-</head>
+  </head>
 
-<body>
+  <body>
     <nav class="navbar navbar-dark navbar-expand-sm fixed-top">
-        <div class="container">
-            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#Navbar">
-                <span class="navbar-toggler-icon"></span>
-            </button>
-            <a class="navbar-brand mr-auto" href="#"><img src="img/logo.png" height="30" width="41"></a>
-            <div class="collapse navbar-collapse" id="Navbar">
-                <ul class="navbar-nav mr-auto">
-                    <li class="nav-item active"><a class="nav-link" href="#"><span class="fa fa-home fa-lg"></span>
-                            Home</a></li>
-                    <li class="nav-item"><a class="nav-link" href="./aboutus.html"><span
-                                class="fa fa-info fa-lg"></span> About</a></li>
-                    <li class="nav-item"><a class="nav-link" href="#"><span class="fa fa-list fa-lg"></span> Menu</a>
-                    </li>
-                    <li class="nav-item"><a class="nav-link" href="./contactus.html"><span
-                                class="fa fa-address-card fa-lg"></span> Contact</a></li>
-                </ul>
-            </div>
+      <div class="container">
+        <button
+          class="navbar-toggler"
+          type="button"
+          data-toggle="collapse"
+          data-target="#Navbar"
+        >
+          <span class="navbar-toggler-icon"></span>
+        </button>
+        <a class="navbar-brand mr-auto" href="#"
+          ><img src="img/logo.png" height="30" width="41"
+        /></a>
+        <div class="collapse navbar-collapse" id="Navbar">
+          <ul class="navbar-nav mr-auto">
+            <li class="nav-item active">
+              <a class="nav-link" href="#"
+                ><span class="fa fa-home fa-lg"></span> Home</a
+              >
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="./aboutus.html"
+                ><span class="fa fa-info fa-lg"></span> About</a
+              >
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="#"
+                ><span class="fa fa-list fa-lg"></span> Menu</a
+              >
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="./contactus.html"
+                ><span class="fa fa-address-card fa-lg"></span> Contact</a
+              >
+            </li>
+          </ul>
+          <span class="navbar-text">
+            <a data-toggle="modal" data-target="#loginModal">
+            <span class="fa fa-sign-in"></span> Login</a>
+        </span>
         </div>
+      </div>
     </nav>
-
-
-
-
-
-    <header class="jumbotron">
-        <div class="container">
-            <div class="row row-header">
-                <div class="col-12 col-sm-6">
-                    <h1>Ristorante con Fusion</h1>
-                    <p></p>We take inspiration from the World's best cuisines, and create a unique fusion experience.
-                    Our lipsmacking creations will tickle your culinary senses!</p>
+    <div id="loginModal" class="modal fade" role="dialog">
+        <div class="modal-dialog modal-lg" role="content">
+            <!-- Modal content-->
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h4 class="modal-title">Login </h4>
+                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                 </div>
-                <div class="col-12 col-sm-3 align-self-center">
-                    <img src="img/logo.png" class="img-fluid">
-                </div>
-                <div class="col-8 col-sm-3 align-self-center">
-                    <a href="#reservation" class="btn btn-sm btn-block reserve-table">Reserve Table</a> 
+                <div class="modal-body">
+                    <form>
+                        <div class="form-row">
+                            <div class="form-group col-sm-4">
+                                    <label class="sr-only" for="exampleInputEmail3">Email address</label>
+                                    <input type="email" class="form-control form-control-sm mr-1" id="exampleInputEmail3" placeholder="Enter email">
+                            </div>
+                            <div class="form-group col-sm-4">
+                                <label class="sr-only" for="exampleInputPassword3">Password</label>
+                                <input type="password" class="form-control form-control-sm mr-1" id="exampleInputPassword3" placeholder="Password">
+                            </div>
+                            <div class="col-sm-auto">
+                                <div class="form-check">
+                                    <input class="form-check-input" type="checkbox">
+                                    <label class="form-check-label"> Remember me
+                                    </label>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="form-row">
+                            <button type="button" class="btn btn-secondary btn-sm ml-auto" data-dismiss="modal">Cancel</button>
+                            <button type="submit" class="btn btn-primary btn-sm ml-1">Sign in</button>        
+                        </div>
+                    </form>
                 </div>
             </div>
         </div>
+    </div>
+    <header class="jumbotron">
+      <div class="container">
+        <div class="row row-header">
+          <div class="col-12 col-sm-6">
+            <h1>Ristorante con Fusion</h1>
+            <p>
+              We take inspiration from the World's best cuisines, and create a
+              unique fusion experience. Our lipsmacking creations will tickle
+              your culinary senses!
+            </p>
+          </div>
+          <div class="col-12 col-sm-3 align-self-center">
+            <img src="img/logo.png" class="img-fluid" />
+          </div>
+          <div class="col-8 col-sm-3 align-self-center">
+            <a
+              role="button"
+              class="btn btn-block nav-link btn-warning"
+              data-toggle="tooltip"
+              data-html="true"
+              title="Or Call us at<br><strong>+852 12345678</strong>"
+              data-placement="bottom"
+              href="#reserveform"
+              >Reserve Table</a
+            >
+          </div>
+        </div>
+      </div>
     </header>
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
     <div class="container">
-        <div class="row row-content">
-            <div class="col col-sm col-md">
-                <div class="media">
-                    <img class="d-flex mr-3 img-thumbnail align-self-center" src="img/uthappizza.png" alt="Uthappizza">
-                    <div class="media-body">
-                        <h2 class="mt-0">Uthappizza <span class="badge badge-danger">HOT</span> <span class="badge badge-pill badge-secondary">$4.99</span></h2>
-                        <p class="d-none d-sm-block">A unique combination of Indian Uthappam (pancake) and
-                            Italian pizza, topped with Cerignola olives, ripe vine
-                            cherry tomatoes, Vidalia onion, Guntur chillies and
-                            Buffalo Paneer.</p>
-                    </div>
-                </div>
-            </div>
-            <div class="col-12 col-sm-4 col-md-3">
-                <h3>Our lipsmacking culinary creations</h3>
+      <div class="row row-content">
+        <div class="col col-sm col-md">
+          <div class="media">
+            <img
+              class="d-flex mr-3 img-thumbnail align-self-center"
+              src="img/uthappizza.png"
+              alt="Uthappizza"
+            />
+            <div class="media-body">
+              <h2 class="mt-0">
+                Uthappizza <span class="badge badge-danger">HOT</span>
+                <span class="badge badge-pill badge-secondary">$4.99</span>
+              </h2>
+              <p class="d-none d-sm-block">
+                A unique combination of Indian Uthappam (pancake) and Italian
+                pizza, topped with Cerignola olives, ripe vine cherry tomatoes,
+                Vidalia onion, Guntur chillies and Buffalo Paneer.
+              </p>
             </div>
+          </div>
         </div>
-
-
-        <div class="row row-content">
-            <div class="col-12 col-sm-4 col-md-3">
-                <h3>This Month's Promotions</h3>
-            </div>
-            <div class="col col-sm col-md">
-                <div class="media">
-                    <div class="media-body">
-                        <h2>Weekend Grand Buffet <span class="badge badge-danger">NEW</span></h2>
-                        <p class="d-none d-sm-block">Featuring mouthwatering combinations with a choice of five different
-                            salads, six enticing appetizers, six main entrees and five choicest desserts. Free flowing bubbly
-                            and soft drinks. All for just $19.99 per person </p>
-                    </div>
-                    <img class="d-flex mr-3 img-thumbnail align-self-center" src="/img/buffet.png" alt="Buffet">
-                </div>
-            </div>
+        <div class="col-12 col-sm-4 col-md-3">
+          <h3>Our lipsmacking culinary creations</h3>
         </div>
-
-        <div class="row row-content">
-            <div class="col col-sm col-md">
-                <div class="media">
-                    <img class="d-flex mr-3 img-thumbnail align-self-center" src="img/alberto.png" alt="Alberto Somayya">
-                    <div class="media-body">
-                        <h2 class="mt-0">Alberto Somayya</h2>
-                        <h4>Executive Chef</h4>
-                        <p class="d-none d-sm-block">Award winning three-star Michelin chef with wide
-                            International experience having worked closely with
-                            whos-who in the culinary world, he specializes in
-                        creating mouthwatering Indo-Italian fusion experiences.
-                    </p>
-                    </div>
-                </div>
+      </div>
+      <div class="row row-content">
+        <div class="col-12 col-sm-4 col-md-3">
+          <h3>This Month's Promotions</h3>
+        </div>
+        <div class="col col-sm col-md">
+          <div class="media">
+            <div class="media-body">
+              <h2>
+                Weekend Grand Buffet <span class="badge badge-danger">NEW</span>
+              </h2>
+              <p class="d-none d-sm-block">
+                Featuring mouthwatering combinations with a choice of five
+                different salads, six enticing appetizers, six main entrees and
+                five choicest desserts. Free flowing bubbly and soft drinks. All
+                for just $19.99 per person
+              </p>
             </div>
-            <div class="col-12 col-sm-4 col-md-3">
-                <h3>Meet our culinary specialist</h3>
+            <img
+              class="d-flex mr-3 img-thumbnail align-self-center"
+              src="/img/buffet.png"
+              alt="Buffet"
+            />
+          </div>
+        </div>
+      </div>
+
+      <div class="row row-content">
+        <div class="col col-sm col-md">
+          <div class="media">
+            <img
+              class="d-flex mr-3 img-thumbnail align-self-center"
+              src="img/alberto.png"
+              alt="Alberto Somayya"
+            />
+            <div class="media-body">
+              <h2 class="mt-0">Alberto Somayya</h2>
+              <h4>Executive Chef</h4>
+              <p class="d-none d-sm-block">
+                Award winning three-star Michelin chef with wide International
+                experience having worked closely with whos-who in the culinary
+                world, he specializes in creating mouthwatering Indo-Italian
+                fusion experiences.
+              </p>
             </div>
+          </div>
         </div>
-
-
-
-
-
-
-
-        <div class="row row-content">
-            <div class="card col-12 col-sm-8 align-self-center offset-md-2" id="reservation">
-            <h3 class="card-title">Reserve a Table</h3>
-            <form >
-                <div class="form-group row">
-                <label class="col-12 col-sm-2 col-form-label">Number of Guests</label>
-                <div class="col-12 col-sm">
-                    <input type="radio" name="radio"/>1      
-                    <input type="radio" name="radio"/>2      
-                    <input type="radio" name="radio"/>3      
-                    <input type="radio" name="radio"/>4           
-                    <input type="radio" name="radio"/>5     
-                    <input type="radio" name="radio"/>6     
-                </div> 
-                </div>
-                <div class="form-group row">
-                    <label class="col-12 col-sm-2 col-from-label">Date and Time</label>
-                    <div class="col-12 col-sm-4">
-                    <input type="tex12 col-sm-form-control" id="date" name="date" placeholder="Date">
-                    </div>
-                    <div class="col-12 col-sm-4 mr-2">
-                    <input type="tex12 col-sm-form-control" id="time" name="time" placeholder="Time">
-                </div>
-                </div>
-                <div class="form-group row">
-                    <div class="offset-md-2 col-md-10">
-                        <button type="submit" class="btn btn-primary">Reserve</button>
-                    </div>
-                </div>
-            </form>
-        </div>
+        <div class="col-12 col-sm-4 col-md-3">
+          <h3>Meet our culinary specialist</h3>
         </div>
+      </div>
+
+      <div
+        class="card col-12 col-sm-8 align-self-center offset-md-2"
+        id="reserveform"
+      >
+        <h3 class="card-title">Reserve a Table</h3>
+        <form>
+          <div class="form-group row">
+            <label class="col-12 col-sm-2 col-form-label"
+              >Number of Guests</label
+            >
+            <div class="col-12 col-sm">
+              <input type="radio" name="radio" />1
+              <input type="radio" name="radio" />2
+              <input type="radio" name="radio" />3
+              <input type="radio" name="radio" />4
+              <input type="radio" name="radio" />5
+              <input type="radio" name="radio" />6
+            </div>
+          </div>
+          <div class="form-group row">
+            <label class="col-12 col-sm-2 col-from-label">Date and Time</label>
+            <div class="col-12 col-sm-4">
+              <input
+                type="tex12 col-sm-form-control"
+                id="date"
+                name="date"
+                placeholder="Date"
+              />
+            </div>
+            <div class="col-12 col-sm-4 mr-2">
+              <input
+                type="tex12 col-sm-form-control"
+                id="time"
+                name="time"
+                placeholder="Time"
+              />
+            </div>
+          </div>
+          <div class="form-group row">
+            <div class="offset-md-2 col-md-10">
+              <button type="submit" class="btn btn-primary">Reserve</button>
+            </div>
+          </div>
+        </form>
+      </div>
     </div>
 
     <footer class="footer">
-        <div class="container">
-            <div class="row">
-                <div class="col-4 offset-1 col-sm-2">
-                    <h5>Links</h5>
-                    <ul class="list-unstyled">
-                        <li><a href="#">Home</a></li>
-                        <li><a href="#">About</a></li>
-                        <li><a href="#">Menu</a></li>
-                        <li><a href="#">Contact</a></li>
-                    </ul>
-                </div>
-                <div class="col-7 col-sm-5">
-                    <h5>Our Address</h5>
-                    <address>
-                        121, Clear Water Bay Road<br>
-                        Clear Water Bay, Kowloon<br>
-                        HONG KONG<br>
-                        <i class="fa fa-phone fa-lg"></i>: +852 1234 5678<br>
-                        <i class="fa fa-fax fa-lg"></i>: +852 8765 4321<br>
-                        <i class="fa fa-envelope fa-lg"></i>:
-                        <a href="mailto:confusion@food.net">confusion@food.net</a>
-                    </address>
-                </div>
-                <div class="col-12 col-sm-4 align-self-center">
-                    <div class="text-center">
-                        <a class="btn btn-social-icon btn-google" href="http://google.com/+"><i
-                                class="fa fa-google-plus"></i></a>
-                        <a class="btn btn-social-icon btn-facebook" href="http://www.facebook.com/profile.php?id="><i
-                                class="fa fa-facebook"></i></a>
-                        <a class="btn btn-social-icon btn-linkedin" href="http://www.linkedin.com/in/"><i
-                                class="fa fa-linkedin"></i></a>
-                        <a class="btn btn-social-icon btn-twitter" href="http://twitter.com/"><i
-                                class="fa fa-twitter"></i></a>
-                        <a class="btn btn-social-icon btn-google" href="http://youtube.com/"><i
-                                class="fa fa-youtube"></i></a>
-                        <a class="btn btn-social-icon" href="mailto:"><i class="fa fa-envelope-o"></i></a>
-                    </div>
-                </div>
-            </div>
-            <div class="row justify-content-center">
-                <div class="col-auto">
-                    <p>© Copyright 2018 Ristorante Con Fusion</p>
-                </div>
+      <div class="container">
+        <div class="row">
+          <div class="col-4 offset-1 col-sm-2">
+            <h5>Links</h5>
+            <ul class="list-unstyled">
+              <li><a href="#">Home</a></li>
+              <li><a href="#">About</a></li>
+              <li><a href="#">Menu</a></li>
+              <li><a href="#">Contact</a></li>
+            </ul>
+          </div>
+          <div class="col-7 col-sm-5">
+            <h5>Our Address</h5>
+            <address>
+              121, Clear Water Bay Road<br />
+              Clear Water Bay, Kowloon<br />
+              HONG KONG<br />
+              <i class="fa fa-phone fa-lg"></i>: +852 1234 5678<br />
+              <i class="fa fa-fax fa-lg"></i>: +852 8765 4321<br />
+              <i class="fa fa-envelope fa-lg"></i>:
+              <a href="mailto:confusion@food.net">confusion@food.net</a>
+            </address>
+          </div>
+          <div class="col-12 col-sm-4 align-self-center">
+            <div class="text-center">
+              <a
+                class="btn btn-social-icon btn-google"
+                href="http://google.com/+"
+                ><i class="fa fa-google-plus"></i
+              ></a>
+              <a
+                class="btn btn-social-icon btn-facebook"
+                href="http://www.facebook.com/profile.php?id="
+                ><i class="fa fa-facebook"></i
+              ></a>
+              <a
+                class="btn btn-social-icon btn-linkedin"
+                href="http://www.linkedin.com/in/"
+                ><i class="fa fa-linkedin"></i
+              ></a>
+              <a
+                class="btn btn-social-icon btn-twitter"
+                href="http://twitter.com/"
+                ><i class="fa fa-twitter"></i
+              ></a>
+              <a
+                class="btn btn-social-icon btn-google"
+                href="http://youtube.com/"
+                ><i class="fa fa-youtube"></i
+              ></a>
+              <a class="btn btn-social-icon" href="mailto:"
+                ><i class="fa fa-envelope-o"></i
+              ></a>
             </div>
+          </div>
         </div>
+        <div class="row justify-content-center">
+          <div class="col-auto">
+            <p>© Copyright 2018 Ristorante Con Fusion</p>
+          </div>
+        </div>
+      </div>
     </footer>
     <!-- jQuery first, then Popper.js, then Bootstrap JS. -->
     <script src="node_modules/jquery/dist/jquery.slim.min.js"></script>
     <script src="node_modules/popper.js/dist/umd/popper.min.js"></script>
     <script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
-</body>
-
-</html>
\ No newline at end of file
+    <script>
+      $(document).ready(function () {
+        $('[data-toggle="tooltip"]').tooltip();
+      });
+    </script>
+  </body>
+</html>
