Harbor is a free Bootstrap 4 HTML5 interior design portfolio website template from ThemeWagon, created by Colorlib, that delivers a multi-page front-end site with a full-screen hero slider, portfolio grid, testimonial carousel, and contact form. It is distributed as a static HTML/CSS/JS download with 7 HTML files, SCSS source files, and all demo images included.
What is Harbor?
Harbor is a free, open-source Bootstrap 4 HTML5 multi-page template built specifically for interior design portfolios and similar agency sites. You download the package and edit the HTML, SCSS, and JavaScript files directly; the result is a fully responsive website that can be hosted on any static web server. The template is published by ThemeWagon and was created by Colorlib, with version 1.0.0 released seven years ago and still receiving updates (last updated seven months ago). It is compatible with Chrome, Edge, Firefox, Opera, Safari, and mobile browsers.
Key Features
- Bootstrap 4 framework — Built on Bootstrap 4's grid and components, with both compiled CSS and editable SCSS source files.
- Full-screen hero slider — A header slider that spans the full viewport width, paired with a call-to-action button.
- Portfolio grid with modal gallery — A responsive image grid with on-hover effects; clicking an image opens a larger view using Fancybox and Magnific Pop-Up.
- Testimonial carousel — Client quotes displayed in a carousel powered by Owl Carousel.
- Load on scroll animation — Elements animate into view as the user scrolls, using the included JavaScript.
- Newsletter subscription form — An email capture form built into the design.
- Contact form — A functional contact form layout for visitor inquiries.
- Icon fonts — Icomoon and Flaticon icon fonts included for UI icons.
Additional bundled libraries include Slick for slideshows and Unsplash demo images. The "In The Box" listing confirms 7 HTML files, JS source files, library/plugin files, and all demo images.
Who is it for?
- Interior design agencies that need to present project portfolios with a full-screen slider, gallery, and case-study pages.
- Architecture firms that want a clean, minimal site with testimonials and a contact form to win new clients.
- Independent interior designers looking for a free, commercially usable template to launch a professional online presence.
- Web designers and developers who need a customizable Bootstrap 4 starting point with SCSS sources for rapid client work.
What can you do with Harbor?
- Showcase a portfolio: arrange projects in the responsive grid and use the modal gallery to display high-resolution images without leaving the page.
- Collect leads: deploy the newsletter subscription form and contact form to capture visitor inquiries from the site.
- Build trust with social proof: rotate client testimonials in the Owl Carousel slider.
- Create a multi-page site: the 7 HTML files give you separate pages for home, portfolio, about, and contact content, all sharing the same header and footer.
FAQ
Is Harbor free to use in commercial projects?
Yes. The template is open source, and the license allows commercial use. ThemeWagon also states that it receives lifetime free updates.
What do you get in the downloadable package?
The package contains 7 HTML files, CSS and SCSS files, font icons, JavaScript source files, and the library and plugin files (Bootstrap 4, Owl Carousel, Fancybox, Magnific Pop-Up, Slick, Flaticon, Unsplash images). All demo images are included.
What browsers and devices are supported?
Harbor is fully responsive and tested in Chrome, Edge, Firefox, Opera, Safari, and mobile browsers.
Who created Harbor?
The template was created by Colorlib and is distributed through ThemeWagon, which lists it in the Landing & Website category with 3,084 downloads.
