This project is part of my web development learning series, where I show beginners how to build real websites using HTML, CSS, and Visual Studio Code.
In this lesson, we move beyond the one-page layout and build a full multi-page website with navigation links, multiple sections, and clean styling.
Watch the full tutorial on YouTube:
👉 https://youtu.be/_Pe_CUQx9Gw
- How to structure multiple HTML pages
- How to connect pages using navigation links
- How to organize your project files
- How to reuse CSS across different pages
- How to create a clean and modern layout with HTML & CSS
Multipage-Website/ │── index.html │── about.html │── services.html │── contact.html │── styles.css └── images/ (optional)
You can download, clone, or study the full code here:
👉 Multi-Page Website Repo:
https://github.com/Finneytony/Multipage-Website
If you missed the first tutorial (building the one-page website), you can find the previous project here:
👉 One-Page Website Repo:
https://github.com/Finneytony/Firstwebsite
- Download or clone the repository
- Open the folder in Visual Studio Code
- Open
index.htmlin your browser - Explore the other HTML pages (
about.html,services.html,contact.html) - Customize the content and styling however you like!
Some possible enhancements:
- Add animations using CSS transitions
- Include JavaScript for form validation
- Add responsive styling for mobile screens
- Create a dark mode version
Created by Finney-Tony Jean
Follow my journey as I continue learning and sharing tech tutorials.
If this project helped you, feel free to star the repo and subscribe to the YouTube channel for more tutorials!