Cars Website

Qantara Motors is an elegant, user-friendly website designed for luxury car enthusiasts and potential buyers. It combines a visually stunning interface with powerful functionality to showcase high-end vehicles, facilitate inquiries, and provide a seamless browsing experience. From a user perspective, the site offers intuitive navigation, detailed car listings, and easy contact options. From a developer’s standpoint, it leverages modern HTML5, CSS3, and JavaScript to deliver a responsive, interactive, and maintainable web application.

Elegant Design: Dark-themed UI with orange accents and high-resolution hero images.

Interactive Inventory: Filterable table (price, make, year) with hover effects and color-coded pricing.

Mobile-Friendly: Responsive layout, stacked menus, and scrollable tables on small screens.

Contact Form: Validated inquiry form with vehicle dropdown and auto-reset.

Dynamic Filters: Real-time car filtering using vanilla JavaScript (no page reload).

Smooth Navigation: "Back to Top" button with scroll detection and smooth scrolling.

Semantic HTML: Clean structure with <section> tags for SEO/accessibility.

CSS Best Practices: Flexbox, pseudo-elements, and media queries for adaptability.

JavaScript Logic: DOM manipulation for filters, price parsing, and event handling.

Performance: CDN-hosted icons and lightweight code for fast loading.

User Feedback: Alert confirmations for form submissions.

Scalable: Ready for backend integration or framework migration (e.g., React).