gustavoguanabara/html-css

Analysis updated 2026-06-24

★ 16,262HTMLAudience · generalComplexity · 1/5LicenseSetup · easy

Mindmap

mindmap
  root((html-css))
    Inputs
      PDF lessons
      Exercise code
    Outputs
      Working web pages
      Completed challenges
    Use Cases
      Learn HTML and CSS
      Use in classroom
      Practice exercises
    Tech Stack
      HTML5
      CSS3
    Audience
      Beginners
      Teachers
      Students

mindmap root((html-css)) Inputs PDF lessons Exercise code Outputs Working web pages Completed challenges Use Cases Learn HTML and CSS Use in classroom Practice exercises Tech Stack HTML5 CSS3 Audience Beginners Teachers Students

Click or tap to explore — scroll the page freely

What do people build with it?

USE CASE 1

Learn HTML5 and CSS3 from zero by following the video course and PDF lessons

USE CASE 2

Use the lesson PDFs and exercises as ready-made classroom material

USE CASE 3

Practice with the included challenge problems to build small web pages

What is it built with?

HTML5CSS3

How does it compare?

	gustavoguanabara/html-css	windmill-labs/windmill	emilwallner/screenshot-to-code
Stars	16,262	16,469	16,482
Language	HTML	HTML	HTML
Setup difficulty	easy	hard	hard
Complexity	1/5	4/5	4/5
Audience	general	ops devops	researcher

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

Course material is in Portuguese, which may be a barrier for non-Portuguese speakers.

Free for personal learning and classroom use with credit to the author. Cannot be repackaged into books or sold commercially.

In plain English

This is a free, beginner-level course on HTML5 and CSS3, the two core building blocks of web pages. HTML (HyperText Markup Language) defines the structure of a page, like headings, paragraphs, and images, while CSS (Cascading Style Sheets) controls how everything looks, colors, fonts, layout, and spacing. Together they are the starting point for anyone who wants to build websites. The repository is a teaching resource created by Gustavo Guanabara and published in Portuguese. It includes PDF lesson files, exercise source code, and challenge problems that students can view and run directly from GitHub. The exercises are live and interactive, so you can see exactly what the code produces in a browser without setting anything up locally. This is aimed at complete beginners, people who have never written a line of web code, as well as teachers who want ready-made classroom material. Everything is free to use for personal learning or classroom instruction, with the condition that credit is given to the original author. The material cannot be repackaged into books or sold commercially.

Copy-paste prompts

Prompt 1

Summarize the structure of the gustavoguanabara html-css course in English so I can plan a study schedule

Prompt 2

Pick a challenge exercise from the html-css repo and walk me through solving it step by step

Prompt 3

Translate one of the PDF lesson outlines from this course into English study notes

Prompt 4

Build a small portfolio page using only the HTML and CSS techniques covered in the early lessons of this course

Frequently asked questions

What is html-css?

Free beginner HTML5 and CSS3 course in Portuguese by Gustavo Guanabara. Includes PDF lessons, exercise source code, and challenge problems for self-taught learners and teachers.

What language is html-css written in?

Mainly HTML. The stack also includes HTML5, CSS3.

What license does html-css use?

Free for personal learning and classroom use with credit to the author. Cannot be repackaged into books or sold commercially.

How hard is html-css to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is html-css for?

Mainly general.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Scan in gitsafehub Deploy in gitdeployhub gustavoguanabara on gitmyhub

Verify against the repo before relying on details.