Website Design Collection

This project is a collection of website templates and mini-projects, each demonstrating different web design concepts and layouts. The collection includes websites for various domains such as Classifieds, Computers, Dell Laptops, Dynamic Applications, Florists, Gaming Laptops, Headphones, Honda, Ice Cream, Laptop Stores, Perfume, Real Estate, Repair Services, Bicycles, Smart Homes, Tourism, Toyota, Travel, and Vietnamese Cuisine.

Each subfolder contains a self-contained website with HTML, CSS, JavaScript, and assets (images, fonts) to showcase a specific theme or business type.

Prerequisites

• A modern web browser (Chrome, Firefox, Edge, Safari, etc.)
• (Optional) A code editor like VS Code, Sublime Text, or Atom for easier code navigation

Installation

1. Clone the repository (if not already downloaded):

   git clone <repository-url>
   cd Website-Design-main

2. No build step is required. All websites are static and can be opened directly in your browser.

How to Run

Open the index.html file in the desired website folder using your web browser. For example, to view the Ice Cream website:

cd IceCream_Website
open index.html

Or, right-click index.html and select "Open with" → your browser.

Repeat similar steps for other website folders (e.g., Florist_Website, Real_Estate_Website, etc.).

Project Structure

Website-Design-main/
├── Classifieds_Platform_Website/
├── Computer_Website/
├── Dell_Laptop_Website/
├── Dynamic_Application_Website/
├── Florist_Website/
├── Gaming_Laptop_Website/
├── Headphones_Website/
├── Honda_Head_Website/
├── IceCream_Website/
├── Laptop_Store_Website/
├── Perfume_Website/
├── Real_Estate_Website/
├── Repair_Website/
├── SLMRO_Bicycle_Website/
├── Smart_Home_Website/
├── Tourist_Website/
├── Toyota_Website/
├── Travel_Maldives_Website/
├── Travel_Website/
├── Vietnamese_Cuisine_Website/
├── README.md
└── ... (images, CSS, JS, and asset folders in each website)

• Each main folder contains:
  • index.html: The main HTML file for the website (if present).
  • css/ or CSS/: Stylesheets for the website.
  • js/: JavaScript files for interactivity.
  • images/: Images and graphics used in the website.
  • fonts/: (If present) Custom fonts for the website.

Learn More

• MDN Web Docs - HTML
• MDN Web Docs - CSS
• MDN Web Docs - JavaScript
• For questions or contributions, please open an issue or pull request.