Welcome to Autopia - your ultimate car dealership website! This project aims to provide a sleek and intuitive interface for users to browse and filter cars based on various criteria. Built with modern web technologies, Autopia ensures a smooth and visually appealing user experience.
- Preloader Animation: A stylish loading screen to enhance user experience.
- Responsive Navbar: A clean and interactive navigation bar.
- Filter Menu: Advanced filtering options for cars including brand, model, type, mileage, price, year, transmission, fuel type, and horsepower.
- Animated Elements: Smooth animations using Animate.css for a dynamic interface.
- Floating Button: A floating action button to quickly navigate to the top of the page.
- Pagination: Easy navigation through pages of car listings.
Check out the live demo of Autopia here.
-
Clone the repository:
git clone https://github.com/zsoltikaa/autopia.git
-
Navigate to the project directory:
cd autopia -
Open
index.htmlin your browser to view the website.
- Filter Cars: Use the filter menu to narrow down your search based on various criteria.
- Sort by Price: Sort the car listings by price using the 'Sort by price' button.
- Reset Filters: Clear all applied filters with the 'Reset filters' button.
- Navigate Pages: Use the pagination at the bottom to browse through different pages of car listings.
- HTML5: For the structure and layout.
- CSS3: For styling and animations.
- Bootstrap 5: For responsive design and components.
- JavaScript: For interactivity and dynamic content.
- Animate.css: For smooth and appealing animations.
Contributions are welcome! Please follow these steps:
- Fork the repository.
- Create a new branch (
git checkout -b feature/your-feature). - Commit your changes (
git commit -m 'Add your feature'). - Push to the branch (
git push origin feature/your-feature). - Open a Pull Request.
If you have any questions, feel free to contact us:
- GitHub: zsoltikaa
- GitHub: immortalized
Thank you for visiting Autopia! We hope you enjoy using our website.