Create a new document and save it as lab8Bxx.html in your All102Submissionsfolder, where xx are your first and last name initials.

2. Inside the body element, create a container for the entire page with the article element.

3. Inside the article element: give the page a banner with the header element, followed by the nav element, and then the sectionelement.

4. Inside the section element include another header element and a paragraph element. Copy/paste this section element at least three more times.

5. Fill in the content of this page with whatever you want, but structure it precisely as described. Give the page a title by filling in the article header. For each section: fill in the paragraph, and fill in the header with a title for the section. Just as in part one you may use the Lorem Ipsum text generator to give content to the paragraphs.

6. Inside the nav element add an unordered list with a list item (li) for each section you created in the previous step. Each list item should contain an internal link to the corresponding section. Do this by giving the header in each section a unique id, and then link to it internally with the anchor element (just as in lab 2). I.e., the navigation element will contain list items that when clicked will cause the page to scroll to the corresponding location within the page (the sections).

7. Use an internal style sheet to accomplish the following:

o Set the display property of article, header, nav, and section to blockusing the group selector (comma).

o Set the margin of every element to be 0 using the universal selector (asterisk). I.e., *{margin:10px;}

o Set the width of the article to something other than the default 100%, e.g., 960px is a widely accepted standard width.

o Center the article by setting both margin-left and margin-right to auto.

o Set the list items to display inline(they are block-level by default).

o Set the text decoration property to none for the anchor elements in the unordered list.

o Create a CSS rule that will give the article header a large font.

o Create a separate CSS rule that will give the section headers a large font (but not as large as the article header). Hint: use nesting to apply the style to only header elements that are descendants of section elements.

o Continue to customize the style of the document to make it look good. Use a color scheme (http://www.colorcombos.com/), add padding/margin to elements that you think may need it, add borders where you think they make sense, etc. When you have finished, your page should look something like:

Please help me write this entire code.