Self-paced

Explore our extensive collection of courses designed to help you master various subjects and skills. Whether you're a beginner or an advanced learner, there's something here for everyone.

Bootcamp

Learn live

Join us for our free workshops, webinars, and other events to learn more about our programs and get started on your journey to becoming a developer.

Upcoming live events

Learning library

For all the self-taught geeks out there, here is our content library with most of the learning materials we have produced throughout the years.

It makes sense to start learning by reading and watching videos about fundamentals and how things work.

Search from all Lessons

LoginGet Started
← Back to Lessons
Edit on Github

Start a new HTML/CSS Project

If you are working locally
If you are working from Codespaces or Gitpod
What to do next?

The most basic template for any 4Geeks Academy Student, ideal for starting your first HTML/CSS website.

If you are working locally

  • Download and install python using pyenv (recommended).
  • Download the repository template.

If you are working from Codespaces or Gitpod

Just click on this link to start your project using our One-Click Coding technology.

How to open html/css preview of my project

What to do next?

Create a index.html file with the basic HTML structure and see it live by running web-server using the following command:

1pip install flask && python server.py
  • You can create as many HTML files you want
  • You can also create CSS files and you can import them onto your website using a <link> tag placed between the <head></head> tags, like this:
1<head>
2  ...
3  <link rel="stylesheet" type="text/css" href="styles.css">
4  ...
5</head>