http://pitt.edu/~ols9/teaching/cs0134-2204/th/exercise-4/index.html

Exercise 4

1. Download the exercise files: CS0134- E4.zip 2. Unzip and copy the 'CS0134-E4' folder onto your flash drive. 3. Open style.css in Notepad++ or Brackets. Goals Each goal is worth 1 point. Place all style rules in the style.css file. Do not make any changes to index.html Add the stripe.png image in the exercise files as a fixed background image for the html element Set the width of the body element to 800px Set the margin for the body element to 0 for top and bottom and auto for left and right Set the background color of the body element to white Add a gradient background image to the body's header element. Set it for 45degrees and use the three colors #014F9E, white and #FCB61C Add padding to the body's header element to 1em for top and bottom and 0 for left and right Set the background color of the ul element to #FCB61C Set the width of the ul element to 50%; Set the margin of the ul element to 1em for top and bottom and auto for left and right Add a grey box shadow to the ul element Give the ul element 10px rounded corners Set the padding for the article element to 1em for top and bottom and 30px for left and right Results Your site should look similar to the following Pitt is the best University! Home Archive . Contact Why is Pitt the best University of Pittsburgh Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mattis finibus dui, non elementum dolor bibendum vitae. Fusce ut risus ut libero bibendum finibus at et elit. Nulla pulvinar accumsan magna vel rhoncus. Aliquam vel facilisis purus. Sed quis leo dolor. Vivamus quis maximus nibh. Suspendisse lacinia ac velit eu facilisis. In id molestie leo. Sed dictum laoreet rutrum. Suspendisse a magna sed metus pellentesque pretium. Integer pretium ultricies aliquam. Cras id vehicula ipsum Aliquam consequat ex at lacinia facilisis. Vestibulum volutpat odio at lacus consequat hendrerit Vestibulum aliquet ultrices augue eget vestibulum Nulla dui sapien, lobortis a est et efficitur imperdiet erat. Proin ipsum lacus, bibendum ac miid, vehicula pharetra mi. Quisque tortor urna, blandit aliquet vestibulum eget, consectetur vel diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed vel efficitur ex. Phasellus tempor ante id placerat rutrum. Cras suscipit scelerisque justo, ut posuere diam egestas vitae