login
loginSign InLogin to interact with items
Login to like, comment, favorite, and download items
Truck Driver - Transport Courier and Logistics HTML Template
# 项目简介
Trucker 是一款面向物流与货运行业的 HTML 网站模板,提供首页、关于页、服务页、团队页、定价页、博客及联系页等完整页面,适合快速搭建物流公司或货运代理的展示型网站。模板基于 Bootstrap 5,采用响应式设计。
## 技术栈
- Bootstrap 5(核心框架)
- Font Awesome 6 Pro(图标)
- Google Fonts(DM Sans、Jost、Heebo)
- 静态 HTML/CSS/JS
## 项目结构
```
truckerhtml-10/
├── Documentation/ # 模板使用文档
│ ├── index.html
│ ├── css/ # 文档样式(Bootstrap + 自定义)
│ └── js/ # 文档脚本(jQuery 插件)
└── Trucker/ # 模板主目录
├── index.html # 首页(主版)
├── index-two.html # 首页(备选版)
├── about.html # 关于我们
├── service.html # 服务列表
├── service-details.html
├── team.html / team-details.html
├── pricing.html
├── blog-standard.html / blog-details.html
├── contact.html / faq.html / 404.html
└── assets/
└── css/
├── style.css # 主样式表(含 trucker__ 前缀工具类)
├── bootstrap.min.css
├── font-awesome-pro.css
├── swiper.css / nice-select.css
└── animate.css / magnific-popup.css
```
## 核心文件说明
- `Trucker/index.html` — 首页模板,包含顶部栏、导航、主视觉区
- `Trucker/assets/css/style.css` — 主样式表,通过 `.trucker__` 前缀工具类实现间距、字体等复用样式
- `Trucker/assets/css/bootstrap.min.css` — Bootstrap 5 核心样式
- `Trucker/assets/css/font-awesome-pro.css` — Font Awesome 6 Pro 图标字体
- `Documentation/index.html` — 模板官方文档,含 HTML 结构、网格系统、样式说明
## 快速开始
直接在浏览器打开 `Trucker/index.html` 即可预览。如需本地开发,建议使用任意静态服务器:
```bash
npx serve Trucker
```
## 使用建议
- 替换 Logo、联系方式和图片等占位内容后方可投入使用
- 样式修改优先在 `style.css` 底部添加自定义规则,避免直接修改原始文件
- 文档目录仅供查阅,无需部署
help_outline
FAQ
Comments0
PublishedJan 20, 2026
Tech Stack
HTML