Question: Question 1 Build a web page using an external CSS file based on the following specifications: 12 a) The three sections contents (header, main and

 Question 1 Build a web page using an external CSS file

based on the following specifications: 12 a) The three sections contents (header,

Question 1 Build a web page using an external CSS file based on the following specifications: 12 a) The three sections contents (header, main and footer) must be full-width and no larger than 960px (horizontally centered block), 13 b) Header must be 80px high, full width and fixed and will show your name on the left side. The burger icon should appear when the browser's window is 768px or lower. Background must be black, and text white. 13 c) Footer must be 40px high, full width, and fixed. It should gradually change color from red to blue when the mouse hovers it. Question 2 In the main section (doing the way you prefer), create two containers (left and right) using two dif- ferent background colors. Integrate a responsive image(any) onto the right container. 15 Your name Question 3 In the main section, following the last question, create a container with the text Click here to show hidden content. When the user clicks the text, the sentence The hidden content is now vis-ibles should show underneath the first sentence. Click here to show hidden content The hidden content is now visible! Question 4 In the main section, following the last question, create a drop-down menu with two first level links. The second link will show three second level links when hovering. Link 1 Link 2 Link 3 Link 4 Link 5 Question 5 In the main section, following the last question, create an animation based on the following specifications: a) On hovering the container, there must be a one second delay before the animation starts. b) A 100px X 100px blue square will spin 3 times then stop

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!