/1-4-pixel-perfect-gcmceachin

Primary LanguageHTML

Description

As a web developer, you will sometimes be tasked with creating an html page simply from an image file. In this assignment, you'll take the given image and turn it into a functioning website.

Deliverables

  • A repo containing at least:
    • index.html
    • normalize.css
    • styles.css
    • images

Requirements

I'm a Web Developer Mode

  • Using the provided desktop image, create an html document using html and css to be a pixel perfect match with the image, but be a functioning website.
  • The menu items, images, and buttons need to have differing states based on a hover, and although not articulated in the provided image, they need to be styled.
  • Use these fonts from Google Web Fonts in your implementation -- "Lato", "Oswald", and "Playfair+Display".
  • Use the FontAwesome icons for the "Comments", "Read Later", and "Share This" elements
  • Use placeholder text of your choice for all copy
  • Use placeholder images of your choosing for all images not provided

Hey Mikey, I Think He Likes It Mode

Adhere to the mobile image provided and make the website fully responsive.