Arcodo - Architecture & Interior Design HTML5 Template preview 1

Arcodo - Architecture & Interior Design HTML5 Template

bookmark

Arcodo is a responsive HTML5 website template designed for architecture firms and interior design studios, suitable for showcasing architectural projects, interior design solutions, team members, client testimonials, and appointment book...

HTMLarchitecturebuildingcleancorporatecreativefurniturehome

Project Overview

Arcodo is a responsive HTML5 website template designed for architecture firms and interior design studios, suitable for showcasing architectural projects, interior design solutions, team members, client testimonials, and appointment booking. The template is built on Bootstrap 5, supports multi-page navigation, and is fully mobile-responsive.

Tech Stack

  • HTML5 / CSS3
  • Bootstrap 5 (responsive framework)
  • Owl Carousel (carousel component)
  • Animate.css (page animations)
  • Font Awesome / Bootstrap Icons (icon libraries)
  • Google Fonts: Albert Sans, DM Sans

Project Structure

text
arcodohtml-10/Arcodo-Architecture-HTML-Template/
├── DOCUMENTATION/
│   ├── index.html           # Online documentation homepage
│   └── assets/
├── HTML/
│   ├── index.html           # Homepage (carousel + project showcase)
│   ├── about.html           # About Us
│   ├── service.html         # Services
│   ├── project.html         # Portfolio / Projects
│   ├── team.html            # Team Members
│   ├── appointment.html     # Appointment Booking
│   ├── testimonial.html     # Client Testimonials
│   ├── contact.html         # Contact
│   ├── 404.html             # Error Page
│   └── assets/
│       ├── css/
│       │   └── master.css   # Main stylesheet
│       ├── js/
│       ├── lib/             # Third-party libraries (animate, owlcarousel)
│       └── img/             # Image assets

Key File Descriptions

  • HTML/index.html — Homepage with full-screen carousel and core business sections
  • HTML/service.html — Services page presenting design service offerings
  • HTML/project.html — Portfolio page showcasing past projects
  • HTML/appointment.html — Appointment form page for client inquiries
  • HTML/assets/css/master.css — Consolidated CSS stylesheet
  • HTML/assets/lib/owlcarousel/ — Carousel component library for image sliding effects

Quick Start

Simply open HTML/index.html in a browser for local preview. For LAN access, use VS Code Live Server or run a local server with python -m http.server.

Usage Tips

All images in the template are placeholders. Replace files in the assets/img/ directory with your own project images. Background image paths can be located and modified by searching for data-src= in the HTML files. Update contact information, company address, and other content in the navigation bar according to your actual details.

help_outline

FAQ