Fintesa - App Landing Page HTML Template

# 项目简介 Fintesa 是一款基于 Bootstrap 5.3.2 构建的响应式着陆页模板，专为 App 展示、创业公司介绍及金融类产品设计。提供 10 种首页变体和 3 种认证页面布局，采用 Nunito 字体，支持 Swiper 轮播、粒子动画等交互效果，可直接通过浏览器打开使用。 ## 技术栈 - Bootstrap 5.3.2（响应式布局框架） - HTML5 + CSS3（静态页面） - Swiper Slider（轮播组件） - RemixIcon（图标库） - particles.js（粒子动画） - Google Fonts - Nunito（字体） ## 项目结构 ``` 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 为不同布局变体，可根据具体业务场景选择或参考其结构进行裁剪。