Project Overview
Finris is a versatile responsive HTML5 template built on Bootstrap 5.1.3, suitable for business agencies, digital marketing, software services, creative studios, and more. The template includes 40+ pages such as multiple homepage versions, single-page layouts, blog, team, portfolio, e-commerce, FAQ, and more.
Tech Stack
- HTML5 + CSS3
- Bootstrap v5.1.3
- Google Fonts (DM Sans, Koulen)
- Font Awesome 6
- jQuery + various plugins (Owl Carousel, AOS, Nice Select, Jarallax, Magnific Popup, etc.)
Project Structure
finris-pack/
├── 01-html-file/
│ ├── index.html # Homepage (Main)
│ ├── index2.html # Homepage Variant 2
│ ├── index3.html # Homepage Variant 3
│ ├── index-dark.html # Dark Mode Homepage
│ ├── index-*-one-page.html # Single Page Versions (3 types)
│ ├── about.html # About Us
│ ├── services.html # Services List
│ ├── portfolio*.html # Portfolio
│ ├── blog*.html # Blog (List/Carousel/Detail)
│ ├── team*.html # Team Members
│ ├── testimonials*.html # Client Testimonials
│ ├── shop/*.html # E-commerce Pages
│ ├── login.html / sign-up.html
│ ├── contact.html / faq.html
│ ├── 404.html / coming-soon.html
│ └── assets/ # CSS/JS/Images/Fonts
└── 02-documentation-file/
└── index.html # Official Documentation
Core File Description
01-html-file/index.html— Main homepage template, aggregating all components like carousel, services, case studies01-html-file/coming-soon.html— Countdown maintenance page with built-in subscription form01-html-file/contact.html— Contact page with form and map placeholder01-html-file/assets/css/module-css/— Functionally split style modules (slider, footer, blog, etc.)01-html-file/assets/inc/sendemail.php— Email sending backend script (requires SMTP configuration)02-documentation-file/index.html— Official usage documentation
Quick Start
- Open
01-html-file/index.htmldirectly in a browser to preview - Upload the contents of the
01-html-filefolder to a web server for deployment - Configure SMTP information in
assets/inc/sendemail.phpfor the email form
Usage Suggestions
All template pages share the same CSS architecture; modify assets/css/style.css for global theme adjustments. Single-page versions are suitable for quick landing page deployment. E-commerce pages are frontend-only and require backend integration.
