A beginner-friendly intro to HTML & CSS

In this 5-day free challenge we'll show you how to build a simple mini-website in HTML & CSS, host it online for free and connect a custom domain name. You don't need any previous experience, fancy software or technical know-how to complete this challenge -- just a web browser and an open mind!

what you will learn:

  • How to start coding in a web browser using Codepen
  • How to setup your html document
  • Create html elements like paragraphs, links, and images
  • How to style your typgraphy with colors & fonts
  • How to make beautiful grids & galleries
  • Step-by-step building your first live website
  • Setting up free hosting and going live

Join our free HTML & CSS challenge

Get on-demand access to the challenge including daily lessons & practical activities.

ACCESS NOW

a sneak peek.

Here's a sneak peek of what you'l learn

basics of HTML

On day 1 you'll learn how to create simple HTML elements like headings, paragraphs and links

basics of CSS

On day 2 we'll show you how to style your elements with colors and negative space

styling typography

On day 3 we'll learn how to style typography with CSS

creating buttons

On day 4 we'll create 6x different buttons from scratch

image galleries

Make your site pop with a beautiful image gallery on day 5.

build a coming soon page

Bring it all together with a simple coming soon page

build your first website

We'll walk you step-by-step through the process of building your very own live website!

<h1> This is a heading written in HTML code </h1>

<p> We can create a paragraph just like this </p>

h1 { color: red; }

(That's some CSS code to change the color of the h1 element to red!)

p { font-size: 20px; }

(now we've made the paragraph font-size 20px)

Easier than you thought huh?

what is coding?

You've heard all the buzz words, you know it some something to do with technology but let's be honest.. you are still confused about what coding actually is.

Coding is simply writing in a language that computers can understand. Just like spoken languages there are different coding languages for different purposes, including for building websites. We'll be learning HTML which creates the structure of the web (making headings, paragraphs, images, links etc) and CSS which is used to style HTML elements and make your websire beautiful.

Unlike using a drag-and-drop editor, being able to make changes to the code means that you have total control over your website and can customize it exactly how you want!

Perfect for beginners who want
to try coding for the first time


7 video lessons

Easy to understand video tutorials that break down big concepts with simple language and practical step-by-step examples.

Practical activities

Every lesson comes with a simple activity to apply what you've learn, so you can grow your skills and build something for yourself.

Mentor feedback

Ask questions & share your activities for direct feedback and support from our experienced mentors.

Community

Coding is more fun together, so we connect with other students from all over the world to learn together.

start the challenge.

You'll receive the first lesson in your inbox within the next few minutes and then each day for 7 days, a new lesson will unlock and be sent to you via email.

.

who is this course for?

The phrase 'coding' sounds intimidating, but this courses is totally beginner-friendly -- if you can login to facebook or send off an email you have enough technical know-how to complete this course.

This course is for you whether you are looking to one day become a web developer, or just want to be empowered to understand the basics of the web, and build a site you can be proud of (without spending thousands on a developer)! Coding isn't some elusive skill for 'the Zuckerbergs' of the world, it's an essential literacy for the modern world.

meet your mentor,
Tina May

Tina launched her first business at only 20 years old helping small businesses all over the world get themselves online through web development, digital marketing and social media management. She's since taught herself to code, built Institute of Code from the ground up and and taught hundreds of students Web Development.

'I learnt to code only after struggling through all the options -- I tried Wix, Weebly & Squarespace, I used wordpress templates and I outsourced to supposedly experienced developers. Frustrated and wanting to take control of the process I finally learnt to code, and after months of stressing and struggling I wished I had learnt earlier. It's so empowering being able to code, and even just learning the basics is enough to make a huge difference.'

We're the Institute of Code

When we first dreamed up Institute of Code we tried to forget everything we knew about what a school was and re-imagine what a school could be.

We prioritse the success of every single student, and use everything we know about educational psychology and human performance to build a program that doesn't just teach people skills but empowers them to launch new career.

We help people like you learn in demand digital skills and launch a new career in Photography, Marketing or Web Development where they can work from anywhere in the world.