卡车司机 - 运输快递和物流 HTML 模板

# 项目简介 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` 底部添加自定义规则，避免直接修改原始文件 - 文档目录仅供查阅，无需部署