Strategy

Author: Colorlib

Updated: October 2026 · v3.0.0

Credits: Images from Unsplash

Strategy is a portfolio and creative agency website template built on Bootstrap 5, with a large typographic home page and hover overlays on the project cards. The layout is responsive and works in all popular web browsers. It comes with seven pages: home, work, a work case study, about, blog, a blog article and contact.

The home page has an introduction, a project grid, services and recent journal posts. The work page lists ten case studies, and the case-study page shows the project facts, large images and a client quote. The about page adds a team section, a photo slider and six services, and the blog article page has comments, a comment form, search, categories and tags. The contact page has a labelled project form and a map that loads when you ask for it. Strategy gives you a ready-made site to show your studio and its work.

What’s new in 3.0

• Bootstrap 5.3.8 (the earlier release used Bootstrap 4.1.1 and jQuery 2.2.4), compiled from Sass with the original Bootstrap 4 proportions, and plain JavaScript with no jQuery. Swiper 14 replaces Owl Carousel on the about page slider, a small built-in module replaces AOS, and Lucide icons replace the Icomoon font.
• Lighter pages: all seven pages together went from 6.9 MB and 129 requests to 3.3 MB and 98 requests. Every photo has an AVIF version with the JPEG as the fallback, real dimensions and lazy loading below the first screen.
• No third-party requests: the pages no longer load Font Awesome from a CDN or the Google Maps script with its key. The map is an OpenStreetMap embed that loads only after a click, and a Google Analytics 4 snippet stays commented out until you add your own ID.
• Working forms: the contact and comment forms send through php/send-email.php with validation, a spam trap and an in-page message, and every field has a visible label. Before, the forms had no action and most fields had no name. The blog search form now filters through a GET address.
• Accessibility: a skip link and a main landmark on every page, one h1 per page, a real menu button that closes with Escape, visible focus rings, and darker greys and a deeper brand red so text keeps at least 4.5:1 contrast.
• Fixes: the missing blog image, dead links, the page fade that hid content until scripts ran, and slider arrows that never appeared are fixed. All photos are new credited Unsplash photos, and the team, clients and articles are fictional demonstration content.