- Add a nav element with a corresponding
id="navbar"
. - Within the nav element, add one header element which contains text that describes the topic of the technical web page.
- Add a main element with a corresponding
id="main_doc"
to contain the page's main content. - Within the
main_doc
element, add a minimum of five section elements, each with a class ofmain_sec
. - The first element within each
.main_sec
should have a header element, describing the topic of that section. - Each section element with the class of
main_sec
should also have an id that corresponds with the text of each header. For example"html and html5"
should look like (id="html_and_html5"
) - The
.main_sec
elements should contain at least tenp
elements total (not each) - The
.main_sec
elements should contain at least fivecode
elements total (not each) - The
.main_sec
elements should contain at least fiveli
items total (not each) - Additionally, the navbar should contain links, also known as, a elements with the
class="nav_link"
. There should be one for every element within theclass="main_sec"
. - Each element with the
class="nav_link"
should contain text that corresponds to the header text within each section. - When you click on a navbar element, the page should navigate to the corresponding section of the
main_doc
element. - Use a media query to set elements
id="navbar"
fixed on the screen's left or right side only when viewed on larger devices like laptops.