Logisko - 运输和物流 HTML5 模板 preview 1

Logisko - 运输和物流 HTML5 模板

bookmark

Logisko 是一款面向运输与物流行业的响应式多页面 HTML5 模板,基于 Bootstrap 5 构建,适合物流公司、货运代理或运输服务企业快速搭建官网。模板包含首页、服务介绍、团队、案例、定价等完整页面,并内置联系表单、订阅功能和报价系统。

HTML

项目简介

Logisko 是一款面向运输与物流行业的响应式多页面 HTML5 模板,基于 Bootstrap 5 构建,适合物流公司、货运代理或运输服务企业快速搭建官网。模板包含首页、服务介绍、团队、案例、定价等完整页面,并内置联系表单、订阅功能和报价系统。

技术栈

  • HTML5 + CSS3
  • Bootstrap v5.x
  • Font Awesome Pro
  • Vanilla JavaScript
  • PHP(联系表单、订阅功能、报价表单)

项目结构

text
logiskohtml-10/
└── Logisko Main Files/
    ├── Documentation/          # 模板文档
    └── logisko/
        ├── index.html          # 首页(默认)
        ├── index-2.html        # 首页(现代版)
        ├── about.html          # 关于我们
        ├── contact.html        # 联系我们
        ├── services-logistic.html
        ├── services-transportat...
        ├── projects.html       # 项目案例
        ├── team.html           # 团队成员
        ├── pricing-plans.html  # 定价方案
        ├── blog-*.html          # 博客页面
        ├── php/
        │   ├── contact.php     # 联系表单处理
        │   ├── mailchimp-sub... # 邮件订阅
        │   └── quote-form.php   # 报价表单
        └── assets/             # CSS/JS/图片

核心文件说明

  • index.html — 模板首页入口
  • php/contact.php — 联系表单后端处理逻辑
  • php/quote-form.php — 货运报价表单后端
  • php/mailchimp-subscribe.php — Mailchimp 邮件订阅接口
  • assets/css/main.css — 主样式文件
  • assets/js/ — JavaScript 交互脚本

快速开始

  1. 直接在浏览器中打开 logisko/index.html 即可预览效果
  2. 若需使用联系表单、报价或订阅功能,需将 php/ 目录部署至支持 PHP 的 Web 服务器
  3. 部署前请修改 php/*.php 中的收件邮箱地址($recipient

使用建议

  • 定制页面时优先修改 HTML 中的文字内容和图片路径;表单功能依赖 PHP 环境,请确保服务器已安装并启用 PHP。
help_outline

常见问题