zspann / fe-zetsy

Build the Zetsy site page writing your own HTML & CSS from scratch to match the mockup image and/or the live site example.

Home Page:http://learn-co-curriculum.github.io/fe-zetsy/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

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

About

Build the Zetsy site page writing your own HTML & CSS from scratch to match the mockup image and/or the live site example.

http://learn-co-curriculum.github.io/fe-zetsy/

License:Other


Languages

Language:HTML 73.6%Language:CSS 26.4%