Square is a website template for an architecture, interior design or building studio. It is built on Bootstrap 5 and works in all popular browsers on desktop, tablet and phone. It comes with two pages: a one-page home with sections and a blog article page.
The home page opens with a full-screen photo hero and a video link, followed by three service cards, a quote form beside the studio introduction and animated counters, a project carousel with a lightbox, a team grid, a testimonial slider, a searchable story section, a contact form with a click-to-load map and contact details. The article page has a sidebar with search, categories, recent posts and tags, an author box, a comment thread and a comment form.
What’s new in 3.0
Bootstrap 5.3.8 compiled from Sass, and plain JavaScript with no jQuery. PhotoSwipe replaces Magnific Popup for the lightbox and Swiper replaces Owl Carousel for the carousels.
Lighter pages: both pages together went from 7.4 MB to 2.1 MB, and the download from 5.7 MB to 3.1 MB. Every photo has an AVIF version with a JPEG fallback, real dimensions and lazy loading, and the hero and article banner have phone crops.
No third-party requests: Rubik is self-hosted, the icon fonts are replaced by Lucide SVG icons and a small social-logo subset, and the map loads only when you click it. No analytics code is included (a commented Google Analytics 4 block is provided).
Working forms: the quote, contact and comment forms send through the included PHP handler, with visible labels, validation, a spam trap and an in-page status message.
Accessibility: a skip link and a main landmark on every page, one h1 per page, visible focus rings, a keyboard-friendly menu and text contrast of at least 4.5:1.
Fixes: the blog search now filters the stories, every menu and footer link goes to a real section, and the testimonial slider no longer squeezes the quote on phones.
New photographs and unique demo copy replace the earlier demo images and placeholder text.