This challenge asks you to build the Zetsy page by writing your own HTML & CSS from scratch to match the mockup image and/or the live site example.
- Click the "OPEN IDE" button
- Fork this repository.
- Clone your fork locally.
cd
into the local repo you just cloned.
- Open the MOCKUP.jpg image and take a look at it.
- Use the text and suggested images listed in SOURCE.md to fill in the content for index.html.
- Then use css/style.css to write the CSS code necessary to make your your site page look like the example shown in MOCKUP.jpg. You can eye-drop colors using Digital Color Meter App if you are using OSX, or a program like ShareX for Windows. If you get stuck you can use the Developer Tools to inspect the code at the live site example here: Zetsy live page example
- BONUS: Add CSS transitions for the mouse hover events. See: http://css-tricks.com/almanac/properties/t/transition/
PHRG Zetsy