项目简介link

Allianz 是一款基于 Bootstrap 框架构建的现代咨询与金融行业 HTML5 模板，提供首页、公司介绍、案例研究、博客及电商等多个模块，适合咨询公司、金融机构或专业服务类网站快速搭建。

技术栈link

• Bootstrap 5（核心框架，响应式布局）
• 原生 JavaScript（jQuery 辅助，功能涵盖预加载、移动端菜单、滚动交互、表单验证等）
• CSS 自定义属性（支持主题色、字体等全局配置）

项目结构link

├── 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/             # 图片资源

核心文件说明link

• 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 — 联系表单页面，可对接后端实现咨询预约功能

快速开始link

本项目为纯静态模板，无需安装依赖：

1. 下载并解压项目包
2. 直接用浏览器打开 allianz/index.html 即可预览完整效果
3. 若使用本地服务器（如 Live Server），建议在 allianz 目录启动以确保资源路径正确

使用建议link

模板提供了 6 种首页变体和 25+ 个页面，建议根据实际业务场景选择对应首页变体，然后参考 Documentation 目录修改品牌色、Logo 及字体；所有页面均支持响应式，移动端菜单和图片无需额外适配。