HTML5 Massively Landing Page

Design for the project

Introduction

This is one of the many projects available on codedamn to reinforce your learning by building. If you want to become a frontend developer and learn by practicing, feel free to attempt this challenge. Check out the frontend web developer learning path to learn more about how to become an awesome frontend developer.

Project checklist

  • Landing page should include the top hero section "This is Massively"
  • Landing page should include the forms at the bottom
  • Landing page should be responsive
  • Landing page should use correct images (supplied in /assets), icons (fontawesome) backgrounds

Instructions

Your challenge is to build out this project and get it looking as close to the design as possible.

You can use any tools you like to help you complete the challenge. So if you've got something you'd like to practice, feel free to give it a go.

Your project should:

  • Be responsive for desktop and mobile phones
  • Have minimum functionalities and effects working

Want some support on the challenge? Join our discord community and ask questions in the #general channel.

Where to find everything

Your task is to build out the project to the designs inside the /design folder. You will find both a mobile and a desktop version of the design.

The designs are in image formats (sketch and figma designs coming soon).

You will find all the required assets in the /assets folder. These include images, fonts, etc.

There is also a style-guide.html file containing the information you'll need, such as color palette and font names. Make sure to open this in the browser to see the contents.