- Approx. completion time: 1.5 hours
- Deliverables: 4 HTML files, 1 CSS file, images
A code exercise to practice highlighting the current page in website navigation.
- Fork this repository.
- Create the
index.html
file to match the screenshots. - Make the 3 other HTML pages & highlight the current page on all of them.
- The content for each page can be found inside the
content.txt
file. - Run it through Markbot and make sure it passes all the checks.
- Typefaces:
Georgia
,Sigmar One
- Text sizes:
3rem
,1.875rem
,1.125rem
,0.75rem
- Colours:
#2f2d13
,#cc1465
,#ffe500
,#b20953
,#b2a212
Visually match the images in the “screenshots” folder and create the interaction shown in the linked video.
Drop this folder into your Markbot application. Make sure to fix all the errors. And submit to Canvas using Markbot.