Constr - Construction & Building HTML Template

# 项目简介 Constr 是一款面向建筑与工程行业的静态 HTML 网站模板，采用响应式设计，支持首页、服务详情、案例展示、团队、博客、FAQ、定价页等多个业务场景。模板内置 GSAP 动画、Swiper 轮播、AOS 滚动动画等交互效果，适合快速搭建建筑公司或施工企业的形象官网。 ## 技术栈 - HTML5 + CSS3（原生编写，支持 Sass 源码） - Bootstrap 5（网格与基础组件） - GSAP（高级动画引擎） - Swiper（轮播滑动） - AOS（滚动淡入动画） - LightGallery（图片画廊） - Google Fonts（Heebo / Questrial） ## 项目结构 ``` 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/` — 模板内置图片资源，含占位图和背景图 ## 快速开始 1. 将 `Constr - Constuction & Building HTML Template` 文件夹内容上传至服务器或本地 Web 服务器目录； 2. 在浏览器打开 `index.html` 即可预览完整效果； 3. 如需 Sass 自定义修改，推荐使用 VS Code + Sass 插件或命令行 `sass` 工具重新编译。 ## 使用建议 模板内置了 `data-src` 懒加载图片机制和 GSAP 动画，首次部署时注意确认图片路径已替换为真实素材，避免占位图占用带宽。业务内容（联系方式、案例数据等）可直接在对应 HTML 文件中编辑替换。