Assingment 4

index.html

@@ -64,7 +64,7 @@
             </li>
           </ul>
           <span class="navbar-text">
-            <a data-toggle="modal" data-target="#loginModal">
+            <a data-toggle="modal" id="loginButton">
               <span class="fa fa-sign-in"></span> Login</a
             >
           </span>
@@ -234,11 +234,10 @@
           </div>
           <div class="col-8 col-sm-3 align-self-center">
             <a
+              id="reserveButton"
               role="button"
               class="btn btn-block btn-warning"
-              data-toggle="modal"
-              data-target="#reservationModal"
-              >Reserve Table</a
+              ><span style="color: #ffffa0">Reserve Table</span></a
             >
           </div>
         </div>
@@ -493,6 +492,12 @@
           $("#carouselButton").children("span").addClass("fa-pause");
         }
       });
+      $("#reserveButton").click(function () {
+        $("#reservationModal").modal("show");
+      });
+      $("#loginButton").click(function () {
+        $("#loginModal").modal("show");
+      });
     </script>
   </body>
 </html>