learn-co-students / fe-zetsy-nyc-web-091718

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

Tasks for LearnIDE Environment Users

1. Click the "OPEN IDE" button

Tasks for Local Environment Users

1. Fork this repository.
2. Clone your fork locally.
3. cd into the local repo you just cloned.

Process

1. Open the MOCKUP.jpg image and take a look at it.
2. Use the text and suggested images listed in SOURCE.md to fill in the content for index.html.
3. 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
4. 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.