Exercise 1: Frontend programming
Clone the start project from: FrontEnd starter code and open the project in netbeans
1. Style with pure CSS
- Open the file: cssex1.html
- Link a new stylesheet to the html page.
- Change the look of the content in div with id = top_menu. Make it a horisontal menu:
- Change the look of the content in div with id = left_menu. Make it a vertical navigation bar to the left side (under the top menu)
- Change the look of the content in div with id = right_content. Make it sit to the right side of the left_menu. Give it an appropriate font-family, border and padding etc.
2. Style with bootstrap
- Open the file: cssex2.html setup links to bootstrap CDN: Look here.
- Use bootstrap to get a top menu, a left menu and a zebra striped look on the table in the right side content div (Hint: use Bootstrap grid to get the left and right hand side)
- Play around with different bootstrap tricks to prittyfy the content.