Extending Requirements

To achieve an Extending on their report card for the second and third terms, Grade 7 students must take their website project to the next level by refining the structure of their site. Specifically, they must remove the general "div" used for all content and instead create specific "div" elements for each section of the site. For example, content that belongs in the main section should be placed in a "div" with a class or ID such as main-content, while footer content should go in a dedicated "div" inside the "footer" section. This ensures that the website is well-organized, semantically correct, and easier to maintain. Additionally, if students complete all the challenges outlined in their project guidelines, they will demonstrate a deeper understanding of web design principles and coding practices, earning the top level of achievement.

Extending Criteria for Term 3...

remove div id="content" and put a content div inside each of the website sections

(ie. put a nav-content in side nav, a main-content inside main, etc...)

extend the navigation bar and footer bar to fullscreen width

add an "active" class to your navbar so that the current page is highlighted

add icons to your addresses, phone number, and email lines in your footer under "Contact Us At..."

under "Follow Us On...", animate the icons when you hover over them using one of the following...

change color

expand

flip (horizontally or vertically)

rotate (clockwise or counter clockwise)

add a favicon to your browser tabs