CSS

We have provided a simple HTML document, SampleHTML.html, that is devoid of any explicit styles. Rename this file to a3_firstname_lastname.html where firstname_lastname is replaced with your first and last names. Then create a new Cascading Style Sheet file named a3_firstname_lastname.css and associate this style sheet with the HTML file.

Use the CSS file to make the HTML page look well-organized and aesthetically pleasing. You can be as creative as you like with your styles, however, you must use each of the following CSS properties at least once: pseudo-element, padding property, display: none and position: absolute property. Additional style ideas might include: applying a background color, changing the fonts, using bold and/or italics, giving the table a border and colors, rearranging the different sections using absolute positioning, etc.

Keep in mind that you should not change the HTML at all except to add a link to your style sheet. Several id and class attributes have already been provided in the HTML document that you can reference from within your CSS file.