Finris - 多用途商业和 IT 解决方案 HTML5 模板 preview 1

Finris - 多用途商业和 IT 解决方案 HTML5 模板

bookmark

Finris 是一款多用途响应式 HTML5 模板，基于 Bootstrap 5.1.3 构建，适合商务代理、数字营销、软件服务、创意工作室等多种场景。模板包含首页多版本、单页版、博客、团队、作品集、电商、FAQ 等 40+ 页面。

HTML

项目简介

Finris 是一款多用途响应式 HTML5 模板，基于 Bootstrap 5.1.3 构建，适合商务代理、数字营销、软件服务、创意工作室等多种场景。模板包含首页多版本、单页版、博客、团队、作品集、电商、FAQ 等 40+ 页面。

技术栈

  • HTML5 + CSS3
  • Bootstrap v5.1.3
  • Google Fonts (DM Sans, Koulen)
  • Font Awesome 6
  • jQuery + 多种插件（Owl Carousel、AOS、Nice Select、Jarallax、Magnific Popup 等）

项目结构

text
finris-pack/
├── 01-html-file/
│   ├── index.html            # 首页（主版）
│   ├── index2.html           # 首页变体 2
│   ├── index3.html           # 首页变体 3
│   ├── index-dark.html       # 深色版首页
│   ├── index-*-one-page.html # 单页版（3 种）
│   ├── about.html            # 关于我们
│   ├── services.html         # 服务列表
│   ├── portfolio*.html       # 作品集
│   ├── blog*.html            # 博客相关（列表/轮播/详情）
│   ├── team*.html            # 团队成员
│   ├── testimonials*.html    # 客户评价
│   ├── shop/*.html           # 电商页面
│   ├── login.html / sign-up.html
│   ├── contact.html / faq.html
│   ├── 404.html / coming-soon.html
│   └── assets/               # CSS/JS/图片/字体
└── 02-documentation-file/
    └── index.html            # 官方文档

核心文件说明

  • 01-html-file/index.html — 主首页模板，聚合了轮播、服务、案例等全部组件
  • 01-html-file/coming-soon.html — 倒计时维护页面，内置订阅表单
  • 01-html-file/contact.html — 联系页面，含表单与地图占位
  • 01-html-file/assets/css/module-css/ — 按功能拆分的样式模块（slider、footer、blog 等）
  • 01-html-file/assets/inc/sendemail.php — 邮件发送后端脚本（需配置 SMTP）
  • 02-documentation-file/index.html — 官方使用文档

快速开始

  1. 直接用浏览器打开 01-html-file/index.html 即可预览
  2. 上线时将 01-html-file 文件夹内容上传至 Web 服务器
  3. 邮件表单需配置 assets/inc/sendemail.php 中的 SMTP 信息

使用建议

模板所有页面共享同一 CSS 架构，修改 assets/css/style.css 可全局调整主题；单页版适合落地页快速部署；电商页面为纯前端展示，需自行对接后端。

help_outline

常见问题