Description
Overview
For this lab, you will style an HTML file similar to a previous lab, but this time using Bootstrap. You can find
the supporting files for this lab in the ‘Lab Assignments’ section on Blackboard, in a file called
Lab02_Base_Files.zip.
Instructions
Use columns to layout the UOIT logo and the Login button at the top. Then, use Bootstrap’s built-in menu
system to create a menu with the following structure:
Course Outline
Lecture Notes
Assessments
o Labs
o (separator)
o Assignments
o (separator)
o Project
Use columns to create a two-column layout for the page content. Keep the positioning of the chat control
the same as the previous lab.
Figure 2: The styled web page
2
How to Submit
Submit the HTML file and CSS file in a ZIP file, with a name following the same pattern as previous labs:
Lab02_FirstNameLastName_StudentNumber.zip (e.g. Lab02_RandyFortier_100539147.zip) to the TA.