Graha Prime - Construction Industry HTML Template preview 1

Graha Prime - Construction Industry HTML Template

bookmark

Graha Prime is a static HTML website template for the construction industry, offering 3 homepage styles and complete corporate pages (About Us, Services, Project Cases, Blog, Team, Pricing, Careers, etc.). Built on Bootstrap 5, it includ...

HTMLarchitecturebuildingcompanyconstructionconstructorelectricianengineering

Project Overview

Graha Prime is a static HTML website template for the construction industry, offering 3 homepage styles and complete corporate pages (About Us, Services, Project Cases, Blog, Team, Pricing, Careers, etc.). Built on Bootstrap 5, it includes jQuery and Swiper, supports responsive layout, and is ideal for quickly building a construction company website.

Tech Stack

  • HTML5 / CSS3 (Bootstrap 5)
  • JavaScript (jQuery, Swiper 11)
  • PHP (form_process.php for backend form processing only)
  • Font Awesome icon library

Project Structure

text
TEMPLATE/
├── homepage-1.html          # Homepage Style 1 (main entry)
├── homepage-2.html          # Homepage Style 2
├── homepage-3.html          # Homepage Style 3
├── about-us.html            # About Us
├── service-*.html           # Service detail pages (3 styles)
├── project-*.html           # Project case pages (4 styles)
├── our-blog.html            # Blog list
├── blog-detail.html         # Blog detail
├── our-team.html            # Team members
├── pricing.html             # Pricing page
├── careers.html             # Careers page
├── testimonials.html        # Client testimonials
├── faqs.html                # Frequently Asked Questions
├── contact.html             # Contact Us
├── 404.html                 # 404 error page
├── .htaccess                # Apache configuration
└── assets/
    ├── css/style.css        # Main stylesheet
    ├── js/main.js           # Interaction logic
    └── images/              # Image assets
php/
└── form_process.php         # Form submission handler

Core File Description

  • homepage-1.html — Homepage entry file, open directly in browser to preview
  • assets/css/style.css — Global styles, modify colors, fonts, and layout here
  • assets/js/main.js — Carousel, navigation, and other interaction logic
  • php/form_process.php — Email form backend, requires PHP environment
  • .htaccess — Apache server configuration with URL rewrite rules
  • contact.html — Page containing the contact form

Quick Start

  1. Extract the archive and enter the TEMPLATE folder
  2. Double-click homepage-1.html to preview in browser
  3. For a local server (recommended), run the following command in the folder:
    bash
    php -S localhost:8000
    
    Then visit http://localhost:8000/homepage-1.html
  4. For form functionality, upload to a PHP-enabled server and update the recipient email in php/form_process.php

Usage Tips

  • All pages reference assets/ using relative paths; maintain the directory structure when uploading
  • To integrate a backend service, point the form action to a third-party email API (e.g., Formspree) or deploy form_process.php yourself
help_outline

FAQ