Fintesa - 应用程序登陆页面 HTML 模板 preview 1

Fintesa - 应用程序登陆页面 HTML 模板

bookmark

Fintesa 是一款基于 Bootstrap 5.3.2 构建的响应式着陆页模板，专为 App 展示、创业公司介绍及金融类产品设计。提供 10 种首页变体和 3 种认证页面布局，采用 Nunito 字体，支持 Swiper 轮播、粒子动画等交互效果，可直接通过浏览器打开使用。

HTML

项目简介

Fintesa 是一款基于 Bootstrap 5.3.2 构建的响应式着陆页模板，专为 App 展示、创业公司介绍及金融类产品设计。提供 10 种首页变体和 3 种认证页面布局，采用 Nunito 字体，支持 Swiper 轮播、粒子动画等交互效果，可直接通过浏览器打开使用。

技术栈

  • Bootstrap 5.3.2（响应式布局框架）
  • HTML5 + CSS3（静态页面）
  • Swiper Slider（轮播组件）
  • RemixIcon（图标库）
  • particles.js（粒子动画）
  • Google Fonts - Nunito（字体）

项目结构

text
fintesahtml-10/
├── Documentation/
│   └── index.html          # 在线文档入口
├── HTML/
│   ├── index.html          # 主首页（index-2~5 为变体）
│   ├── css/
│   │   ├── bootstrap.min.css
│   │   ├── style.css / style.min.css
│   │   └── remixicon.css / swiper-bundle.min.css
│   ├── font/
│   │   └── remixicon.*     # 图标字体文件
│   ├── images/             # 各类 SVG/PNG 图片资源
│   └── js/
│       ├── app.js          # 轮播/导航逻辑
│       └── main.js         # particles.js 粒子配置
└── HTML/css/styles.css     # 文档站样式（位于 Documentation）

核心文件说明

  • HTML/index.html — 主首页入口文件，包含 Hero / About / Features / Download 等完整区块
  • HTML/css/style.css — 主样式文件，定义颜色变量、导航、按钮、响应式断点等全局样式
  • HTML/js/app.js — 导航滚动吸顶、Swiper 轮播实例化（testi-slider / mySwiper 两个轮播）
  • HTML/js/main.js — particles.js 粒子效果配置，背景粒子颜色为白色，速度 2
  • HTML/css/bootstrap.min.css — Bootstrap 核心框架（v5.3.2）
  • HTML/css/swiper-bundle.min.css — Swiper 轮播插件样式

快速开始

直接在浏览器中打开 HTML/index.html 即可预览。如需本地服务：

bash
# Python 简易服务器
cd fintesahtml-10/HTML
python -m http.server 8080
# 访问 http://localhost:8080

使用建议

模板默认使用 #3a41c4（主色）和 #23a9a7（信息色）作为品牌色，修改 .bg-primary / .text-primary 相关变量即可快速换肤。index-2~5 为不同布局变体，可根据具体业务场景选择或参考其结构进行裁剪。

help_outline

常见问题