Skip to content

About

A fully responsive, multi-page interior design company website built with HTML5, CSS3, Bootstrap 4, and JavaScript — featuring a filterable portfolio, service carousels, testimonials, blog, and contact form.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Repository files navigation

AicuSa Interiors

A responsive, multi-page interior design company website


HTML5 CSS3 Bootstrap JavaScript SCSS

License: MIT Pages Status


Overview

AicuSa Interiors is a fully responsive, multi-page front-end website for a premium interior design firm. Built with HTML5, CSS3, Bootstrap 4, and vanilla JavaScript — no build tools, no frameworks, just clean and deployable code straight from the browser.

The site presents the firm's services, portfolio, team, testimonials, and blog in a polished, professional layout that works flawlessly across all screen sizes.


Preview

Hero Section

Hero Carousel 1


Hero Carousel 2


Portfolio Gallery

Alba House
Alba House
Boulevard F Apartment
Boulevard F Apartment
Urban Shelter
Urban Shelter
Marriott Hotel
Marriott Hotel
Herne Hill House
Herne Hill House
Garcia Apartment
Garcia Apartment

Blog Section

Blog Post 1 Blog Post 2 Blog Post 3

Pages

File Description
index.html Home — hero carousel, about, services, portfolio, team, testimonials, blog
about.html Company story, values, and team
service.html Full services catalogue
project.html Interactive filterable portfolio grid
blog.html Blog article grid layout
single.html Single blog post detail page
contact.html Contact form with embedded map

Features

File Page Description
index.html Home Full landing page — carousel, about, services, portfolio, team, testimonials, blog
about.html About Detailed company background and values
service.html Services Complete list of interior design offerings
project.html Projects Filterable portfolio of completed & ongoing projects
blog.html Blog Grid layout of all blog articles
single.html Blog Detail Single blog post with full content
contact.html Contact Contact form with embedded map

Tech Stack

Core

HTML5 CSS3 JavaScript SCSS PHP

Framework & Libraries

Bootstrap jQuery Owl Carousel Isotope Lightbox2

Design & Icons

Font Awesome Google Fonts Flaticon


Project Structure

Interior_Design_website/
│
├──  index.html              # Home page
├──  about.html              # About page
├──  service.html            # Services page
├──  project.html            # Projects / Portfolio page
├──  blog.html               # Blog listing page
├──  single.html             # Single blog post
├──  contact.html            # Contact page
│
├──  css/
│   └── style.css              # Main custom stylesheet
│
├──  js/
│   └── main.js                # Main JavaScript (scroll, filters, carousels)
│
├──  img/
│   ├── carousel-1.jpg         # Hero banner images
│   ├── carousel-2.jpg
│   ├── portfolio-1.jpg        # Portfolio project images
│   ├── ...
│   ├── team-1.jpg             # Team member photos
│   ├── ...
│   ├── blog-1.jpg             # Blog post images
│   └── ...
│
├──  lib/
│   ├── owlcarousel/           # Owl Carousel library
│   ├── lightbox/              # Lightbox2 library
│   ├── isotope/               # Isotope filter library
│   ├── easing/                # jQuery Easing plugin
│   └── flaticon/              # Flaticon icon font
│
├──  scss/
│   └── bootstrap/scss/        # Bootstrap SCSS source files
│
├──  mail/
│   ├── contact.js             # Contact form handler
│   └── jqBootstrapValidation.min.js  # Form validation
│
├──  LICENSE                 # MIT License
└──  README.md               # Project documentation

Getting Started

No build step or package manager required.

1. Clone the repository

git clone https://github.com/satviklandge/Interior_Design_website.git
cd Interior_Design_website

2. Open in browser

# Quickest — just open the file
open index.html

# Recommended — use VS Code Live Server for hot reload
# Right-click index.html -> Open with Live Server

# Or use Python's built-in server
python -m http.server 8000
# Visit http://localhost:8000

The contact form requires a PHP-capable server to send emails. For local development, tools like XAMPP or MAMP will handle this.


Responsive Breakpoints

< 576px     Mobile    — single column, hamburger nav
576-768px   Small     — 2-column grid begins
768-992px   Tablet    — full navigation bar visible
992-1200px  Desktop   — multi-column layout active
> 1200px    Large     — max-width container centered

Credits

Contributor / Resource Role
Chhayank Landge Developer and maintainer
Valentine Fernandes Original design concept
Bootstrap 4 UI framework
Owl Carousel 2 Carousels and sliders
Isotope Portfolio filter grid
Lightbox2 Image overlay viewer
Font Awesome Icon library
Flaticon Flat icon set
Google Fonts Montserrat and Oswald typefaces

License

This project is open-source and available under the MIT License.


Made by @satviklandge

If this project helped you, consider giving it a star on GitHub.

About

A fully responsive, multi-page interior design company website built with HTML5, CSS3, Bootstrap 4, and JavaScript — featuring a filterable portfolio, service carousels, testimonials, blog, and contact form.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages