项目简介link

Lotech 是一款面向科技与 IT 解决方案公司的静态 HTML 模板，基于 Bootstrap 5 构建，提供首页、博客、案例研究、购物车等多种页面变体，附带文档说明与自定义图标字体，适合快速搭建企业官网或作品集站点。

技术栈link

• HTML5 + CSS3
• Bootstrap 5.x（响应式框架）
• jQuery
• 自定义 Flaticon 图标字体
• Google Fonts（DM Sans、Yantramanav）
• 动画库：AOS、jarallax、animate.css
• 轮播组件：Owl Carousel、tiny-slider、slick
• 其他：magnific-popup、nouislider、jarallax

项目结构link

lotechhtml-10/lotech-html-package/
├── lotech-html-main/          # 主模板目录
│   ├── index.html              # 首页入口
│   └── assets/
│       ├── css/lotech.css      # 主样式表
│       └── vendors/            # 第三方库
│           ├── bootstrap/
│           ├── lotech-icons/   # 自定义图标字体
│           ├── owl-carousel/
│           └── ...
├── lotech-html-documentations/
│   ├── index.html              # 模板文档页
│   └── css/style.css           # 文档样式
└── lotech-icons/               # 独立图标字体包
    ├── style.css
    └── demo.html

核心文件说明link

• lotech-html-main/index.html — 首页模板，聚合导航、轮播、页脚等所有区块
• lotech-html-main/assets/css/lotech.css — 主样式表，整合全部自定义样式
• lotech-html-main/assets/vendors/lotech-icons/style.css — Flaticon 自定义图标字体的字形定义
• lotech-html-documentations/index.html — 官方文档页，含 HTML 结构、CSS 说明、第三方配置指引
• lotech-html-documentations/css/style.css — 文档页侧边栏与内容区样式

快速开始link

直接用浏览器打开 lotech-html-main/index.html 即可预览；也可在项目根目录启动本地服务器：

cd lotechhtml-10/lotech-html-package/lotech-html-main
python -m http.server 8080
# 访问 http://localhost:8080

使用建议link

模板已包含博客、案例研究、购物车等数十个页面变体，直接复制 lotech-html-main/ 目录即可开始定制；如需替换图标，推荐使用 IcoMoon 工具重新导入 lotech-icons/selection.json 进行增删。