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.
![]() Alba House |
![]() Boulevard F Apartment |
![]() Urban Shelter |
![]() Marriott Hotel |
![]() Herne Hill House |
![]() Garcia Apartment |
![]() |
![]() |
![]() |
| 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 |
| 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 |
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
No build step or package manager required.
1. Clone the repository
git clone https://github.com/satviklandge/Interior_Design_website.git
cd Interior_Design_website2. 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:8000The contact form requires a PHP-capable server to send emails. For local development, tools like XAMPP or MAMP will handle this.
< 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
| 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 |
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.










