Logiz - Shipping and Logistics HTML Template

# 项目简介 Logiz 是一款专为物流与运输企业设计的 HTML5 静态模板，采用 Bootstrap v5.3.3 构建，支持响应式布局。内置预约表单、服务展示、团队介绍、博客等功能页面，适合物流公司、货运代理或运输服务商快速搭建官网。 ## 技术栈 - Bootstrap v5.3.3 - HTML5 / CSS3 - jQuery - SCSS - Font Awesome 6 ## 项目结构 ``` 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` 一致