Question: solve it urgently please Name : Mark: Question 1 Build a web page using an external CSS file based on the following specifications : a)




Name : Mark: Question 1 Build a web page using an external CSS file based on the following specifications : a) The page must have a breaking point at 768px (desktop/mobile). b) The three sections contents (header, main and footer) must be full-width and no larger than 960px (horizontally centered block). c) 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. Footer must be 40px high, full width, and fixed. It should gradually change color from red to blue when the mouse hovers it. to blue when the mouse hovers it de color from Question 2 In the main section (doing the way you prefer), create two containers (left and right) using two different background colors. Integrate a responsive image oth the right container. The the browser's window is narrow, the two container should be positioned one on top of the other. Your name Question 3 In the main section, following the last question, create a container with the text Click here to show hidden contents. When the user clicks the text, the sentence The hidden content is now visible! 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. Half way through the animation, the square will grow to 150px x 150px and come back to its original dimension at the end
Step by Step Solution
There are 3 Steps involved in it
Get step-by-step solutions from verified subject matter experts
