Ararat - Free Bootstrap 4 HTML5 Architecture Website Template

Ararat is a free, open-source Bootstrap 4 HTML5 multipage template for architecture and design agency websites, distributed by ThemeWagon and created by Colorlib.

What is Ararat?

Ararat is a free Bootstrap 4 HTML5 architecture website template that produces a fully responsive, cross-browser-compatible agency site. It supplies 9 HTML files, 1 PHP file, CSS and SCSS sources, JavaScript files, and documentation, so a user can stand up a complete multipage website. The template runs on any static web host or a PHP-enabled server, since the included contact form submits via PHP/AJAX without a page reload.

Key Features

• Bootstrap 4 framework — The layout is built on Bootstrap 4's responsive grid and utility classes, giving a clean and minimal visual style out of the box.
• Sticky top navigation — The top navigation bar stays fixed while scrolling and includes a drop-down menu plus a call-to-action button.
• Modal YouTube player — Video links open inside a Magnific Pop-Up modal, keeping visitors on the page as they watch.
• Owl Carousel image slider — Photo galleries rotate with the bundled Owl Carousel plugin, including support for hero images and testimonial sliders.
• Working PHP/AJAX contact form — The package includes a PHP file that handles contact form submissions asynchronously, with validation tied into the form UI.
• Google Maps embed — A map block is part of the contact section so visitors can find the studio location.
• Multipage structure with blog support — Nine HTML files include a blog section with pagination UI and a search box, alongside typical pages like about and contact.
• Icon and plugin libraries included — FontAwesome, Themify Icons, Flaticon, Magnific Pop-Up, Owl Carousel, and an Ajax MailChimp form plugin are all bundled, so no extra setup is needed for those assets.

Who should use Ararat?

Ararat is for architecture, interior design, and construction-related businesses that need a professional website without paying for a custom design, as well as developers who want a clean base to modify.

• Architecture agencies — Present the firm's portfolio with the hero header, project galleries, and the slider-based image showcase.
• Interior design studios — Build an about page, services overview, testimonial section, and a contact page with Google Maps to attract local clients.
• Freelance web developers — Use the included SCSS files and documentation to rebrand the template quickly for multiple clients, then deploy the PHP contact form as-is.

What can you do with Ararat?

• Architecture firms: Launch a multipage company site in an afternoon by replacing the demo images and copy, keeping the hero header, sticky nav, and working contact form.
• Design studios: Embed project walkthrough videos in the modal YouTube player so potential clients can watch without navigating away.
• Industry bloggers: Publish project updates using the built-in blog section, which already includes pagination and a search box.

FAQ

Is Ararat really free for commercial use?

Yes. The ThemeWagon listing marks the download as open source, free to use in commercial projects, with lifetime free updates.

What exactly is inside the download?

The box includes 9 HTML files, 1 PHP file, CSS and SCSS files, FontAwesome icon font, JavaScript source files, documentation, plus library and plugin files such as Owl Carousel and Magnific Pop-Up.

Which browsers and devices does Ararat support?

The template is described as fully responsive and cross-browser compatible. ThemeWagon lists compatibility with Chrome, Edge, Firefox, Opera, Safari, and mobile devices.

How do I change the site's colors and fonts?

The included SCSS source files let you recompile the CSS with custom variables, and the documentation walks through the customization process.