Fibank - Banking and Finance HTML5 Template

# 项目简介 Fibank 是一套银行与金融行业 HTML5 网站模板，采用现代响应式设计，适合用于移动银行、商务咨询、贷款、信用卡、保险、经纪业务及外汇交易等金融相关网站。模板包含首页、服务、博客、商店、团队等多个页面。 ## 技术栈 - Bootstrap 5（CSS 框架） - jQuery（DOM 操作与交互） - Slick.js（轮播组件） - AOS（滚动动画） - Magnific Popup（弹窗） - Google Fonts（Radio Canada Big + Satoshi 字体） - 静态 HTML/CSS/JS ## 项目结构 ``` 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 元数据（可忽略） ``` ## 核心文件说明 - `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 字体样式定义 ## 快速开始 1. 下载后直接打开 `fibank/index.html` 即可在浏览器中预览 2. 如需本地服务器运行，可使用任意静态服务器工具 3. 开发时建议使用 Live Server 等热重载工具 ## 使用建议 模板所有页面均为静态 HTML，可直接修改内容文字和图片资源进行定制。CSS 采用模块化组织，主题色在 `main.css` 开头定义全局变量，修改 `#913BFF` 等颜色值即可快速更换品牌色调。