Car Sale Website

A sleek, responsive front-end-only website for a car sale business. Built with HTML, CSS, and JavaScript, this website offers a seamless browsing experience for car buyers, showcasing available cars, customer reviews, and a feedback system with modal functionality for detailed item views.

Table of Contents

• Features
• Live Demo
• Installation
• Usage
• Project Structure
• Technologies Used
• Contributing
• License

Features

1. Home Page: Overview of the website, showcasing featured cars and the mission of the business.
2. About Section: Information about the business, values, and team.
3. Car Listings: Catalog of cars with 'View Details' modal functionality.
4. Spare Parts Listings: Section dedicated to spare parts with modals for additional details.
5. Customer Reviews: Display of customer feedback for social proof.
6. Contact and Feedback Forms: Simple forms for customers to reach out or leave feedback.
7. Responsive Design: Fully responsive for a smooth experience across devices.

Live Demo

Visit the Website - carvana

Installation

1. Clone the repository

git clone https://github.com/stephenombuya/car-sale-website
cd car-sale-website

2. Open the project folder

• Open the folder in your preferred code editor (e.g., VSCode).

3. View in Browser

• Simply open the index.html file in your browser to view the website locally.

Usage

1. Explore the Website:

• Browse different sections like Home, About, Cars, Spare Parts, Reviews, and Contact.

2. View Car and Spare Part Details:

• Click the 'View Details' button on any car or spare part to see additional information in a modal.

3. Leave Feedback:

• Use the Feedback section to submit feedback.

4. Contact:

• Use the contact information or form to reach out to the business.

Project Structure

car-sale-website/
├── index.html             # Main HTML file
├── about.html             # About page
├── cars.html              # Cars listing page
├── spare-parts.html       # Spare parts page
├── reviews.html           # Customer reviews page
├── contact.html           # Contact page
├── css/
│   ├── style.css          # Main stylesheet
│   └── responsive.css     # Responsive design styles
├── js/
│   ├── main.js            # Main JavaScript file
│   └── modal.js           # JavaScript for modal functionality
└── images/
    └── ...                # Image assets for the website

Technologies Used

• HTML5: Structure and content.
• CSS3: Styling and layout, including Flexbox and Grid.
• JavaScript: Dynamic functionality and interactivity, such as modals.

Contributing

I welcome contributions! Here’s how you can help:

1. Fork the repository.
2. Create a new branch (git checkout -b feature-name).
3. Make your changes and commit them (git commit -m "Add feature").
4. Push the branch to your fork (git push origin feature-name).
5. Open a pull request on the main repository.

License

This project is licensed under the MIT License - License