Skip to content

A responsive electric car website built with HTML, CSS, and JavaScript, showcasing electric car models with interactive features like car filters, image sliders, and animations. Libraries used include Swiper for smooth carousels and Mixitup for filtering conte

License

Notifications You must be signed in to change notification settings

Luk30lende/Electric-Car-Website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Electric Car Website

This is a website built to showcase a range of electric cars, designed to be visually appealing and interactive. The website features smooth animations, interactive sliders, and a clean, modern layout.

Screenshots

Here are some screenshots of the electric car website:

Homepage

Features

  • Responsive Design: The website adapts seamlessly to different screen sizes, ensuring a great experience on both desktop and mobile devices.
  • Interactive Sliders: Showcases different electric car models with an engaging carousel feature using the Swiper.js library.
  • Dynamic Filtering: Users can filter electric cars based on categories like model, price, and features using the MixItUp library.
  • Icons & Visuals: The website includes modern and high-quality icons using the Remix Icons library.

Technologies Used

  • HTML: The structure and content of the website are built using HTML5.
  • CSS: Styling of the website is done with custom CSS for a clean, modern look and feel.
  • JavaScript: Provides interactivity on the website, including animations, sliders, and dynamic content filtering.
  • Libraries:
    • Remix Icons: Used for scalable vector icons.
    • Swiper.js: Used for creating interactive car image sliders.
    • MixItUp: Used for filtering electric cars based on user preferences.

Installation

  1. Clone the repository to your local machine:
    git clone https://github.com/Luk30lende/Electric-Car-Website.git
  2. Navigate into the project directory:
    cd electric-car-website
  3. Open the index.html file in your web browser to view the website.

Contributing

Feel free to fork this project and submit pull requests for improvements. If you'd like to contribute, follow these steps:

  1. Fork the repository.
  2. Create a new branch:
    git checkout -b feature-branch
  3. Commit your changes:
    git commit -m 'Add new feature'
  4. Push to the branch:
    git push origin feature-branch
  5. Open a pull request

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgements

About

A responsive electric car website built with HTML, CSS, and JavaScript, showcasing electric car models with interactive features like car filters, image sliders, and animations. Libraries used include Swiper for smooth carousels and Mixitup for filtering conte

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published