2. Improving the Design of the WebDevPros Website
Professional
Part 1:

In Chapter 6, you completed a responsive design website for WebDevPros. In this exercise,
you update the site as follows:
1. Open the external style sheet you created in Chapter 6 and save it with the name
webdevstyles07.css in the styles folder within the your_turn_2 folder.
2. Add your name and the current date as a comment to the first line of the webdevstyles07.css file.
3. Open the files you created for WebDevPros in Chapter 6 in your HTML editor and make sure
     your name and the current date are added as a comment to the first line of all files.
4. Update the HTML files to:
a. Integrate figure and figcaption elements.
b. Integrate a section element.
c. Integrate an article element.
d. Integrate an aside element.
5. Update the CSS file to:
a. Style the figure element for mobile, tablet, and desktop viewports.
b. Style the article element for mobile, tablet, and desktop viewports.
c. Style the section element for mobile, tablet, and desktop viewports.

d. Style the aside element for mobile, tablet, and desktop viewports.
e. Apply an opacity property to an element.
f. Refine your style sheet as desired.
g. Adjust viewport widths if necessary.
h. Add comments to note all changes and updates.
6. Save and test your files.
7. Validate and correct your HTML and CSS files, and submit your assignment in the format
    specified by your instructor.
Part 2:

In step 5d, you added a style rule for the aside element. Use your browser to research different
ideas for styling the aside element. Provide a screen shot of the designs you found and a link
to each resource.