cassaram09 / fe-zetsy-v-000

Zetsy

This challenge asks you to build the Zetsy site page 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 neccesary 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. Please install Firefox if you haven't already as it is required for the screenshot tests to run.
8. When your finished, type learn command from Terminal to run local tests.
9. BONUS: Add CSS transitions to the on 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