HTML and CSS to build a website.

The image:

The style guide can be found here:

Font-family: Roboto (Google Font)

• • #F2F2F2 :Header background-color

• • #20a8b4: Button background-color &Learn to text color

• • #ff5c0f:Navigation-link hover text color, Button hover background-color,Code text color,learning to code? text color

• • Colors that look white are #fff and colors that look black are #000

BUILDING A WEBSITE

Task: Using the assets provided to you, build a website that is identical to the designs provided. Make sure to include media queries for altering the layout to account for mobile or desktop users.

Build Specifications:

The website must be mobile responsive. This means the page must match the stacked layout on mobile, and the inline layout on desktop. You need to be using flex box to achieve this.

All of the colors provided in the style guide must be used correctly.

There should be the correct hover state applied to the buttons and the navigation links.

An image must be implemented but should only show on desktop, not mobile.

Use the correct font given in the style guide.

All buttons should be 100% width on mobile and go to auto width on desktop.

Media queries must be written correctly - changing styles at 768px,mobile-first, only using the min-width property.

The stylesheet must be linked correctly, as well as have the meta viewport tag.

Anchor tags should not have an underline.

-Navigation is created by using a .

-Meta viewport tag is properly built into HTML