DSIGN Landing Intro

Image of Rodrigo Borges' Crowdfunding Campaign design

Brief

Your challenge is to build out this landing page intro section from the design provided in the starter code.

Download the starter code and go through the README. This will provide further details, including colour palette and typeface.

Structure your code as cleanly as possible, using only raw HTML and CSS. No front-end libraries/frameworks.

If you decide to push the project live, tweet @frontendmentor once you're finished with your URL in the tweet. I'd love to take a look at what you've built!

There is no mobile design, so don't worry about writing media queries, although feel free to make it responsive as a bonus challenge.

Deliverables

  • Use the README for colours, fonts etc
  • Build the project to look as close to the design as possible

Bonus

  • Try using Git and Github for version control to emulate a real-life workflow
  • When finished, feel free to push your project live on Github Pages so that others can see it

What you need

  • Design file (included in the starter code)
  • Starter code (download below)

Share challenge:

Want some amazing front-end resources? Of course you do. Check out my curated list of (mostly) free resources for HTML, CSS and JavaScript.

Go to resources
Profile picture of Matt Studdert

A bit about me

Hey! I'm Matt Studdert, a freelance Front-end/JavaScript developer who lives and works in the incredible city of London. I love building digital products and learning about the latest technologies. When I'm not actually writing code, I'm often teaching people how to do it for themselves at General Assembly in London, where I work as a Lead Instructor.

I created Frontend Mentor as a place where front-end developers of all levels can come to develop their skills and improve their workflow. Please check out both the free code review challenge and also the resource list, which I've compiled over a number of years of writing code and teaching hundreds of students.

If you've got any suggestions or just want to say hi, get in touch on Twitter using the link below.

Say hi