项目简介
Constr 是一款面向建筑与工程行业的静态 HTML 网站模板，采用响应式设计，支持首页、服务详情、案例展示、团队、博客、FAQ、定价页等多个业务场景。模板内置 GSAP 动画、Swiper 轮播、AOS 滚动动画等交互效果，适合快速搭建建筑公司或施工企业的形象官网。
技术栈
- HTML5 + CSS3（原生编写，支持 Sass 源码）
- Bootstrap 5（网格与基础组件）
- GSAP（高级动画引擎）
- Swiper（轮播滑动）
- AOS（滚动淡入动画）
- LightGallery（图片画廊）
- Google Fonts（Heebo / Questrial）
项目结构
text
constrhtml-10/Const - Constuction & Building HTML Template/
├── index.html # 首页
├── about.html # 关于我们
├── service.html # 服务列表
├── service-details.html # 服务详情
├── projects.html # 项目案例
├── project-details.html # 项目详情
├── team.html # 团队成员
├── team-details.html # 成员详情
├── blog.html # 博客列表
├── blog-standard.html # 博客标准视图
├── blog-details.html # 博客文章页
├── contact.html # 联系我们
├── pricing.html # 定价页
├── faq.html # 常见问题
├── gallery.html # 图片画廊
├── 404.html # 错误页
├── coming.html # 即将上线
└── assets/
├── css/style.css # 编译后主样式
├── sass/ # Sass 源码（如需定制）
├── fonts/flaticon.css # 图标字体
└── js/main.js # 全部交互逻辑
核心文件说明
index.html— 首页入口，含 Banner、案例展示、服务介绍等完整区块assets/css/style.css— 主样式表，涵盖排版、颜色、组件及响应式断点assets/sass/style.css— Sass 源码目录，可通过 Sass 编译器重新构建样式assets/js/main.js— 交互脚本，含预加载动画、移动端菜单、Swiper 初始化、GSAP 配置等 20+ 功能模块assets/fonts/— Flaticon 图标字体文件目录assets/img/— 模板内置图片资源，含占位图和背景图
快速开始
- 将
Constr - Constuction & Building HTML Template文件夹内容上传至服务器或本地 Web 服务器目录； - 在浏览器打开
index.html即可预览完整效果； - 如需 Sass 自定义修改，推荐使用 VS Code + Sass 插件或命令行
sass工具重新编译。
使用建议
模板内置了 data-src 懒加载图片机制和 GSAP 动画，首次部署时注意确认图片路径已替换为真实素材，避免占位图占用带宽。业务内容（联系方式、案例数据等）可直接在对应 HTML 文件中编辑替换。
