Logiz - 运输和物流 HTML 模板 preview 1

Logiz - 运输和物流 HTML 模板

bookmark

Logiz 是一款专为物流与运输企业设计的 HTML5 静态模板，采用 Bootstrap v5.3.3 构建，支持响应式布局。内置预约表单、服务展示、团队介绍、博客等功能页面，适合物流公司、货运代理或运输服务商快速搭建官网。

HTML

项目简介

Logiz 是一款专为物流与运输企业设计的 HTML5 静态模板，采用 Bootstrap v5.3.3 构建，支持响应式布局。内置预约表单、服务展示、团队介绍、博客等功能页面，适合物流公司、货运代理或运输服务商快速搭建官网。

技术栈

  • Bootstrap v5.3.3
  • HTML5 / CSS3
  • jQuery
  • SCSS
  • Font Awesome 6

项目结构

text
Template/logiz/
  index.html           # 首页
  index-2.html         # 首页变体
  index-3.html / index-4-dark.html  # 其他首页版本
  about.html           # 关于我们
  service-v1.html / service-v2.html / service-details.html  # 服务页面
  project-v1.html / project-v2.html / project-details.html  # 项目案例
  team.html / team-details.html      # 团队成员
  blog-v1.html / blog-v2.html / blog-details.html  # 博客
  contact.html         # 联系页面
  pricing.html         # 报价页面
  faq.html             # 常见问题
  tracking.html        # 物流追踪
  cart.html / checkout.html  # 购物车/结算
  appointments.html    # 预约页面
  404.html             # 404页面
  css/                 # 样式文件
  js/                  # JavaScript
  images/              # 图片资源
  scss/                # SCSS源文件
  vendor/              # 第三方插件
  inc/                 # 联系表单处理文件

核心文件说明

  • Template/logiz/index.html — 首页入口，包含顶部导航、轮播区和服务展示
  • Template/logiz/css/style.min.css — 主题主样式文件
  • Template/logiz/js/ — jQuery 交互脚本（预加载器、侧边栏、表单等）
  • Template/logiz/inc/ — 邮件发送等后端处理逻辑目录
  • Template/logiz/scss/ — SCSS 源文件，可自定义主题变量
  • Template/logiz/documentation/index.html — 官方文档（模板定制说明）

快速开始

  1. 解压下载的压缩包，进入 Template/logiz/ 文件夹
  2. 将整个 logiz 文件夹上传至服务器（或直接本地用浏览器打开 index.html）
  3. 如需本地预览，可使用任意 HTTP 服务器（如 python -m http.server）
  4. 联系表单需配置 inc/ 目录下的 PHP 文件以接收邮件

使用建议

  • 正式部署前请替换 images/ 中的占位图和 Logo
  • SCSS 文件位于 scss/ 目录，可通过修改变量文件自定义主题色后再编译
  • 页面间导航已集成滚动动画和锚点定位，编辑时注意保持链接 #id 与目标元素 id 一致
help_outline

常见问题