- HTML Lessons: headings, paragraphs, links, images
- CSS Lessons: colors, backgrounds, box model
- PHP Lessons: date/time, simple calculator
- Contact Form: form handling with PHP
- Reusable Styles in
assets/style.css
To test the site on your own computer:
- Install XAMPP or WAMP (Windows) or MAMP (Mac).
- Copy this project into the
htdocs(XAMPP) orwww(WAMP/MAMP) folder. - Start Apache from your control panel.
- Open in browser:
Since this project uses PHP, you need a hosting service that supports PHP.
Recommended free hosts:
- InfinityFree ✅ (best option, no ads, PHP + MySQL supported)
- 000WebHost ✅ (easy for beginners)
- AwardSpace ✅ (PHP + MySQL free tier)
- Create a free account on one of the above platforms.
- Upload project files into
htdocsorpublic_htmlfolder. - Visit the free domain they provide (example:
yourproject.epizy.com).
By the end of this project, students will:
- Create HTML pages
- Style pages using CSS
- Write simple PHP scripts
- Host a website online for free
This project is for educational purposes only.
Students are free to copy, edit, and share.