https://github.com/stephenombuya/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.
https://github.com/stephenombuya/car-sale-website
css3 html5 intuitive-user-interface javascript mobile-responsiveness
Last synced: 2 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/stephenombuya/car-sale-website
- Owner: stephenombuya
- License: mit
- Created: 2024-10-30T11:43:44.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-30T12:36:03.000Z (about 1 year ago)
- Last Synced: 2025-01-13T14:28:39.584Z (10 months ago)
- Topics: css3, html5, intuitive-user-interface, javascript, mobile-responsiveness
- Language: HTML
- Homepage: https://carvanah.netlify.app/
- Size: 451 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# **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](https://carvanah.netlify.app/)
### **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](https://github.com/stephenombuya/car-sale-website/blob/main/LICENSE)