Description
Task 1
In this task you will be removing the data-* attributes from the Reserve Table button in the Jumbotron that enable the toggling of the Reserve Table modal. Similarly you will also remove the data-* attributes from the Login link in the Navbar that triggers the Login modal.
Task 2
In this task you will add appropriate JavaScript code to the page so that the Reserve Table modal will be toggled when the Reserve Table button is clicked:
- You will add the appropriate JavaScript code to scripts.js.
- You will update the button so that the modal is triggered when the button is clicked.
- Note: Read Bootstrap Modal Methods for more information on how to implement the JavaScript methods.
Task 3
In this task you will add appropriate JavaScript code to the page so that the Login modal will be toggled when the Login link is clicked:
- You will add the appropriate JavaScript code to scripts.js.
- You will update the Login link so that the modal is triggered when the link is clicked.
Task 4
In this task you will add appropriate SCSS code to styles.scss whereby the colors of the Modal are appropriately styled.
- You will set the modal header to dark background and change the text color to floralwhite, and use nesting to change the color of the close button to floralwhite.
- You will set the modal body to the pale background You will set the modal footer to the light background.
