Este README também está disponível em Português.

EBAC Motors is a fictitious vehicle sales website built to practice jQuery and its plugins, including slick-carousel for image sliders, menu hamburger functionality, input masking, and form validation.

The project demonstrates dynamic interaction with the page using jQuery, event handling for buttons and forms, and user-friendly design features for showcasing vehicles and promotions.

🔗 Vercel Hosting: View on Vercel

• Dynamic vehicle listing with "Featured" and "Promotions" sections.
• Interactive menu hamburger for responsive navigation.
• Image carousel using slick-carousel plugin.
• Form validation and phone input masking using jquery.validate and jquery.mask.
• Dynamic "Vehicle of Interest" insertion into the contact form when buttons are clicked.
• Responsive design and clean layout using HTML, CSS, and jQuery.

• HTML5
• CSS3
• JavaScript / jQuery
• jQuery Plugins:
  • jquery.mask
  • jquery.validate
  • messages_pt_BR
  • slick-carousel

1. Clone the repository.
2. Open index.html in a web browser.
3. Use the menu to navigate through sections and interact with vehicle listings.
4. Try submitting the contact form to see validation and dynamic field insertion in action.

The commit history reflects incremental development and step-by-step enhancements:

• Initial file setup and project structure.
• Uploaded icons and images for vehicles and layout.
• Added menu hamburger functionality and slick-carousel integration.
• Implemented form validation, phone masking, and error messages in Portuguese.
• Enhanced interactive features: buttons update contact form with selected vehicle and scroll to form section.
• Visual improvements: colors, spacing, section adjustments, and final personalization of vehicle listings.