Volport - 物流和运输业务 HTML5 模板

# 项目简介 VolPort 是一款面向物流与运输企业的静态 HTML 模板，包含 3 个首页风格，涵盖服务展示、团队、案例、新闻等完整页面。使用时直接通过浏览器打开 index.html 或部署至任意静态服务器即可。 ## 技术栈 - HTML5 / CSS3（静态页面） - Bootstrap v5 - jQuery（负责轮播、菜单、动画等交互） - OwlCarousel / Slick（轮播组件） - Font Awesome（图标字体） ## 项目结构 ``` volporthtml-10/ ├── volport/ │ ├── index.html # 首页 1 │ ├── index-02.html # 首页 2 │ ├── index-03.html # 首页 3 │ ├── about.html # 关于我们 │ ├── contact.html # 联系页面 │ ├── services.html # 服务列表 │ ├── service-details.html │ ├── team.html # 团队 │ ├── team-details.html │ ├── projects.html # 项目案例 │ ├── project-details.html │ ├── news.html # 新闻列表 │ ├── news-details.html │ ├── faq.html # 常见问题 │ └── assets/ │ ├── mail.php # 邮件处理 │ ├── css/ # 样式文件 │ └── js/ # 脚本文件 └── documentation/ # 官方文档 ``` ## 核心文件说明 - `volport/index.html` — 主首页入口，含完整导航与各区块 - `volport/assets/js/main.js` — 所有交互逻辑（轮播、菜单、动画） - `volport/assets/css/main.css` — 核心样式（含响应式布局） - `volport/assets/mail.php` — 联系表单后端处理 - `volport/about.html` — 演示"关于我们"完整布局 - `volport/contact.html` — 联系人表单页面 ## 快速开始 纯静态项目，无需构建： 1. **本地预览**：直接用浏览器打开 `volport/index.html`（推荐使用 Live Server 等本地服务器以确保 AJAX 等功能正常） 2. **部署上线**：将 `volport` 文件夹内容上传至服务器根目录即可 ## 使用建议 - 联系表单依赖 `mail.php`，部署时需确保服务器支持 PHP；如使用静态托管，可改为第三方表单服务（如 Formspree） - 模板提供 3 种首页布局，可根据实际业务选择或合并修改