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

Fllopi - 地板和瓷砖 HTML 模板

bookmark

fllopi 是一个面向地建材与涂装服务企业的多页面 HTML5 商业模板，提供了首页、服务介绍、作品集、博客、商城、团队及联系表单等完整页面，支持响应式布局，适合建筑装饰类公司快速搭建官网。

HTML

项目简介

fllopi 是一个面向地建材与涂装服务企业的多页面 HTML5 商业模板，提供了首页、服务介绍、作品集、博客、商城、团队及联系表单等完整页面，支持响应式布局，适合建筑装饰类公司快速搭建官网。

技术栈

  • Bootstrap 5（CSS 框架）
  • jQuery（交互逻辑）
  • Font Awesome 6（图标库）
  • Google Fonts（Open Sans、Inter、Work Sans）
  • PHP（联系表单邮件发送）

项目结构

text
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 为基础进行定制开发
help_outline

常见问题