Logistika - Transport and Logistics HTML Template

Logistika - Transport and Logistics HTML Template

# 项目简介 Logistika 是一套交通运输与物流行业的企业展示网站 HTML 模板,基于 Bootstrap 5 构建,提供首页、服务介绍、博客、商城、追踪页等完整页面,适合物流公司、货运代理或跨境运输企业快速搭建官网。 ## 技术栈 - Bootstrap 5.0.1 - SASS(样式源文件) - Vanilla JavaScript(jQuery 及自定义脚本) - Font Awesome / Flaticon 图标库 - Owl Carousel、Swiper 等轮播组件 ## 项目结构 ``` downloadable/ ├── documentation/ # 模板使用文档 │ ├── css/ │ ├── fonts/ │ ├── images/ │ ├── js/ │ └── index.html └── logistika/ # 完整网站模板 ├── assets/ │ ├── css/ │ ├── fonts/ │ ├── images/ │ ├── js/ │ └── sass/ ├── index.html # 首页入口 ├── about.html ├── contact.html ├── services.html ├── tracking.html └── ... ``` ## 核心文件说明 - `logistika/index.html` — 首页,顶部导航 + 预加载动画 + 轮播 Banner - `logistika/assets/sass/style.scss` — SASS 源文件,定义全局样式变量与布局 - `logistika/assets/css/` — 编译后的 CSS,含 Bootstrap 覆盖与主题样式 - `logistika/assets/js/script.js` — 页面交互逻辑(导航、滚动、动画等) - `documentation/index.html` — 模板配置说明文档 ## 快速开始 1. 将 `downloadable/logistika/` 目录部署到 Web 服务器(或直接用 VS Code Live Server 预览) 2. 在浏览器打开 `index.html` 即可看到完整效果 ## 使用建议 - 若需自定义配色或样式,优先修改 `assets/sass/` 中的 SCSS 文件再编译;如只需简单调整,直接覆盖 `assets/css/` 中的对应规则即可 - 所有页面路径均为相对路径,确保整体目录结构不被破坏后再上线
help_outline

FAQ

Comments0
PublishedJan 20, 2026

Tech Stack

HTML