HTML/CSS Exercise

Your goal is to reproduce the following webpage

General rules

• - Create and complete the necessary files (HTML, CSS) to reproduce the example webpage
• - You can download the images used in the webpage [Image Links]
• - At the end of the allowed time, upload on Moodle an archive containing all the files of your webpage (HTML + CSS + images)
• - Your webpage should contain valid HTML and CSS code
• - You don't have to reproduce the exact size, space, and colors of elements. Approximating them is good enough. However, pay attention to their general display and behaviors and try to copy them precisely.
• - You can access the internet, and use your previous exercises. But don't communicate under any forms with anybody (excepted the teachers).

Tips

• - Observe first the general organization of the elements, and their behavior when the page is resized (change the width of the browser in particular), or when you pass the mouse over them.
• - Start by the easy things: set-up the global organization first. Once the main elements look fine, iterate on the details (spacing, fonts style, special behaviors, etc).
• - All links have href="" (target to nothing)
• - CSS reminder: font-variant: small-caps; (For small capital letters)
• - CSS reminder: text-decoration: none; (To get rid of default decoration)