Project Overviewlink

fllopi is an HTML5 website template designed for flooring and painting engineering companies. It includes complete pages such as Home, Portfolio, Services, Online Store, Blog, Team, FAQ, and more. It supports multiple theme color switching, three homepage layout styles, and is responsive, making it suitable for quickly building a professional brand showcase site.

Tech Stacklink

• Bootstrap 5 (CSS framework)
• jQuery (interactive scripts)
• PHP (contact form backend processing)
• Google Fonts (Open Sans / Inter / Work Sans)
• Font Awesome (icon library)
• Pure static HTML (no build tools)

Project Structurelink

fllopi-package/
├── documentation/          # Template usage documentation (HTML format)
│   ├── index.html
│   ├── css/style.css
│   └── js/script.js
└── fllopi/                 # Actual website files
    ├── index.html          # Homepage (Layout 1)
    ├── index-2.html        # Homepage (Layout 2)
    ├── index-3.html        # Homepage (Layout 3)
    ├── dark-layer.html     # Dark theme homepage
    ├── 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       # Contact form backend
    └── assets/             # CSS / JS / Images and other resources

Key File Descriptionslink

• fllopi/index.html — Main homepage, three layout options available
• fllopi/contact.html — Contact page, relies on sendemail.php to send emails
• fllopi/sendemail.php — Form backend processing logic, requires configuring the recipient email
• fllopi/assets/css/style.css — Main stylesheet, includes theme colors and responsive rules
• fllopi/assets/css/color-switcher-design.css — Color switch feature styles
• fllopi/shop.html — Online store listing page (template-provided, backend logic needs custom development)

Quick Startlink

1. Deploy the contents of the fllopi-package/fllopi directory to a web server
2. Modify the recipient email address in sendemail.php before deployment
3. Open index.html directly in a browser for preview (the contact form requires a server environment to send properly)

Usage Suggestionslink

• The template displays placeholder addresses and emails by default; replace all with real information before going live
• The store and shopping cart pages only provide a frontend interface; for e-commerce functionality, integrate a backend or a third-party solution
• The dark theme page (dark-layer.html) can serve as a reference for an alternative site-wide color scheme