[MUSIC] We have reached the end of the third module of this course. This is the time for your third assignment. In this assignment, we're going to look at the Bootstrap components that we examined in this module and add a few to our index.html page. Your third assignment involves three tasks. The first task is to take the reservation form that you created earlier in one of the content rows below, and then cut that form out from the content row. And then create a model that contains the same reservation form for your table. So you can see that we have the number of guests here, and the date and time here, and then two buttons, the Reserve and Cancel button. Just like you had for the reservation form. In addition, the second task in this assignment is to add one more row here with a radio button here. So here you will allow the user to specify which section of the restaurant they want the table in. Whether it is non-smoking or the smoking section. By default, the non-smoking section will be selected. If the user wants the smoking section, then the user will click the button to select the smoking section. If the user wants the non-smoking section, then obviously the user will click on the non-smoking section to select the button. So this is a radio button group here with two buttons here, Smoking and Non-Smoking. So that is your second task in this assignment, to add the button here. The third task is to turn this button here, the Reserve Table button here, to invoke the model. So when you click on the button it shows and hides the model. To do this, you first need to remove the tool tip from the reserve table, otherwise that functionality won't work. And also remove the script, the JavaScript code that you added to the end of the index.html page to trigger the tool tip. So doing that, and then make this Reserve Table button act as the toggle for your model. So that is your third task in this assignment. Hope you enjoyed creating this new variation of the index.html page. [MUSIC]