项目简介link

Fibank 是一套银行与金融行业 HTML5 网站模板，采用现代响应式设计，适合用于移动银行、商务咨询、贷款、信用卡、保险、经纪业务及外汇交易等金融相关网站。模板包含首页、服务、博客、商店、团队等多个页面。

技术栈link

• Bootstrap 5（CSS 框架）
• jQuery（DOM 操作与交互）
• Slick.js（轮播组件）
• AOS（滚动动画）
• Magnific Popup（弹窗）
• Google Fonts（Radio Canada Big + Satoshi 字体）
• 静态 HTML/CSS/JS

项目结构link

fibankhtml-10/
├── documentation/          # 模板使用文档
│   ├── index.html
│   └── assets/
├── fibank/                  # 模板主体
│   ├── index.html           # 首页
│   ├── about.html           # 关于我们
│   ├── services.html        # 服务页面
│   ├── blog-*.html          # 博客相关页面
│   ├── shop*.html           # 商城页面
│   ├── contact.html         # 联系我们
│   ├── team.html            # 团队页面
│   └── assets/
│       ├── css/             # 样式文件
│       ├── js/              # 脚本文件
│       ├── fonts/           # 字体文件
│       └── img/             # 图片资源
└── __MACOSX/                # macOS 元数据（可忽略）

核心文件说明link

• fibank/index.html — 网站首页入口，包含预加载动画和全屏搜索
• fibank/assets/css/main.css — 主要样式表，定义主题色、布局和组件样式
• fibank/assets/js/main.js — 核心交互逻辑，包含轮播、菜单切换、侧边栏等
• fibank/assets/css/bootstrap.min.css — Bootstrap 框架样式
• documentation/index.html — 官方使用文档，包含安装说明和自定义指南
• fibank/assets/css/satoshi.css — Satoshi 字体样式定义

快速开始link

1. 下载后直接打开 fibank/index.html 即可在浏览器中预览
2. 如需本地服务器运行，可使用任意静态服务器工具
3. 开发时建议使用 Live Server 等热重载工具

使用建议link

模板所有页面均为静态 HTML，可直接修改内容文字和图片资源进行定制。CSS 采用模块化组织，主题色在 main.css 开头定义全局变量，修改 #913BFF 等颜色值即可快速更换品牌色调。