项目简介
Trucker 是一款面向物流与货运行业的 HTML 网站模板,提供首页、关于页、服务页、团队页、定价页、博客及联系页等完整页面,适合快速搭建物流公司或货运代理的展示型网站。模板基于 Bootstrap 5,采用响应式设计。
技术栈
- Bootstrap 5(核心框架)
- Font Awesome 6 Pro(图标)
- Google Fonts(DM Sans、Jost、Heebo)
- 静态 HTML/CSS/JS
项目结构
text
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底部添加自定义规则,避免直接修改原始文件 - 文档目录仅供查阅,无需部署
