项目简介link

Conexi 是一款在线出租车预约服务 HTML 模板，采用 Bootstrap 4.x 构建，包含完整的响应式布局、订单预约表单、司机展示、车辆展示等模块。适合快速搭建网约车平台或出租车公司官网。

技术栈link

• Bootstrap 4.x（响应式框架）
• jQuery（交互逻辑）
• Font Awesome 4.x（图标库）
• Google Maps API（地图服务，gmaps.js）
• Poppins 字体
• 自定义 icon 字体（conexi-icon）
• PHP（联系表单后端，支持 sendmail.php 等）

项目结构link

conexihtml-10/conexi-pack/
├── conexi-doc/              # 模板文档
│   ├── index.html
│   ├── css/                 # 文档样式
│   ├── fonts/
│   ├── images/
│   └── js/
└── conexi-html-files/       # 实际模板页面
    ├── index.html           # 首页
    ├── index2.html          # 首页变体
    ├── about.html           # 关于我们
    ├── blog.html            # 博客列表
    ├── blog-details.html    # 博客详情
    ├── book-ride.html       # 预约叫车
    ├── contact.html         # 联系方式
    ├── driver.html          # 司机展示
    ├── taxi.html            # 车辆展示
    ├── single-taxi.html     # 车辆详情
    ├── css/                 # 主样式（animate、responsive、style 等）
    ├── fonts/
    ├── images/
    ├── inc/                 # PHP 表单处理（sendmail.php 等）
    └── js/                  # 交互脚本（gmaps.js、bxslider 等）

核心文件说明link

• conexi-html-files/index.html — 首页，包含顶部导航、幻灯片、预约表单区块
• conexi-html-files/css/style.css — 主样式表，含 22 个模块化区块（header、slider、footer、book ride 等）
• conexi-html-files/js/gmaps.js — Google Maps 地图集成脚本
• conexi-html-files/inc/sendmail.php — 联系表单邮件发送后端
• conexi-doc/index.html — 模板官方文档，含 HTML/CSS/JS 结构说明
• conexi-html-files/css/responsive.css — 响应式断点样式

快速开始link

纯静态模板，无需构建：

1. 进入 conexihtml-10/conexi-pack/conexi-html-files/ 目录
2. 用浏览器直接打开 index.html 预览完整首页
3. 联系表单功能需配置服务器 PHP 环境后修改 inc/ 目录下的 PHP 文件中的邮箱地址

使用建议link

模板预设了两个首页变体（index.html 和 index2.html），可直接作为项目基础进行定制开发。注意 Google Maps 功能需替换为有效的 API Key方可正常显示地图。