Fllopi - Floor and Tile HTML Template

# 项目简介 fllopi 是一个面向地坪与油漆工程企业的 HTML5 网站模板，包含首页、作品集、服务介绍、在线商店、博客、团队、常见问题等完整页面。支持多主题配色切换、三种首页布局样式，采用响应式设计，适合快速搭建专业形象展示站点。 ## 技术栈 - Bootstrap 5（CSS 框架） - jQuery（交互脚本） - PHP（联系表单后端处理） - Google Fonts（Open Sans / Inter / Work Sans） - Font Awesome（图标库） - 纯静态 HTML（无构建工具） ## 项目结构 ``` 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）可作为全站配色的备选方案参考