HTML
The structure and content of a webpage.
↗MY WEB DEVELOPMENT LAB
Learning how theweb actually works.
A hands-on project for understanding HTML, CSS, Astro, GitHub and the journey from a local file to a live website.
index.astro
01 <section class="hero">
02 <h1>Build for the web</h1>
03 <p>Learn by doing.</p>
04 </section>
05
06 // Local → GitHub → Live
Astro development serverLIVE
✓
Learning by doingOne step at a time
01 — THE PROJECT
This isn't just a website.
It's a small laboratory for understanding what happens behind a website.
We'll start with simple HTML and CSS, use Astro to build the site, use Git to track our changes, GitHub to store the project, and Hostinger to make it available on the internet.
02 — WHAT I'M LEARNING
The building blocks.
Four technologies. One simple project.
CSS
The visual design, layout, colors and responsive styling.
↗Astro
A modern framework that helps us build fast websites.
↗Git + GitHub
Track our changes and keep the project safely online.
↗03 — THE WORKFLOW
From a file
to the internet.
This is the process we'll learn and repeat whenever we make an update.
01
Write
Edit the Astro and CSS files in VS Code.
02
Preview
Use Astro's local development server to see changes instantly.
03
Commit
Use Git to record what we changed.
04
Push
Send the project to GitHub.
05
Deploy
Build the site and put the finished files on Hostinger.