Huddle Landing Page

Task Title: Responsiveness and Media Queries Full Time Fullstack Created 12-06-2022 20:58:12

3. Build a responsive landing page using the design.

All information and images needed for the design can be found in this folder here Add a basic animation/transition to your implementation Submission Mode: URL (Submit a link to your published GitHub pages)

Front-end Style Guide

Layout

The designs were created to the following widths:

• Mobile: 375px
• Desktop: 1440px

Colors

Primary

• Pink: hsl(322, 100%, 66%)

Neutral

• Very Pale Cyan: hsl(193, 100%, 96%)
• Very Dark Cyan: hsl(192, 100%, 9%)
• Grayish Blue: hsl(208, 11%, 55%)

Typography

Body Copy

• Font size: 18px

Headings

• Family: Poppins
• Weights: 600

Body, Call-to-actions

• Family: Open Sans
• Weights: 400, 700

Icons

For the social icons, you can use a font icon library. Some suggestions can be found below:

• Font Awesome
• IcoMoon
• Ionicons