
Finris - 多用途商业和 IT 解决方案 HTML5 模板
category企业官网
# 项目简介
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 等)
## 项目结构
```
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
常见问题
评论0
发布时间Jan 20, 2026
技术栈
HTML