Project Overviewlink

Pisole is a digital creative agency HTML template, suitable for design companies, creative studios, or personal portfolio showcases. Built on Bootstrap 5, it provides a complete multi-page structure including common pages such as Home, About, Cases, News, and Contact, along with responsive layout and animation effects.

Tech Stacklink

• Bootstrap 5 (responsive framework)
• HTML5 / CSS3
• jQuery (interactive scripts)
• PHP (contact form backend)
• Google Fonts (Open Sans / Poppins)

Project Structurelink

pisole/
├── documentation/          # Template usage documentation
│   ├── index.html
│   ├── assets/
│   │   ├── css/            # Documentation styles (includes bootstrap, font-awesome)
│   │   ├── fonts/          # Font files
│   │   ├── images/         # Documentation image assets
│   │   └── js/             # Documentation scripts
│   └── css/
│       ├── bootstrap.css
│       ├── font-awesome.css
│       └── style.css       # Documentation main styles
└── files/                  # Template actual pages
    ├── index.html          # Home page
    ├── index-2.html
    ├── index-3.html
    ├── about.html
    ├── contact.html
    ├── contact.php          # Contact form handler
    ├── news.html / news-details.html
    ├── project.html / project-details.html
    ├── service.html / service-details.html
    └── assets/             # Template asset files

Core File Descriptionlink

• files/index.html — Template home page entry, includes preloader, header, carousel, and other main structures
• files/contact.php — Contact form backend processing script, responsible for receiving and sending emails
• files/assets/css/main.css — Template main stylesheet (referenced in index.html)
• files/assets/css/bootstrap.min.css — Bootstrap 5 core styles
• files/assets/js/*.min.js — Various functional scripts (animations, menus, lightbox, etc.)
• documentation/index.html — Official usage documentation, includes HTML structure, CSS explanations, and configuration guide

Quick Startlink

Simply open pisole/files/index.html in a browser to preview. For full functionality with a local server, it is recommended to use:

# Python 3
cd pisole/files && python -m http.server 8080

# or Node.js (requires http-server)
npx http-server pisole/files -p 8080

The contact form requires deployment in a PHP environment (e.g., php -S or Apache/Nginx) to send and receive emails properly.

Usage Suggestionslink

Before deployment, modify the recipient email $recipient in contact.php to the actual address, and replace brand assets such as logos and images under files/assets/ as needed. The documentation directory documentation/ can be delivered together with the template to the end client.