Project Overviewlink

EVdriveX is a set of electric vehicle charging station HTML templates built with Bootstrap 5, suitable for new energy charging services, EV suppliers, or related businesses to showcase their operations. The template includes multiple pages such as homepage variants, service details, team, blog, shop, project showcase, and more — ready to use out of the box.

Tech Stacklink

• Bootstrap 5.3.3 (responsive framework)
• HTML5 + CSS3
• jQuery 3.7+
• Slick Slider (carousel component)
• Light Gallery (image gallery)
• FontAwesome (icons)
• Google Fonts (Poppins font)

Project Structurelink

mainfile/
├── index.html              # Homepage
├── index-2.html            # Homepage variant
├── about.html              # About Us
├── service-list.html       # Service List
├── service-detail.html     # Service Detail
├── team.html               # Team
├── team-detail.html        # Team Member Detail
├── blog-list.html          # Blog List
├── blog-detail.html        # Blog Detail
├── product-list.html       # Product List (Shop)
├── product-detail.html     # Product Detail
├── cart.html               # Shopping Cart
├── checkout.html           # Checkout
├── project-list.html       # Project List
├── project-detail.html     # Project Detail
├── contact.html            # Contact Us
├── testimonial.html        # Testimonials
├── css/
│   ├── styles.css          # Main stylesheet
│   ├── plugin.css          # Plugin styles
│   ├── bootstrap.min.css   # Bootstrap CSS
│   └── default.css         # Default styles
├── js/
│   ├── main.js             # Core interaction logic
│   └── custom-lightbox.js  # Image lightbox
└── icons/                  # FontAwesome icon files

Key File Descriptionslink

• index.html — Homepage entry point, includes carousel banner, counter animation, partner showcase
• css/styles.css — Main stylesheet defining overall visual style
• js/main.js — Navigation menu, carousel initialization, number counter animation, and other interactive logic
• contact.html — Includes a functional contact form page
• product-list.html — Shop product display page with filtering functionality
• js/custom-lightbox.js — Image gallery lightbox effect configuration

Quick Startlink

No dependencies to install. Simply open mainfile/index.html in your browser to preview all pages. For local development, it's recommended to use VS Code with the Live Server extension, opening the project root directory.

Usage Suggestionslink

Page content consists of static placeholders — replace with real data for production use. The contact form is functional by default; ensure server-side email sending capability is configured before deployment.