The Generic Article Layout
This is Versa's generic article template: one long-form post — header, category kicker, meta line, a full-width lead photo, then body copy broken up by subheadings. It's the layout every other post in this magazine collapses into once you click through, and it's also the shape any standalone page — an about page, a policy page, a single deep-dive — can borrow without touching the header or footer chrome.
Reading Width
Body copy runs the full width of the .container, which is intentionally generous — this template favors long-form reading over multi-column density. If you want a narrower column, wrap the paragraphs in a col-lg-8 offset-lg-2 and the rest of the page won't notice.
Where the Chrome Comes From
The navbar above and the footer below are identical to every other page in Versa — same theme.css, same main.js. Swap the theme with the dots in the nav and this page recolors along with the rest of the site, because every themed color reads from the same two :root custom properties.
The Hero Banner
This card's photo stands in for the banner grid on the homepage: one full-width tinted tile and two half-width tinted tiles, each holding a headline, a line of copy, and a single call to action.
Full Story
The Dropdown Nav
Open Components in the nav above and look for the nested submenu — Bootstrap 5's dropdown only ships one level out of the box, so the second level here runs on about 40 lines of vanilla JavaScript.
Full Story
The Card Grid
row-cols-1 row-cols-md-2 row-cols-lg-3, zero gutters, one image aspect ratio held constant across every tile — that's the entire recipe for a grid like the one below.
Pagination
The homepage grid ends in a numbered pagination bar — dressed up to look real, but nothing there actually paginates yet. This page skips it; not every page needs one.
Full Story
The Footer Form
Every page in this template ends the same way: a bio panel with per-brand social icons on one side, a ready-to-wire contact form on the other — including this one, below.
Full Story
Palette Variants
Seven palettes, each a handful of :root custom properties apart. Pick one from the dots in the nav — the choice sticks on this page too, via localStorage.