Fllopi - 地板和瓷砖 HTML 模板 preview 1

Fllopi - 地板和瓷砖 HTML 模板

bookmark

fllopi 是一个面向地坪与油漆工程企业的 HTML5 网站模板，包含首页、作品集、服务介绍、在线商店、博客、团队、常见问题等完整页面。支持多主题配色切换、三种首页布局样式，采用响应式设计，适合快速搭建专业形象展示站点。

HTML

项目简介

fllopi 是一个面向地坪与油漆工程企业的 HTML5 网站模板，包含首页、作品集、服务介绍、在线商店、博客、团队、常见问题等完整页面。支持多主题配色切换、三种首页布局样式，采用响应式设计，适合快速搭建专业形象展示站点。

技术栈

  • Bootstrap 5（CSS 框架）
  • jQuery（交互脚本）
  • PHP（联系表单后端处理）
  • Google Fonts（Open Sans / Inter / Work Sans）
  • Font Awesome（图标库）
  • 纯静态 HTML（无构建工具）

项目结构

text
fllopi-package/
├── documentation/          # 模板使用文档（HTML 格式）
│   ├── index.html
│   ├── css/style.css
│   └── js/script.js
└── fllopi/                 # 实际网站文件
    ├── index.html          # 首页（第 1 种布局）
    ├── index-2.html        # 首页（第 2 种布局）
    ├── index-3.html        # 首页（第 3 种布局）
    ├── dark-layer.html     # 深色主题首页
    ├── about.html
    ├── services.html / service-detail.html
    ├── portfolio.html / portfolio-2.html / project-detail.html
    ├── shop.html / shop-detail.html / shopping-cart.html / checkout.html
    ├── blog.html / blog-classic.html / blog-detail.html
    ├── team.html / faq.html / price.html / gallery.html
    ├── contact.html
    ├── not-found.html
    ├── sendemail.php       # 联系表单后端
    └── assets/             # CSS / JS / 图片等资源

核心文件说明

  • fllopi/index.html — 网站主首页，三套布局可选
  • fllopi/contact.html — 联系页面，依赖 sendemail.php 发送邮件
  • fllopi/sendemail.php — 表单后端处理逻辑，需配置收件邮箱
  • fllopi/assets/css/style.css — 主样式文件，含主题色与响应式规则
  • fllopi/assets/css/color-switcher-design.css — 配色切换功能样式
  • fllopi/shop.html — 在线商店列表页（模板自带，逻辑需自行开发）

快速开始

  1. 将 fllopi-package/fllopi 目录内容部署到 Web 服务器
  2. 部署前修改 sendemail.php 中的收件邮箱地址
  3. 直接用浏览器打开 index.html 预览（联系表单需服务器环境才能正常发送）

使用建议

  • 模板默认展示地址和邮箱为占位内容，上线前需全部替换为真实信息
  • 商店与购物车页面仅有前端界面，如需电商功能需对接后端或接入第三方方案
  • 深色主题页面（dark-layer.html）可作为全站配色的备选方案参考
help_outline

常见问题