Fintesa - App Landing Page HTML Template preview 1

Fintesa - App Landing Page HTML Template

bookmark

Fintesa is a responsive landing page template built with Bootstrap 5.3.2, designed for app showcases, startup introductions, and financial products. It offers 10 homepage variants and 3 authentication page layouts, uses the Nunito font,...

HTML

Project Overview

Fintesa is a responsive landing page template built with Bootstrap 5.3.2, designed for app showcases, startup introductions, and financial products. It offers 10 homepage variants and 3 authentication page layouts, uses the Nunito font, and supports interactive effects such as Swiper carousels and particle animations. It can be opened directly in a browser.

Tech Stack

  • Bootstrap 5.3.2 (responsive layout framework)
  • HTML5 + CSS3 (static pages)
  • Swiper Slider (carousel component)
  • RemixIcon (icon library)
  • particles.js (particle animation)
  • Google Fonts - Nunito (font)

Project Structure

text
fintesahtml-10/
├── Documentation/
│   └── index.html          # Online documentation entry
├── HTML/
│   ├── index.html          # Main homepage (index-2~5 are variants)
│   ├── css/
│   │   ├── bootstrap.min.css
│   │   ├── style.css / style.min.css
│   │   └── remixicon.css / swiper-bundle.min.css
│   ├── font/
│   │   └── remixicon.*     # Icon font files
│   ├── images/             # Various SVG/PNG image assets
│   └── js/
│       ├── app.js          # Carousel/navigation logic
│       └── main.js         # particles.js particle configuration
└── HTML/css/styles.css     # Documentation site styles (located in Documentation)

Core File Description

  • HTML/index.html — Main homepage entry file, includes complete sections like Hero / About / Features / Download
  • HTML/css/style.css — Main stylesheet, defines global styles such as color variables, navigation, buttons, responsive breakpoints
  • HTML/js/app.js — Sticky navigation on scroll, Swiper carousel instantiation (testi-slider / mySwiper two carousels)
  • HTML/js/main.js — particles.js particle effect configuration, background particle color is white, speed 2
  • HTML/css/bootstrap.min.css — Bootstrap core framework (v5.3.2)
  • HTML/css/swiper-bundle.min.css — Swiper carousel plugin styles

Quick Start

Open HTML/index.html directly in your browser to preview. To run with a local server:

bash
# Python simple server
cd fintesahtml-10/HTML
python -m http.server 8080
# Visit http://localhost:8080

Usage Suggestions

The template uses #3a41c4 (primary color) and #23a9a7 (info color) as brand colors by default. Modify the .bg-primary / .text-primary related variables for quick theming. index-2~5 are different layout variants; choose based on your specific business scenario or reference their structure for customization.

help_outline

FAQ