Project Overviewlink

fllopi is a multi-page HTML5 business template designed for building materials and painting service companies. It includes complete pages such as homepage, services, portfolio, blog, shop, team, and contact form, with responsive layout support, ideal for construction and decoration companies to quickly build their official website.

Tech Stacklink

• Bootstrap 5 (CSS framework)
• jQuery (interaction logic)
• Font Awesome 6 (icon library)
• Google Fonts (Open Sans, Inter, Work Sans)
• PHP (contact form email sending)

Project Structurelink

fllopi-package/
├── documentation/          # Template usage documentation
│   ├── index.html
│   ├── css/
│   ├── fonts/
│   ├── images/
│   └── js/
└── fllopi/                # Template main directory
    ├── index.html         # Homepage
    ├── index-2.html       # Homepage variant
    ├── index-3.html       # Homepage variant
    ├── dark-layer.html    # Dark homepage
    ├── about.html         # About us
    ├── services.html      # Services list
    ├── service-detail.html
    ├── portfolio.html     # Portfolio
    ├── portfolio-2.html
    ├── project-detail.html
    ├── blog.html          # Blog list
    ├── blog-classic.html
    ├── blog-detail.html
    ├── shop.html          # Product list
    ├── shop-detail.html
    ├── shoping-cart.html
    ├── checkout.html
    ├── team.html          # Team members
    ├── price.html         # Pricing
    ├── faq.html           # FAQ
    ├── contact.html       # Contact us
    ├── not-found.html     # 404 page
    ├── sendemail.php      # Email sending backend
    └── assets/            # Static resources
        ├── css/
        ├── images/
        └── js/

Core File Descriptionlink

• fllopi/index.html — Main entry homepage of the template
• fllopi/contact.html — Contact page with form submission
• fllopi/sendemail.php — Backend script for form submission processing
• fllopi/assets/css/bootstrap.css — Bootstrap framework styles
• fllopi/assets/css/style.css — Custom template styles
• fllopi/assets/js/ — jQuery and interaction scripts directory

Quick Startlink

1. Deploy the fllopi directory to a web server (or start a simple local server)
2. Open index.html in a browser to preview the homepage
3. For contact form functionality, deploy the project to a PHP-supported server environment
4. Modify the recipient email address in sendemail.php to receive user submissions

Usage Suggestionslink

• Replace the default email address in sendemail.php before deployment to prevent email loss
• All pages can be used independently; it is recommended to customize development based on index.html