Fllopi - 地板和瓷砖 HTML 模板

# 项目简介 fllopi 是一个面向地建材与涂装服务企业的多页面 HTML5 商业模板，提供了首页、服务介绍、作品集、博客、商城、团队及联系表单等完整页面，支持响应式布局，适合建筑装饰类公司快速搭建官网。 ## 技术栈 - Bootstrap 5（CSS 框架） - jQuery（交互逻辑） - Font Awesome 6（图标库） - Google Fonts（Open Sans、Inter、Work Sans） - PHP（联系表单邮件发送） ## 项目结构 ``` fllopi-package/ ├── documentation/ # 模板使用文档 │ ├── index.html │ ├── css/ │ ├── fonts/ │ ├── images/ │ └── js/ └── fllopi/ # 模板主目录 ├── index.html # 首页 ├── index-2.html # 首页变体 ├── index-3.html # 首页变体 ├── dark-layer.html # 暗色首页 ├── about.html # 关于我们 ├── services.html # 服务列表 ├── service-detail.html ├── portfolio.html # 作品集 ├── portfolio-2.html ├── project-detail.html ├── blog.html # 博客列表 ├── blog-classic.html ├── blog-detail.html ├── shop.html # 商品列表 ├── shop-detail.html ├── shoping-cart.html ├── checkout.html ├── team.html # 团队成员 ├── price.html # 定价 ├── faq.html # 常见问题 ├── contact.html # 联系我们 ├── not-found.html # 404 页面 ├── sendemail.php # 邮件发送后端 └── assets/ # 静态资源 ├── css/ ├── images/ └── js/ ``` ## 核心文件说明 - `fllopi/index.html` — 模板主入口首页 - `fllopi/contact.html` — 联系页面，含表单提交 - `fllopi/sendemail.php` — 表单提交后端处理脚本 - `fllopi/assets/css/bootstrap.css` — Bootstrap 框架样式 - `fllopi/assets/css/style.css` — 模板自定义样式 - `fllopi/assets/js/` — jQuery 及交互脚本目录 ## 快速开始 1. 将 `fllopi` 目录部署至 Web 服务器（或直接在本地开启简易服务器） 2. 在浏览器打开 `index.html` 即可预览首页 3. 若需联系表单功能，需将项目部署至支持 PHP 的服务器环境 4. 修改 `sendemail.php` 中的收件人邮箱地址以接收用户提交 ## 使用建议 - 部署前请替换 `sendemail.php` 中的默认邮箱地址，防止邮件丢失 - 所有页面均可独立使用，建议以 `index.html` 为基础进行定制开发