Project Overview
Buildnow is a multi-page HTML template designed for the architecture/engineering industry, offering homepage variants, service introductions, project showcases, team introductions, news updates, a shop, pricing, and other complete pages suitable for quickly building a construction company website. The template is based on Bootstrap 5 and includes interactive components such as carousels, lightboxes, and responsive navigation. The contact.php file supports sending emails via the contact form.
Tech Stack
- HTML5 + CSS3 (static pages)
- Bootstrap 5 (responsive framework)
- PHP (only contact.php handles the contact form)
- Swiper Slider, MeanMenu, NiceSelect, Magnific Popup, and other CSS/JS components
Project Structure
buildnowhtml-10/Main-File_Buildnow/
├── buildnow/
│ ├── index.html # Main homepage
│ ├── index-2.html ~ index-7.html # Homepage variants
│ ├── index-one.html ~ index-one-7.html # Another set of homepage variants
│ ├── about.html, service*.html # About/Services
│ ├── project*.html, team*.html # Projects/Team
│ ├── news*.html, pricing.html, faq.html # Content pages
│ ├── shop*.html, checkout.html # Shop related
│ ├── contact.html, contact.php # Contact page + form processing
│ ├── 404.html # Error page
│ └── assets/ # Styles/Scripts/Images
└── documentation/
└── index.html # Official documentation
Core File Description
buildnow/index.html— Main homepage entry, showcasing brand image and core businessbuildnow/contact.php— Contact form backend, processes name/email/message and sends emailbuildnow/404.html— Not found page templatebuildnow/assets/css/main.css— Theme core styles (includes all page common layouts and components)buildnow/team-details.html— Team member detail page, demonstrates detail page template structuredocumentation/index.html— Official usage documentation, includes template structure explanation
Quick Start
- Open
buildnow/index.htmldirectly in a browser to preview the full effect - For the contact form functionality, deploy the
buildnowdirectory to a PHP-supporting web server, and modify$recipientincontact.phpto the actual recipient email
Usage Suggestions
- The homepage offers 14 variants; choose
index.htmlor theindex-one*.htmlseries as the main entry based on brand style - The template's default content is in English; before going live, batch replace it with the company's actual copy; the email address in contact.php needs to be replaced with the real recipient
