HTML & CSS

Want to build a webpage from scratch but don’t know where to start? We have you covered here!

Pick a Page to Build

Download Files

Designs – Download here.

Assets – This is THE SAME for ALL sections. Please do not download again if you already have it.

Otherwise, you can download it here.

Tips

  • Start by building one section at a time – e.g. the header with the logo and navigation.
  • You can choose to build parts of each page if there’s a particular section or skill you want to practice.
  • Start with either the desktop or mobile version. Make it look good on ONE screen first.
  • Use the style guide to get:
    • HEX codes for all colours used
    • font sizes for headings
    • hover styles for buttons