DEV Community

Cover image for Multi-page Website
TD!
TD!

Posted on

Multi-page Website

Here's an intermediate-level project that creates a multi-page website with HTML and CSS. The website includes 5 interconnected pages with a consistent header (navigation), main content section, and footer.

simple multi-page website interface


📂 Project Structure

multi-page-website/
│-- index.html
│-- about.html
│-- services.html
│-- portfolio.html
│-- contact.html
│-- styles.css
â””-- images/
    â””-- logo.png (optional)
Enter fullscreen mode Exit fullscreen mode

simple multi-page website interface

🚀 How to Use the Project

  1. Create the file structure as outlined above.
  2. Add the HTML and CSS code to the respective files.
  3. Open any of the .html files in your browser to view the pages.
  4. Use the navigation links to switch between pages.

simple multi-page website interface

simple multi-page website interface

This project helps you understand multi-page linking, consistent layouts, and basic CSS styling.

See on GitHub

Top comments (0)