Project Overviewlink

Piller is a static real estate website template built on Bootstrap, featuring 30+ complete pages including homepage, about page, property details, blog, e-commerce shopping cart, team, services, and more. Ideal for quickly building real estate agency, property management, or rental platform websites. The template includes an online color switcher and preloader animation.

Tech Stacklink

• Bootstrap 5.x (responsive layout framework)
• jQuery (DOM manipulation and interactions)
• Font Awesome 6 Pro (icons)
• Magnific Popup (image lightbox)
• Swiper (carousel/slider)
• Nice Select (dropdown styling)
• SCSS (CSS preprocessor)
• PHP (email form handling)

Project Structurelink

pillerhtml-10/
├── documentation/          # Template usage documentation
│   ├── index.html
│   └── assets/
│       ├── css/style.css
│       └── js/main.js
└── download-version/       # Ready-to-use complete template
    ├── index.html          # Homepage
    ├── about.html
    ├── contact.html
    ├── property.html
    ├── property-details.html
    ├── blog.html
    ├── shop.html
    ├── cart.html
    ├── checkout.html
    ├── team.html
    ├── mail.php             # Form backend
    └── assets/
        ├── css/style.css
        └── js/main.js

Key Fileslink

• download-version/index.html — Template homepage with carousel, property category filtering, and CTA sections
• download-version/assets/css/style.css — Main stylesheet defining theme colors (--theme-color: #ff4136), fonts, and site-wide layout
• download-version/assets/js/main.js — Interactive logic including mobile menu, scroll-to-top, back-to-top button, and form submission
• download-version/mail.php — Backend email processing script for contact forms
• download-version/property-details.html — Property detail page with 360° panorama and map section
• download-version/shop.html — E-commerce product listing page with filtering and shopping cart functionality

Quick Startlink

1. Deploy the download-version folder to any web server (Nginx / Apache / VS Code Live Server)
2. Open index.html directly in a browser to preview the full template
3. For contact form functionality, deploy the template to a PHP-enabled server and ensure mail.php is executable

Usage Tipslink

The template has a clean structure with CSS variables defining the theme color. To change the brand color, simply modify the --theme-color value in :root. For backend dynamic data integration, replace static HTML content with template engine syntax (e.g., Jinja2, EJS) or connect to a CMS.