Check out the live demo: GitHub Pages Demo
Axom is a modern, responsive car dealership website that allows users to browse car categories, view featured cars, and explore additional information about car dealership offers. The site provides a seamless user experience with smooth animations, a user-friendly interface, and a modern dark/light theme toggle. This project includes multiple sections with a variety of cars to explore and offers such as a newsletter subscription for discounts.
- Home Page: Displays the introduction and featured products with animations.
- Car Categories: Lists various categories of cars, such as Luxury, Outdoor, Family, and Electric cars.
- Featured Cars: Displays the top picks with prices for each car.
- Sign-Up Page: A page for users to sign up to access more features.
- Newsletter Subscription: Users can subscribe to receive a 15% discount on their next purchase.
- Dark/Light Mode Toggle: Allows users to switch between dark and light themes.
- Responsive Design: The website adjusts its layout for different screen sizes and devices.
- HTML5: For structuring the web pages.
- CSS3: For styling the web pages, including animations and transitions.
- JavaScript: For interactive functionality, such as theme switching and hamburger menu toggle.
- Boxicons: For icons in the navigation and other sections.
- Animate.css: For adding animations to various elements for a smoother user experience.
To set up and run this project locally, follow these steps:
-
Extract the ZIP file.
-
Navigate into the project directory:
cd <project-directory>
-
Open
index.html
in your browser to view the website.
├── Assets
│ └── Logo
│ └── Product
├── Css
│ └── style.css
├── Js
│ └── script.js
├── index.html
└── Sign-Up
└── Login-Register.html
Assets/
: Contains images and logos for the website.Css/
: Contains the main stylesheet for styling the website.Js/
: Contains the JavaScript file for interactive functionality.index.html
: The homepage of the website.Sign-Up/
: Contains the sign-up page.
If you'd like to contribute to this project, feel free to fork the repository and submit a pull request with any improvements or bug fixes. Make sure to follow the standard Git workflow and write clear commit messages.
This project is open-source and available under the MIT License.
- Boxicons for the icon library.
- Animate.css for the smooth animations.
- Swiper.js for carousel functionality.
Created by MDJAmin. Check out more projects on GitHub.