Lotech – Technology and IT Solutions HTML Website

# 项目简介 Lotech 是一款面向科技与 IT 解决方案公司的静态 HTML 模板，基于 Bootstrap 5 构建，提供首页、博客、案例研究、购物车等多种页面变体，附带文档说明与自定义图标字体，适合快速搭建企业官网或作品集站点。 ## 技术栈 - 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 ## 项目结构 ``` 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 ``` ## 核心文件说明 - `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` — 文档页侧边栏与内容区样式 ## 快速开始 直接用浏览器打开 `lotech-html-main/index.html` 即可预览；也可在项目根目录启动本地服务器： ```bash cd lotechhtml-10/lotech-html-package/lotech-html-main python -m http.server 8080 # 访问 http://localhost:8080 ``` ## 使用建议 模板已包含博客、案例研究、购物车等数十个页面变体，直接复制 `lotech-html-main/` 目录即可开始定制；如需替换图标，推荐使用 IcoMoon 工具重新导入 `lotech-icons/selection.json` 进行增删。