Independent Challenge 1 Inde Spothed When Garden Centet is happy with your work so far on the e prsentation elements to the web page you creaned, so you incorporate company's website. She'd tie you to add some manager of the ityle ues alte. She a. Open your editor, open the file HHTM. enter your name and today's the same IC1 foldet from C-S.html trom the SC.1 folder where you store your Data Files for this unie b. Add olderdate where indicated in the comment section, then save the tile as index.htal to Add i style element in the head dex.html in a browser, then verity that the heading is displayed with a background colo reload the document in your browser and verity that all text content is centered. section, then create a style rule for the h1 element that sets the background coloe create a e.r editor, create a style rule for the h1 and p elements that alligns text in the center,save e. Return to index.html in your editor urn to index.html in your refresh or create a style rule for the footer element that sets to yellow, save your changes, refresh or reload the document in your browser then verify that the contact information has a yellow background and your document matches FIGURE C-30 Validate your CSS code using the valida- tor at http://jigsa.w3.org/css-validator (Notr: When you upload an HTML document containing an embedded style sheet to the Css validator, it identifles the background coloe f. and validates the CSS code in the document) Independent Challenge 2 As you continue developing the website for the Murfreesboro Regional Soccer League, you decide to add presentation features to the web pages. You've created two web pages for the site, so you create an external style sheet. a. Open your editor, open the file HTM.C-6.html from the IC2 folder where you store your Data Files for this unit, enter your name and today's date where indicated in the comment section, then save the file as index.html to the same IC2 folder b. Add a style element in the head section, then create a style rule for the hl element that sets the background color to orangered. index.html in a browser, then verify that the heading is displayed with a background color. c. Save your changes, open d. Return to index.html in your editor, create a style rule for the hl and article elements that aligns text in the center, save your changes, then refresh or reload the document in your browser and verify that all content except the contact information is centered. (Note: The contact information is not centered because those p elements are part of the footer element and not the body text.) e. Return to index.html in your editor, create a style rule for the footer element that sets the background color to green and the text color to white, save your changes, then refresh or reload the document in your browser and verify that the contact information is displayed as white text on a green
