Archid - Architecture & Interior Design HTML5 Template preview 1

Archid - Architecture & Interior Design HTML5 Template

bookmark

Archid is a corporate showcase template for the architectural design and interior decoration industry, built on Bootstrap 5. It includes 13+ pages such as a homepage carousel, video homepage, project showcase, team introduction, and pric...

HTMLarchitecturebuildingcleanconstructioncorporatecreativefurniture

Project Overview

Archid is a corporate showcase template for the architectural design and interior decoration industry, built on Bootstrap 5. It includes 13+ pages such as a homepage carousel, video homepage, project showcase, team introduction, and pricing plans. The overall style is modern and minimalist, with responsive layout support, suitable for architecture firms, interior design companies, or related startups looking to quickly build their official website.

Tech Stack

  • Static HTML5 + CSS3
  • Bootstrap 5.x
  • jQuery (carousel, search popup, mobile menu interactions)
  • PHP (contact-form.php / appointment.php form processing)

Project Structure

text
archidhtml-10/Archid-HTML-Full-Source/
├── DOCUMENTATION/          # Official documentation
│   └── index.html
└── HTML/                   # Template main directory
    ├── assets/             # Static resources (styles/scripts/images)
    ├── index.html          # Homepage (carousel version)
    ├── index-2.html        # Homepage (video version)
    ├── about-us.html
    ├── services.html
    ├── team.html
    ├── pricing-plans.html
    ├── faq.html
    ├── 404.html
    ├── projects-3-col.html
    ├── projects-4-col.html
    ├── project-details.html
    ├── blog-grid.html
    ├── blog-single.html
    ├── contact.html
    ├── appointment.php      # Appointment form backend
    └── contact-form.php     # Contact form backend

Core File Description

  • HTML/index.html — Homepage (carousel version), includes navigation, slideshow, service overview, and CTA
  • HTML/index-2.html — Homepage (video background version), an alternative visual presentation
  • HTML/contact.html — Contact page, includes contact form and map placeholder area
  • HTML/appointment.php — Appointment form backend, receives POST requests and sends emails
  • HTML/contact-form.php — Contact form backend, works with contact.html
  • HTML/assets/css/main.css — Core template stylesheet

Quick Start

  1. Open HTML/index.html directly in a browser, or deploy to any static server (e.g., Nginx, Apache)
  2. Contact/appointment forms require a PHP environment (deploy the HTML folder to a PHP-enabled web server)
  3. The actual email address for form submissions needs to be modified in appointment.php and contact-form.php

Usage Recommendations

  • Replace placeholder images and logos in the assets/img/ directory before going live
  • Appointment and contact forms rely on server-side PHP. If using pure static hosting (Vercel / GitHub Pages), replace the existing logic with a third-party form service (e.g., Formspree)
help_outline

FAQ