Loading repository data…

Car-Dealership

Premium automotive website built with responsive frontend architecture and modular UI components. Implements dynamic DOM manipulation, interactive sliders, and client-side validation workflows. Developed using HTML, CSS, Bootstrap, and structured vanilla JavaScript scripting. Designed to deliver high-end brand presentation with performance-optimize

#css3#dom-manipulation#html5#javascript

README preview

Veloce Motors - Premium Automotive Website

A high-performance, responsive frontend website designed for a luxury automobile brand.

This project demonstrates a premium UI/UX design, featuring a custom 3D javascript slider, dynamic content rendering, and client-side form validation, built entirely HTML,BootStrap CSS, Vanilla JavaScript.

Image

Key Features

Premium UI Design: Minimalist, "Porsche-style" aesthetic using Bootstrap 5 and custom CSS.
3D Interactive Slider: Custom Vanilla JS carousel with center-focus scaling and smooth transitions.
Dynamic Details Page: A single model-details.html page that renders different content based on URL parameters.
Mock Authentication: Functional Login/Logout system using localStorage to persist user sessions.
Contact Form: Client-side validation with success/error states.
Responsive: Fully mobile-optimized layout using Bootstrap's grid system.

Technologies Used

HTML5 - Semantic markup.
CSS3 - Custom animations, gradients, and layout styling.
Bootstrap 5 - Responsive grid and components (Navbar, Modals).
Vanilla JavaScript - DOM manipulation, URL parsing, and logic (No jQuery).

Project Structure

/project
├── index.html          # Landing page with 3D slider
├── about.html          # Brand heritage and history
├── contact.html        # Concierge form with validation
├── login.html          # Admin/Owner login page
├── model-details.html  # Dynamic template for car specs
├── style.css           # Global custom styling
├── app.js              # Main logic (Slider, Auth, Routing)
└── README.md           # Documentation

How to Run Locally

Clone the repository

Bash git clone https://github.com/abeyakilesh/Car-Dealership.git

Open the project Navigate to the folder and open index.html in your browser.

VS Code users: Right-Click index.html and select "Open with Live Server" for the best experience.

Credentials (Demo)

To test the Owner Login feature:

Username: admin

Password : 1234

Author

Abey Akilesh M