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

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

bookmark

Trucker 是一款面向物流与货运行业的 HTML 网站模板,提供首页、关于页、服务页、团队页、定价页、博客及联系页等完整页面,适合快速搭建物流公司或货运代理的展示型网站。模板基于 Bootstrap 5,采用响应式设计。

HTML

项目简介

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

常见问题