Zetsy

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.

Steps

1. Fork this repository.
2. Clone your fork locally.
3. cd in the local repo you just cloned.
4. Open the MOCKUP.jpg image and take a look at it.
5. Use the text and suggested images listed in SOURCE.md to fill in the content for index.html.
6. 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 built in OSX. If you get stuck you can use the Developer Tools to inspect the code at the live site example here: Zetsy live page example
7. BONUS: Add CSS transitions for the mouse hover events. See: http://css-tricks.com/almanac/properties/t/transition/

Resources

• Zetsy live page example
• Bonus: CSS3 Transitions
• Dev Tools Tutorial
• Digital Color Meter Tutorial

View Zetsy on Learn.co and start learning to code for free.