
Conexi - 在线出租车预订服务 HTML 模板
# 项目简介
Conexi 是一款在线出租车预约服务 HTML 模板,采用 Bootstrap 4.x 构建,包含完整的响应式布局、订单预约表单、司机展示、车辆展示等模块。适合快速搭建网约车平台或出租车公司官网。
## 技术栈
- Bootstrap 4.x(响应式框架)
- jQuery(交互逻辑)
- Font Awesome 4.x(图标库)
- Google Maps API(地图服务,gmaps.js)
- Poppins 字体
- 自定义 icon 字体(conexi-icon)
- PHP(联系表单后端,支持 `sendmail.php` 等)
## 项目结构
```
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 等)
```
## 核心文件说明
- `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` — 响应式断点样式
## 快速开始
纯静态模板,无需构建:
1. 进入 `conexihtml-10/conexi-pack/conexi-html-files/` 目录
2. 用浏览器直接打开 `index.html` 预览完整首页
3. 联系表单功能需配置服务器 PHP 环境后修改 `inc/` 目录下的 PHP 文件中的邮箱地址
## 使用建议
模板预设了两个首页变体(`index.html` 和 `index2.html`),可直接作为项目基础进行定制开发。注意 Google Maps 功能需替换为有效的 API Key方可正常显示地图。
help_outline
常见问题
评论0
发布时间Jan 20, 2026
技术栈
HTML