Allianz - 现代咨询和财务 HTML5 模板

# 项目简介 Allianz 是一款基于 Bootstrap 框架构建的现代咨询与金融行业 HTML5 模板，提供首页、公司介绍、案例研究、博客及电商等多个模块，适合咨询公司、金融机构或专业服务类网站快速搭建。 ## 技术栈 - Bootstrap 5（核心框架，响应式布局） - 原生 JavaScript（jQuery 辅助，功能涵盖预加载、移动端菜单、滚动交互、表单验证等） - CSS 自定义属性（支持主题色、字体等全局配置） ## 项目结构 ``` ├── Documentation/ # 模板使用文档 │ ├── Documentation/ │ │ ├── index.html │ │ └── assets/ │ │ ├── css/ │ │ └── js/ │ └── cutom-Font-icons/ # 图标字体素材包 └── allianz/ # 主模板目录 ├── index.html # 首页入口 ├── home-*.html # 6 种首页变体 ├── about-us.html # 公司介绍 ├── blog*.html # 博客列表与详情 ├── case-study-*.html # 案例研究（网格/标准/现代等） ├── services*.html # 服务详情与列表 ├── shop*.html # 电商页面 ├── team.html # 团队介绍 └── assets/ ├── css/style.css # 主样式文件 ├── js/main.js # 主交互脚本 ├── fonts/ # 图标字体 └── images/ # 图片资源 ``` ## 核心文件说明 - `allianz/index.html` — 模板主入口，包含完整导航与首页布局结构 - `allianz/assets/css/style.css` — 全局样式，涵盖 40+ 组件模块，含 CSS 变量实现主题配置 - `allianz/assets/js/main.js` — 核心交互逻辑（滚动导航、进度条动画、弹窗、轮播等 18 项功能） - `Documentation/Documentation/index.html` — 官方文档，含模板结构、字体/颜色/图标更换说明 - `allianz/home-*.html` — 首页变体（Modern / Classic / Consulting / Advisory / Consultant），按需替换展示风格 - `allianz/contact-us.html` — 联系表单页面，可对接后端实现咨询预约功能 ## 快速开始 本项目为纯静态模板，无需安装依赖： 1. 下载并解压项目包 2. 直接用浏览器打开 `allianz/index.html` 即可预览完整效果 3. 若使用本地服务器（如 Live Server），建议在 `allianz` 目录启动以确保资源路径正确 ## 使用建议 模板提供了 6 种首页变体和 25+ 个页面，建议根据实际业务场景选择对应首页变体，然后参考 `Documentation` 目录修改品牌色、Logo 及字体；所有页面均支持响应式，移动端菜单和图片无需额外适配。