Project Overviewlink

Fibank is a set of HTML5 website templates for the banking and financial industry, featuring a modern responsive design suitable for mobile banking, business consulting, loans, credit cards, insurance, brokerage, and forex trading websites. The template includes multiple pages such as homepage, services, blog, shop, and team.

Tech Stacklink

• Bootstrap 5 (CSS framework)
• jQuery (DOM manipulation and interactions)
• Slick.js (carousel component)
• AOS (scroll animations)
• Magnific Popup (modal windows)
• Google Fonts (Radio Canada Big + Satoshi fonts)
• Static HTML/CSS/JS

Project Structurelink

fibankhtml-10/
├── documentation/          # Template usage documentation
│   ├── index.html
│   └── assets/
├── fibank/                  # Main template
│   ├── index.html           # Homepage
│   ├── about.html           # About Us
│   ├── services.html        # Services page
│   ├── blog-*.html          # Blog-related pages
│   ├── shop*.html           # Shop pages
│   ├── contact.html         # Contact Us
│   ├── team.html            # Team page
│   └── assets/
│       ├── css/             # Stylesheets
│       ├── js/              # Script files
│       ├── fonts/           # Font files
│       └── img/             # Image assets
└── __MACOSX/                # macOS metadata (can be ignored)

Key Files Descriptionlink

• fibank/index.html — Main entry point of the website, includes preloader animation and fullscreen search
• fibank/assets/css/main.css — Primary stylesheet defining theme colors, layouts, and component styles
• fibank/assets/js/main.js — Core interaction logic including carousel, menu toggle, sidebar, etc.
• fibank/assets/css/bootstrap.min.css — Bootstrap framework styles
• documentation/index.html — Official usage documentation with installation instructions and customization guide
• fibank/assets/css/satoshi.css — Satoshi font style definitions

Quick Startlink

1. After downloading, open fibank/index.html directly in your browser to preview
2. For local server operation, use any static server tool
3. During development, it's recommended to use hot-reload tools like Live Server

Usage Suggestionslink

All template pages are static HTML, allowing direct modification of content text and image assets for customization. CSS is organized modularly, with theme colors defined as global variables at the beginning of main.css. Modify color values such as #913BFF to quickly change the brand color scheme.