Skip to content
/ Axom Public

A modern, responsive car dealership website that I design the UI and the website by myself! with dark/light mode, animated car listings, and a sign-up system. Built with HTML, CSS, and JavaScript, Axom offers a sleek UI, car category filtering, and newsletter discounts perfect for car business templates or front-end practice.

License

Notifications You must be signed in to change notification settings

MDJAmin/Axom

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

67 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Demo

Check out the live demo: GitHub Pages Demo

Axom Car Dealership Website

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.

Features

  • 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.

Technologies Used

  • 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.

Installation

To set up and run this project locally, follow these steps:

  1. Extract the ZIP file.

  2. Navigate into the project directory:

    cd <project-directory>
  3. Open index.html in your browser to view the website.

File Structure

├── 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.

Contributing

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.

License

This project is open-source and available under the MIT License.

Acknowledgements

Author

Created by MDJAmin. Check out more projects on GitHub.

About

A modern, responsive car dealership website that I design the UI and the website by myself! with dark/light mode, animated car listings, and a sign-up system. Built with HTML, CSS, and JavaScript, Axom offers a sleek UI, car category filtering, and newsletter discounts perfect for car business templates or front-end practice.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published