A fully responsive, multi-page car dealership website built with HTML, CSS, and JavaScript. Developed as a collaborative team project and deployed live via GitHub Pages.
🔗 Live Site: itzyeboiabraham.github.io/Car-Website
ASLcars is a front-end web project built as a school assignment at Ghana Communication Technology University (GCTU). It simulates a real-world car dealership platform, allowing users to browse a vehicle inventory, explore dealership services, read customer reviews, and get in touch via a contact page. The project was built and deployed collaboratively by a 3-person team, extending a tutorial foundation into a fully custom, multi-page website.
| Page | Description |
|---|---|
| Home | Hero section with tagline, call-to-action, and user login modal |
| Vehicles | Image carousel of featured cars + full vehicle inventory grid with specs and pricing |
| Services | Six dealership services including repair, insurance, and 24/7 roadside support |
| Reviews | Verified customer testimonials and newsletter subscription |
| Contact | Contact details, social media links, and get-in-touch form |
- Fully responsive layout — mobile, tablet, and desktop
- Multi-page architecture (5 separate pages)
- Interactive image carousel / slider on the Vehicles page
- Featured cars grid with specs (seats, fuel type, price)
- User login modal on the homepage
- Customer reviews section
- Contact page with social media links
- Custom branding, copy, and vehicle inventory (ASLcars)
- Deployed live via GitHub Pages
- HTML5
- CSS3 (Flexbox & Grid for responsive layout)
- Vanilla JavaScript (DOM manipulation, carousel logic, login modal)
Built collaboratively by a 3-person team:
- Abraham Tetteh — Project lead, front-end development, deployment
- Samir Nurideen — Front-end development, vehicle inventory
- Lawrence Adamtey — Front-end development, content and styling
Car-Website/
├── index.html # Homepage with hero and login modal
├── vehicles.html # Vehicle carousel and featured cars grid
├── services.html # Dealership services listing
├── reviews.html # Customer reviews and newsletter
├── contact.html # Contact info and social links
├── style.css # Main stylesheet
├── script.js # JavaScript (carousel, modal, interactions)
└── image/ # All vehicle and UI images
To run this project locally:
git clone https://github.com/ItzyeboiAbraham/Car-Website.git
cd Car-Website
open index.htmlNo dependencies or build tools required — open index.html directly in your browser.
This project was assigned as a school project at GCTU. The UI layout and structure were inspired by the tutorial:
"Create A Responsive Car Selling Website Design Using HTML CSS JavaScript" by Mr. Web Designer — Watch on YouTube
- Extended from a single-page design into a 5-page multi-page website
- Added our own brand identity — ASLcars
- Built a unique homepage with hero section and tagline
- Built a user login system with modal
- Added an image carousel / slider on the Vehicles page
- Changed the card design and populated a custom vehicle inventory with our own descriptions, specs, and pricing (8+ cars)
- Redesigned the reviews section with verified customer testimonials
- Replaced the original map section with a custom contact page featuring contact info and social media links
- Deployed as a live site via GitHub Pages
This project is open for viewing and learning purposes. Please credit the team and the original tutorial if you use any part of this work.
Created by Abraham, Samir & Lawrence — ASLcars © 2026