Project Overview
Conexi is an online taxi booking service HTML template built with Bootstrap 4.x, featuring a fully responsive layout, order booking forms, driver showcase, vehicle display, and other modules. Ideal for quickly building a ride-hailing platform or taxi company website.
Tech Stack
- Bootstrap 4.x (responsive framework)
- jQuery (interaction logic)
- Font Awesome 4.x (icon library)
- Google Maps API (map service, gmaps.js)
- Poppins font
- Custom icon font (conexi-icon)
- PHP (contact form backend, supports
sendmail.phpetc.)
Project Structure
conexihtml-10/conexi-pack/
├── conexi-doc/ # Template documentation
│ ├── index.html
│ ├── css/ # Documentation styles
│ ├── fonts/
│ ├── images/
│ └── js/
└── conexi-html-files/ # Actual template pages
├── index.html # Homepage
├── index2.html # Homepage variant
├── about.html # About Us
├── blog.html # Blog list
├── blog-details.html # Blog details
├── book-ride.html # Book a ride
├── contact.html # Contact
├── driver.html # Driver showcase
├── taxi.html # Vehicle showcase
├── single-taxi.html # Vehicle details
├── css/ # Main styles (animate, responsive, style, etc.)
├── fonts/
├── images/
├── inc/ # PHP form processing (sendmail.php, etc.)
└── js/ # Interaction scripts (gmaps.js, bxslider, etc.)
Key File Descriptions
conexi-html-files/index.html— Homepage with top navigation, slideshow, booking form sectionconexi-html-files/css/style.css— Main stylesheet with 22 modular sections (header, slider, footer, book ride, etc.)conexi-html-files/js/gmaps.js— Google Maps integration scriptconexi-html-files/inc/sendmail.php— Contact form email sending backendconexi-doc/index.html— Official template documentation with HTML/CSS/JS structure explanationsconexi-html-files/css/responsive.css— Responsive breakpoint styles
Quick Start
Pure static template, no build required:
- Navigate to
conexihtml-10/conexi-pack/conexi-html-files/directory - Open
index.htmldirectly in a browser to preview the full homepage - For contact form functionality, configure a server with PHP and update the email address in the PHP files under the
inc/directory
Usage Suggestions
The template includes two homepage variants (index.html and index2.html) that can be used directly as a project foundation for customization. Note that Google Maps functionality requires replacing the API key with a valid one for the map to display correctly.
